*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}: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);display:flex;flex-direction:column;padding:16px 14px 12px;gap:0;color:#111}.card-symbol{font-size:38px;line-height:1;text-align:center;margin-bottom:10px;min-height:46px;display:flex;align-items:center;justify-content:center;opacity:.85}.card-symbol.no-symbol{min-height:8px;margin-bottom:4px}.card-title{font-size:12.5px;font-weight:700;text-align:center;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;margin-bottom:10px;color:#0a0a0a}.card-text{font-size:10.5px;font-style:italic;text-align:center;line-height:1.55;color:#333;flex:1;display:flex;align-items:center;justify-content:center}.card-text p{margin:0}.card-divider{border:none;border-top:1px solid rgba(0,0,0,.1);margin:8px 0 6px}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.card-category{font-family:SF Mono,Fira Code,monospace;font-size:7.5px;letter-spacing:.06em;color:#666;text-transform:uppercase;line-height:1.2;flex:1}.card-axis{flex-shrink:0;opacity:.7}#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}#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}