:root{color-scheme:dark;--gold:#d7b878;--ink:#080908}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050605;color:#f4f1e9;font-family:'Avenir Next',Arial,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage{height:100dvh;width:100vw;position:relative;display:grid;place-items:center;background:#050605;overflow:hidden}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#101510 0,#080a08 42%,#050605 73%);transition:opacity .4s}.playing-card{position:relative;width:min(64vw, min(39vh, 310px));height:auto;aspect-ratio:420/588;border:0;padding:0;background:transparent;perspective:1200px;z-index:2;cursor:pointer;transition:transform .12s}.playing-card:active{transform:scale(.985)}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.75,.2,1)}.playing-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-face{position:absolute;inset:0;border-radius:4.5%;backface-visibility:hidden;overflow:hidden;box-shadow:0 24px 70px #000a,0 3px 12px #0008}.card-back{background:#18251f;border:1px solid #bca36b;padding:3.2%}.back-frame{height:100%;border:1px solid #c6ab70;outline:1px solid #c6ab70;outline-offset:-6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13% 0;color:#d9c18c}.back-frame span{font-size:19px}.back-frame b{font:500 clamp(8px,1.7vh,13px) 'SFMono-Regular',Consolas,monospace;letter-spacing:.28em;writing-mode:vertical-rl;transform:rotate(180deg)}.card-face{transform:rotateY(180deg);background:#fff}.card-face img{width:100%;height:100%;display:block}.tap-hint{position:absolute;bottom:max(8vh,44px);font:10px 'SFMono-Regular',Consolas,monospace;letter-spacing:.24em;color:#9e9c91;z-index:2;transition:opacity .25s}.stage.black .ambient,.stage.black .tap-hint{opacity:0}.stage.black .playing-card{animation:fall .8s cubic-bezier(.55,0,.9,.4) forwards}.stage.black{background:#000}.stage.black .playing-card{pointer-events:none}@keyframes fall{to{transform:translateY(130vh) rotate(7deg);opacity:0}}.secret-hotspot{position:absolute;left:0;bottom:0;width:56px;height:56px;border:0;background:transparent;z-index:4;touch-action:none}.panel{position:absolute;z-index:5;inset:auto 0 0;padding:25px max(22px,calc((100vw - 620px)/2)) max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#141713,#0c0e0c);border-top:1px solid #35382e;border-radius:24px 24px 0 0;box-shadow:0 -20px 80px #000b;max-height:84dvh;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.panel.hidden{transform:translateY(110%);pointer-events:none}.panel-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:9px 'SFMono-Regular',Consolas,monospace;letter-spacing:.22em;color:var(--gold)}h1{font-size:24px;margin:6px 0 0;font-weight:500;letter-spacing:-.04em}.icon-button{border:1px solid #3b3e34;color:#ddd;background:#1b1e19;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.subcopy{margin:10px 0 16px;color:#94958d;font-size:12px}.deck-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;overflow:auto;padding:2px 1px 9px;overscroll-behavior:contain}.deck-card{border:1px solid #34372f;border-radius:5px;background:#f5f3ed;padding:0;aspect-ratio:0.72;min-width:0;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s}.deck-card img{width:100%;height:100%;display:block}.deck-card.selected{border:2px solid var(--gold);transform:translateY(-3px);box-shadow:0 0 0 2px #d7b87833}.panel-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;color:#aaa99f;font:10px 'SFMono-Regular',Consolas,monospace;letter-spacing:.1em}.primary{border:0;background:var(--gold);color:#15140f;border-radius:99px;padding:12px 17px 12px 20px;font-weight:700;font-size:12px;letter-spacing:.02em}.primary span{padding-left:16px;font-size:17px;vertical-align:-1px}.toast{position:absolute;z-index:6;top:calc(env(safe-area-inset-top) + 18px);left:50%;transform:translate(-50%,-10px);opacity:0;background:#252820;border:1px solid #46483e;border-radius:30px;padding:10px 16px;font:10px 'SFMono-Regular',Consolas,monospace;letter-spacing:.08em;color:#eee;transition:.25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@media(min-width:700px){.deck-grid{gap:7px}.panel{padding-top:28px}.playing-card{width:min(26vw, min(54vh, 360px))}}@media(max-width:430px){.panel{padding-left:16px;padding-right:16px}.deck-grid{gap:3px}.tap-hint{bottom:9vh}}