/* Shared raised-glass surface for command tiles and folders. */
#deckGrid{position:relative;isolation:isolate}
#deckGrid::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 12%,#00d9e82b,transparent 48%),radial-gradient(ellipse at 78% 65%,#3866d827,transparent 56%);filter:blur(20px)}
#deckGrid .deck-tile{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b9f3ff54;border-top-color:#ddfaff94;border-left-color:#c8f5ff70;border-radius:16px;background:linear-gradient(140deg,#d9f7ff26 0%,#bcefff0a 43%,#45b5d610 100%);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 0 #fff4,inset 0 -1px 0 #8ad6ed18,0 9px 20px #0003,0 2px 3px #0002;transition:transform .18s,box-shadow .18s,border-color .18s;background-clip:padding-box;min-height:138px}#deckGrid .deck-tile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#e6faff19 0%,#e6faff04 30%,transparent 48%,#e6faff0b 80%,transparent 100%);pointer-events:none}#deckGrid .deck-tile::after{content:'';position:absolute;top:1px;left:1px;right:1px;height:44%;border-radius:14px 14px 40% 40%;z-index:-1;background:linear-gradient(180deg,#fff1,transparent);pointer-events:none}#deckGrid .deck-tile:hover,#deckGrid .deck-tile:focus-visible{transform:translateY(-3px);border-color:#b8f6ffb0;box-shadow:inset 0 1px 0 #fff6,0 12px 24px #0004,0 0 22px #00d9ff16}#deckGrid .deck-tile:active{transform:translateY(1px);box-shadow:inset 0 2px 8px #0002,0 3px 8px #0003}#deckGrid .deck-tile strong{color:#effcff;text-shadow:0 1px 4px #001d2b80}#deckGrid .deck-tile small{color:#b7deee}
/* Raised glass: layered edge, bevel and a separated contact shadow. */
#deckGrid{gap:22px 18px;padding:4px 2px 12px}
#deckGrid .deck-tile{
 min-height:142px;margin-bottom:5px;border-radius:17px;
 border:1px solid #bcecff66;border-top:2px solid #ddfaffc2;border-bottom:2px solid #123f58;
 background:linear-gradient(145deg,#c3f2ff32 0%,#74c5e91b 27%,#3a8fa318 56%,#1e577a26 100%);
 transform:translateY(-3px);
 box-shadow:inset 0 2px 2px #fff5,inset 2px 0 2px #d0f7ff26,inset -2px -3px 3px #00162270,
  0 1px 0 #68a6bd80,0 3px 0 #24536b,0 5px 0 #163d54,0 7px 0 #0a283c,0 9px 1px #031722,
  0 15px 10px #0006,0 22px 25px #0004;
}
#deckGrid .deck-tile::before{inset:5px;border:1px solid #b9efff1c;border-top-color:#eaffff3d;border-radius:11px;
 background:linear-gradient(130deg,#f0fcff0f,transparent 43%,#2b8db115 80%)}
#deckGrid .deck-tile::after{top:3px;left:7px;right:7px;height:43%;border-radius:11px 11px 45% 45%;
 background:linear-gradient(180deg,#ffffff21,#ffffff08 65%,transparent);border-top:1px solid #ffffff45}
#deckGrid .deck-tile .icon{filter:drop-shadow(0 3px 2px #00101c99);transform:translateY(-2px)}
#deckGrid .deck-tile strong{text-shadow:0 2px 2px #00101ccc}
#deckGrid .deck-tile:hover,#deckGrid .deck-tile:focus-visible{
 transform:perspective(700px) translateY(-7px) rotateX(4deg);border-color:#c5f6ffc9;
 box-shadow:inset 0 2px 2px #fff6,inset 2px 0 2px #d0f7ff33,inset -2px -3px 3px #00162270,
  0 2px 0 #5c9ebc,0 4px 0 #24536b,0 7px 0 #143b53,0 10px 0 #08273c,0 12px 1px #031722,
  0 20px 14px #0006,0 28px 30px #0004;
}
#deckGrid .deck-tile:active{transform:translateY(4px);box-shadow:inset 0 1px 2px #fff4,inset 0 -2px 3px #00162270,
  0 1px 0 #24536b,0 2px 0 #0a283c,0 4px 6px #0006}
@media(max-width:600px){#deckGrid{gap:21px 14px}#deckGrid .deck-tile{min-height:134px}}

#deckGrid .deck-tile .deck-bolt-platform-icon{height:48px}#deckGrid .deck-tile .deck-bolt-image{width:120px;height:48px;object-fit:contain;border-radius:5px}
@media(prefers-reduced-motion:reduce){#deckGrid .deck-tile{transition:none}}

#deckGrid .deck-tile .deck-icon{filter:drop-shadow(0 3px 2px #00101c99);transform:translateY(-2px)}
#deckGrid.is-editing .deck-tile{border-style:dashed;border-color:#ffc34d}
#deckGrid.is-organizing .deck-tile{border-style:dashed}
#deckGrid.is-organizing .deck-tile.is-moving{border:2px solid #00e5ff;outline:3px solid #00e5ff44}
#deckGrid .deck-tile.is-disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:inset 0 1px 0 #ffffff1a}
