*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Symbola;src:local("Symbola"),url(/fonts/Symbola.ttf) format("truetype");font-display:block}@font-face{font-family:Symbola;src:local("Symbola"),url(/fonts/symbola-subset.ttf) format("truetype");font-display:block;unicode-range:U+21CC,U+229B,U+2302,U+22F0}@font-face{font-family:Karten-Symbole;src:url(/fonts/karten-symbole-symbols.woff2) format("woff2");font-display:block;unicode-range:U+2299,U+25C9,U+25CE,U+29BF,U+2B08,U+1D306,U+1F37D,U+1F574}@font-face{font-family:Karten-Symbole;src:url(/fonts/karten-symbole-math.woff2) format("woff2");font-display:block;unicode-range:U+21BA,U+21F6,U+2235,U+223F,U+2253,U+2297-2298,U+229B-229C,U+229E-22A1,U+22C8,U+22EF,U+236F,U+23E3,U+23E6,U+2999,U+29A7,U+29BB,U+29DC,U+2A03,U+2A33,U+2A3C,U+2A3F,U+2A67,U+2AF7-2AF8}@font-face{font-family:Karten-Symbole;src:url(/fonts/karten-symbole-emoji.woff2) format("woff2");font-display:block;unicode-range:U+2697,U+26E9,U+1F471,U+1F921,U+1F953,U+1F956,U+1F958,U+1F95E,U+1F9C0}:root{--card-w: 175px;--card-h: 300px;--card-radius: 10px;--card-shadow: 0 6px 24px rgba(0,0,0,.7), 0 1px 4px rgba(0,0,0,.5);--table-bg: #0e0e0e;--hud-bg: rgba(15,15,15,.92);--accent: #c8a96e;--font: "Helvetica Neue", Helvetica, "Arial Nova", Arial, sans-serif}body{font-family:var(--font);background:var(--table-bg);overflow:hidden;width:100vw;height:100dvh;color:#fff;-webkit-tap-highlight-color:transparent}#table{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,#161616,#0a0a0a)}#hud{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 32px #0009;z-index:1000;-webkit-user-select:none;user-select:none}#deck-area{display:flex;align-items:center;gap:12px;cursor:pointer}#deck-stack{position:relative;width:36px;height:52px}.deck-card{position:absolute;width:36px;height:52px;border-radius:4px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.deck-card-3{transform:rotate(-3deg) translate(-1px,1px)}.deck-card-2{transform:rotate(-1deg)}.deck-card-1{transform:rotate(1deg);background:#222}#deck-meta{display:flex;flex-direction:column;line-height:1.2}#deck-count{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px}#deck-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59}.btn-primary,.btn-ghost{border:none;border-radius:8px;padding:9px 18px;font-family:var(--font);font-size:13px;cursor:pointer;transition:all .15s;letter-spacing:.02em}.btn-primary{background:var(--accent);color:#0e0e0e;font-weight:600}.btn-primary:hover{background:#d4b87a}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:#ffffff0f;color:#ffffffb3}.btn-ghost:hover{background:#ffffff1c}.btn-ghost:active{transform:scale(.97)}#deck-toggle{display:flex;align-items:center;font-size:12px;color:#ffffff73;cursor:pointer;gap:6px}#deck-toggle input{cursor:pointer;accent-color:var(--accent)}#deck-toggle:hover{color:#ffffffb3}#hint{position:fixed;top:18px;left:50%;transform:translate(-50%);font-size:11px;color:#fff3;letter-spacing:.04em;pointer-events:none;white-space:nowrap;z-index:999;transition:opacity .5s}#hint.hidden{opacity:0}.card{position:absolute;width:var(--card-w);height:var(--card-h);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;perspective:800px}.card:active{cursor:grabbing}.card.is-dragging .card-inner{box-shadow:0 20px 48px #000000d9,0 4px 12px #00000080;transition:box-shadow 0s}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:var(--card-radius);box-shadow:0 6px 20px #000000a6,0 1px 4px #0006}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-back{background:#111;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center}.card-back svg{opacity:.75}.card-front{background:#f8f6f0;border:1px solid rgba(0,0,0,.08);transform:rotateY(180deg);color:#111}.card-front>*{position:absolute;left:8px;right:8px;text-align:center;display:flex;align-items:center;justify-content:center}.card-symbol{top:36.6px;height:53px;font-family:Symbola,Karten-Symbole,Apple Symbols,"Noto Sans Symbols 2",sans-serif;font-size:53px;line-height:1;color:#000;filter:grayscale(1)}.card-symbol-img{width:53px;height:53px;object-fit:contain;display:block;filter:brightness(0)}.card-title{top:110.7px;height:36px;font-size:13.7px;font-weight:700;letter-spacing:normal;text-transform:uppercase;line-height:1.25;color:#000}.card-text{top:155.7px;height:48px;font-size:9.6px;font-style:italic;line-height:1.25;color:#000}.card-text p{margin:0}.card-axis{top:221.9px;height:20.4px}.card-category{top:265.8px;height:12px;font-family:Latin Modern Mono,Courier New,Nimbus Mono PS,monospace;font-size:9.6px;letter-spacing:normal;color:#000;text-transform:uppercase;line-height:1.2}#deck-stack.empty .deck-card{opacity:.2}.btn-small{padding:6px 12px;font-size:12px}#spread-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:radial-gradient(ellipse 80% 80% at 50% 50%,#161616,#0a0a0a);display:flex;flex-direction:column}#spread-overlay.hidden{display:none}#spread-stage-wrap{position:relative;flex:1;min-height:0;overflow:hidden}#spread-stage{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0}#spread-picker,#spread-view{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);background:#0a0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}#spread-view.hidden{display:none}#spread-options{display:flex;gap:8px;flex:1;flex-wrap:wrap}.spread-option{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:7px 32px 7px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--font);transition:background .15s,border-color .15s;display:flex;flex-direction:column;gap:1px;min-width:0}.spread-option:hover{background:#c8a96e1a;border-color:#c8a96e4d}.spread-option:active{opacity:.8}.spread-option-name{font-size:12px;font-weight:600;letter-spacing:.02em;color:#fff;white-space:nowrap}.spread-option-desc{font-size:9.5px;color:#ffffff61;letter-spacing:.02em;white-space:nowrap}.spread-option-count{position:absolute;top:7px;right:9px;font-size:11px;font-weight:700;color:var(--accent);opacity:.85}.spread-view-title{font-size:11px;letter-spacing:.05em;color:#fff6;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon{background:none;border:none;color:#ffffff4d;font-size:15px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:color .15s,background .15s;flex-shrink:0}.btn-icon:hover{color:#ffffffbf;background:#ffffff14}.spread-ghost{position:absolute;width:var(--card-w);height:var(--card-h);border:1px dashed rgba(255,255,255,.13);border-radius:var(--card-radius);background:#ffffff05;pointer-events:none}.spread-label{position:absolute;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#ffffff40;text-align:center;pointer-events:none;white-space:nowrap}#spread-tooltip{position:fixed;z-index:9999;background:#000000b8;color:#ffffffd9;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:5px;pointer-events:none;white-space:nowrap;transform:translate(-50%);opacity:0;transition:opacity .12s}#spread-tooltip.visible{opacity:1}#copyright{position:fixed;bottom:10px;right:16px;font-size:9px;letter-spacing:.06em;color:#ffffff21;pointer-events:none;z-index:999;-webkit-user-select:none;user-select:none}#return-zone{position:fixed;top:20px;right:20px;width:56px;height:80px;border:2px dashed rgba(255,255,255,.12);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#fff3;letter-spacing:.05em;text-transform:uppercase;z-index:999;transition:border-color .2s,color .2s;pointer-events:none}#return-zone.active{border-color:#c8a96e80;color:#c8a96e99}