#itemSheet {
  --item-cyan: #1cd6e7;
  position: fixed; inset: 0; margin: auto; width: min(352px, calc(100vw - 40px));
  max-width: 352px; max-height: calc(100dvh - 28px); height: fit-content;
  padding: 20px 20px 23px; overflow: auto; overscroll-behavior: contain;
  border: 2px solid #7797aa; border-radius: 13px;
  background: radial-gradient(ellipse at 50% 25%, #11313c77, transparent 58%), linear-gradient(150deg,#041923,#071d26 65%,#02141c);
  box-shadow: inset 0 0 0 2px #061019, inset 0 0 0 3px #395265, 0 0 0 1px #c7e0edaa, 0 15px 70px #000d;
  color: #e8f2f9;
}
#itemSheet::backdrop { background: #00101888; backdrop-filter: blur(3px); }
#itemSheet #itemTitle { font: 700 29px/1.15 "Dig Digits","Kopai Serif",Georgia, 'Times New Roman', serif; margin: 0 28px 13px; text-align:center; color:#edf7ff; text-shadow:0 2px 0 #000; }
#itemSheet .item-close { position: absolute; top: 12px; right: 11px; width:33px; height:33px; min-height:0; border-radius:50%; border:1px solid #94b6c7; box-shadow:inset 0 0 0 2px #061722,0 2px 3px #0008; background:linear-gradient(#193844,#081d27); color:#b5c9df; font:30px/1 "Dig Digits",Arial; padding:0; display:grid; place-items:center; z-index:1; }
#itemSheet .item-display { width:130px; height:130px; margin:0 auto 10px; border:2px solid #87a6b6; border-radius:9px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse,#0d71837d,transparent 65%), linear-gradient(145deg,#041720,#102c37); box-shadow:inset 0 0 0 2px #02121b, inset 0 0 20px #0009,0 0 0 1px #bedce144; }
#itemSheet .item-display > img, #itemSheet .item-display > svg { display:block; width:112px; height:112px; max-width:112px; max-height:112px; object-fit:contain; margin:0; filter:drop-shadow(0 6px 4px #0009); }
#itemSheet .item-owned { font:18px/1.35 "Dig Digits","Kopai Serif",Georgia,serif; text-align:center; margin:0 0 6px; color:#eef5fb; }
#itemSheet .item-owned b { font-weight:normal; }
#itemSheet .item-purpose { text-align:center; color:#90acc1; font-size:13px; line-height:1.38; margin:0 auto 13px; max-width:280px; }
#itemSheet .item-sale { border-top:1px solid #6c8c9a7a; padding-top:11px; position:relative; }
#itemSheet .item-sale:before { content:''; width:7px; height:7px; position:absolute; top:-5px; left:calc(50% - 4px); transform:rotate(45deg); border:1px solid #769aaa; background:#09232e; box-shadow:0 0 0 2px #061a24; }
#itemSheet .item-quantity-label { display:block; text-align:center; font:17px/1.2 "Dig Digits","Kopai Serif",Georgia,serif; color:#cde3f3; margin-bottom:9px; }
#itemSheet .item-quantity-stepper { display:grid; grid-template-columns:40px minmax(60px,1fr) 40px; gap:11px; max-width:229px; margin:0 auto 10px; }
#itemSheet .item-quantity-stepper button { min-height:40px; padding:0; font:31px/1 "Dig Digits","Kopai Serif",Georgia,serif; color:#d3f0ff; border:1px solid #8eb4c3; border-radius:5px; background:linear-gradient(135deg,#284c5c,#071d29 70%); box-shadow:inset 0 0 0 2px #091923,0 1px 3px #000; }
#itemSheet #itemQuantity { width:100%; min-width:0; text-align:center; padding:0 5px; border:1px solid #50778e; border-radius:5px; background:#00151e; color:#eef8ff; font:700 25px/1.2 "Dig Digits","Kopai Serif",Georgia,serif; appearance:textfield; }
#itemSheet #itemQuantity::-webkit-inner-spin-button,#itemSheet #itemQuantity::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
#itemSheet #itemQuantity[aria-invalid=true] { border-color:#ef997c; }
#itemSheet .item-range-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; margin:4px 0 11px; font:15px "Dig Digits","Kopai Serif",Georgia,serif; color:#c7e0f1; }
#itemSheet #itemQuantityRange { --quantity-progress:0%; -webkit-appearance:none; appearance:none; height:10px; min-width:0; width:100%; padding:0; margin:7px 0; border-radius:10px; border:1px solid #6c99aa; background:linear-gradient(to right,#00bdd3 var(--quantity-progress),#021019 var(--quantity-progress)); box-shadow:inset 0 0 0 2px #001017; cursor:pointer; }
#itemSheet #itemQuantityRange::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border:2px solid #1aedf6; border-radius:50%; background:linear-gradient(135deg,#00d9e9,#008da9); box-shadow:0 1px 4px #000; }
#itemSheet #itemQuantityRange::-moz-range-thumb { width:17px; height:17px; border:2px solid #1aedf6; border-radius:50%; background:#00b8cc; }
#itemSheet .item-presets { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
#itemSheet .item-presets button { padding:5px 1px; min-height:34px; border:1px solid #87a8bb; border-radius:5px; background:linear-gradient(135deg,#1b3948,#02151e); color:#dceffc; font:17px "Dig Digits","Kopai Serif",Georgia,serif; box-shadow:inset 0 0 0 2px #05141d; }
#itemSheet .item-presets button[aria-pressed=true] { border-color:#05e9f4; background:linear-gradient(#00677b,#043142); box-shadow:inset 0 0 0 1px #08c5dd,0 0 6px #00c4e622; color:#fff; }
#itemSheet .item-quantity-error { color:#efb196; font-size:11px; text-align:center; min-height:10px; margin:4px 0; }
#itemSheet .item-price { display:flex; align-items:center; justify-content:center; gap:10px; color:#95b7d1; font-size:13px; line-height:1.4; }
#itemSheet .item-price b { display:inline-flex; align-items:center; gap:3px; font:700 20px/1.4 "Dig Digits","Kopai Serif",Georgia,serif; color:#ffd177; }
#itemSheet .item-total { margin-bottom:12px; }
#itemSheet .item-total b { font-size:23px; }
#itemSheet .item-coin { width:25px; height:25px; object-fit:contain; }
#itemSheet .item-primary { width:100%; min-height:46px; padding:8px 10px; border:2px solid #0fdbe5; border-radius:7px; background:radial-gradient(ellipse at 50% 0,#32b9ca66,transparent 65%),linear-gradient(165deg,#00758d,#035064 65%,#003346); box-shadow:inset 0 0 0 2px #064056,0 2px 0 #0008; color:#effaff; font:700 20px/1.2 "Dig Digits","Kopai Serif",Georgia,serif; text-shadow:0 1px 2px #003242; }
#itemSheet button:disabled { opacity:.4; cursor:default; }
#itemSheet button:focus-visible,#itemSheet input:focus-visible { outline:2px solid #75f2ff; outline-offset:3px; }
#itemSheet .item-use { border-top:1px solid #476573; padding-top:9px; }
#itemSheet .item-action-note { font-size:13px; color:#a3b9c9; line-height:1.4; text-align:center; margin:0 0 13px; }
#itemSheet .item-card-corners { pointer-events:none; position:absolute; inset:0; }
#itemSheet .item-card-corners i { position:absolute; width:8px; height:13px; background:linear-gradient(135deg,#fff,#0cebff 38%,#087da9 70%,#e7ffff); border:1px solid #9fe9ff; box-shadow:0 0 0 3px #122a3c; transform:rotate(42deg); }
#itemSheet .item-card-corners i:nth-child(1) { top:5px; left:6px; }
#itemSheet .item-card-corners i:nth-child(2) { top:5px; right:6px; transform:rotate(-42deg); }
#itemSheet .item-card-corners i:nth-child(3) { bottom:5px; left:6px; transform:rotate(-42deg); }
#itemSheet .item-card-corners i:nth-child(4) { bottom:5px; right:6px; }
@media(max-height:660px) { #itemSheet { padding:15px 17px 18px; } #itemSheet .item-display { width:95px; height:95px; margin-bottom:6px; } #itemSheet .item-display > img,#itemSheet .item-display > svg { width:84px; height:84px; max-width:84px; max-height:84px; } #itemSheet #itemTitle { font-size:25px; margin-bottom:10px; } #itemSheet .item-purpose { margin-bottom:11px; } }
@media(max-width:350px) { #itemSheet { width:calc(100vw - 30px); padding-left:15px; padding-right:15px; } #itemSheet #itemTitle { font-size:25px; } }