*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--sans);color:var(--cream);background:var(--espresso);overflow:hidden;position:fixed;inset:0;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#room,#roomGrade,#vignette{position:fixed;inset:0;pointer-events:none;z-index:0}#room{background:radial-gradient(120% 90% at 50% 34%,#3a2a1e,#2a1f18 46%,#1c130d);transition:opacity .9s var(--ease-soft)}#roomGrade{background:var(--room-grade);mix-blend-mode:multiply;transition:background .9s var(--ease-soft)}#vignette{background:radial-gradient(88% 70% at 50% 42%,#0a050200 34%,#0a050280 76%,#060301d1),linear-gradient(180deg,#0804026b,#08040200 26% 62%,#06030199);z-index:1}body[data-room=candlelit] #vignette{opacity:.72}#grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#embers{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.ember{position:absolute;bottom:-14px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,var(--glow),rgba(232,160,92,.15) 60%,transparent 70%);opacity:0;filter:blur(.3px);animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0) translate(0) scale(.7);opacity:0}12%{opacity:.85}70%{opacity:.6}to{transform:translateY(-78vh) translate(var(--drift, 10px)) scale(1.15);opacity:0}}#app{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#table{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}#glow{position:absolute;top:44%;left:50%;width:min(96vw,440px);height:min(96vw,440px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,178,102,.34) 0%,rgba(255,178,102,.12) 34%,transparent 70%);transition:opacity .8s var(--ease-soft)}body[data-state=question] #glow,body[data-state=spinning] #glow,body[data-state=locked] #glow{opacity:1}body:not(.calm)[data-state=question] #glow,body:not(.calm)[data-state=spinning] #glow,body:not(.calm)[data-state=locked] #glow{animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.82}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}@media(max-height:680px){:root{--card-w: min(62vw, 270px)}}@media(min-width:1024px)and (min-height:720px){:root{--card-w: min(52vh, 440px)}#glow{width:min(74vh,680px);height:min(74vh,680px)}body[data-room=candlelit] #vignette{opacity:.66}}@media(prefers-reduced-motion:reduce){.ember{display:none}body[data-state=question] #glow,body[data-state=spinning] #glow,body[data-state=locked] #glow{animation:none!important}}#roomFx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#room.img,body[data-room=by-the-fire] #room,body[data-room=city-nights] #room{background-size:cover;background-position:center 38%;background-repeat:no-repeat}body[data-room=by-the-fire] #room{background-image:url(/rooms/room_by-the-fire.png);background-image:image-set(url(/rooms/room_by-the-fire.avif) type("image/avif"),url(/rooms/room_by-the-fire.webp) type("image/webp"),url(/rooms/room_by-the-fire.png) type("image/png"))}body[data-room=city-nights] #room{background-image:url(/rooms/room_city-nights.png);background-image:image-set(url(/rooms/room_city-nights.avif) type("image/avif"),url(/rooms/room_city-nights.webp) type("image/webp"),url(/rooms/room_city-nights.png) type("image/png"))}body[data-room=by-the-fire] #roomGrade{background:#2e220c4d}body[data-room=city-nights] #roomGrade{background:#3a1e0e57}body[data-room=city-nights] #embers,body[data-room=creature-woods] #embers{display:none}.fx-fire{position:absolute;left:-10%;right:-10%;bottom:-6%;height:64%;background:radial-gradient(60% 100% at 50% 100%,rgba(255,150,66,.5) 0%,rgba(232,120,52,.24) 34%,transparent 72%);mix-blend-mode:screen;opacity:.5;transform-origin:50% 100%;will-change:transform,opacity}.fx-fire.b{background:radial-gradient(46% 90% at 42% 100%,rgba(255,190,110,.42),transparent 68%);opacity:.4}.fx-fire.c{background:radial-gradient(46% 90% at 60% 100%,rgba(255,120,60,.4),transparent 66%);opacity:.36}body:not(.calm) .fx-fire{animation:flicker 3.6s ease-in-out infinite}body:not(.calm) .fx-fire.b{animation:flicker 2.7s ease-in-out infinite .4s}body:not(.calm) .fx-fire.c{animation:flicker 4.3s ease-in-out infinite .9s}@keyframes flicker{0%,to{opacity:.34;transform:translate(0) scaleY(1)}28%{opacity:.56;transform:translate(-1.2%) scaleY(1.06)}54%{opacity:.42;transform:translate(1.4%) scaleY(.97)}78%{opacity:.6;transform:translate(-.6%) scaleY(1.03)}}.fx-fire-bloom{position:absolute;left:50%;bottom:-12%;width:132%;height:82%;transform:translate(-50%);background:radial-gradient(42% 52% at 50% 100%,rgba(255,182,92,.9) 0%,rgba(248,132,52,.56) 24%,rgba(205,82,32,.26) 50%,transparent 72%),radial-gradient(80% 92% at 50% 108%,rgba(255,130,58,.42) 0%,rgba(158,64,26,.2) 44%,transparent 72%);mix-blend-mode:screen;opacity:.95;transform-origin:50% 100%;will-change:opacity,transform;pointer-events:none}body:not(.calm) .fx-fire-bloom{animation:fireBloom 3.4s ease-in-out infinite}body[data-room=by-the-fire] .fx-fire-bloom{opacity:1}body[data-room=by-the-fire] #vignette{background:radial-gradient(60% 34% at 50% 104%,#0a050200 0% 55%,#0a050247),radial-gradient(88% 70% at 50% 38%,#0a050200 34%,#0a050270 76%,#060301a8)}@keyframes fireBloom{0%,to{opacity:.82;transform:translate(-50%) scaleY(1) scaleX(1)}21%{opacity:1;transform:translate(-50%) scaleY(1.05) scaleX(1.015)}47%{opacity:.72;transform:translate(-50.5%) scaleY(.97) scaleX(.99)}69%{opacity:.95;transform:translate(-49.4%) scaleY(1.04) scaleX(1.02)}86%{opacity:.8;transform:translate(-50%) scaleY(1) scaleX(1)}}.fx-twinkle{position:absolute;width:4px;height:4px;border-radius:1px;background:radial-gradient(circle,rgba(255,210,140,.95),rgba(255,180,110,.4) 60%,transparent 72%);opacity:.25;will-change:opacity,transform}body:not(.calm) .fx-twinkle{animation:twinkle var(--tw, 4s) ease-in-out infinite var(--td, 0s)}@keyframes twinkle{0%,to{opacity:.12;transform:scale(.9)}50%{opacity:.9;transform:scale(1.15)}}.fx-drift{position:absolute;top:8%;left:-40%;width:60%;height:70%;background:radial-gradient(50% 60% at 50% 50%,rgba(255,196,120,.14),transparent 70%);mix-blend-mode:screen;will-change:transform}body:not(.calm) .fx-drift{animation:drift 26s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(230%)}}body[data-room=creature-woods] #room{background:radial-gradient(120% 78% at 50% 8%,#2c3a24,#1e2a1a 42%,#101a10),linear-gradient(180deg,#243020,#131e12);background-blend-mode:screen,normal}.fx-woods-fg{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(8,14,8,.72) 62%,rgba(6,11,6,.9));pointer-events:none}.fx-firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,rgba(190,255,170,.95),rgba(150,220,120,.35) 60%,transparent 72%);filter:blur(.3px);opacity:.3;will-change:transform,opacity}body:not(.calm) .fx-firefly{animation:firefly var(--ff, 7s) ease-in-out infinite var(--fd, 0s)}@keyframes firefly{0%,to{opacity:.12;transform:translate(0)}40%{opacity:.85;transform:translate(var(--fx1, 8px),var(--fy1, -10px))}70%{opacity:.5;transform:translate(var(--fx2, -6px),var(--fy2, -4px))}}.fx-critter{position:absolute;left:50%;bottom:20%;width:118px;height:118px;margin-left:-59px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transform-origin:50% 90%}body:not(.calm) .fx-critter{animation:critter-bob 4.6s ease-in-out infinite}@keyframes critter-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.fx-critter .glowpulse{transform-origin:center;transform-box:fill-box}body:not(.calm) .fx-critter .glowpulse{animation:critter-glow 3.4s ease-in-out infinite}@keyframes critter-glow{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.fx-fire,.fx-fire-bloom,.fx-twinkle,.fx-drift,.fx-firefly,.fx-critter,.fx-critter .glowpulse{animation:none!important}}#deck{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-w);aspect-ratio:5 / 7;cursor:pointer;transition:opacity .5s var(--ease-soft),transform .5s var(--spring)}.deck-card{position:absolute;inset:0;border-radius:var(--r-card);overflow:hidden;box-shadow:0 2px 4px var(--paper-shadow),0 14px 30px #140a0480,0 30px 60px #08030180}.deck-card:nth-child(1){transform:translate(6px,7px) rotate(2.4deg)}.deck-card:nth-child(2){transform:translate(-4px,3px) rotate(-1.6deg)}.deck-card:nth-child(3){transform:none}.deck-hint{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.66;animation:hintPulse 3.4s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.42}50%{opacity:.82}}body[data-state=stage] #deck{opacity:1;pointer-events:auto}body:not([data-state=stage]) #deck{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.94)}body:not([data-state=stage]) .deck-hint{display:none}#cardScene{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-w);aspect-ratio:5 / 7;perspective:1400px;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-soft)}body[data-state=dealing] #cardScene,body[data-state=question] #cardScene{opacity:1}body[data-state=spinning] #cardScene{opacity:.3;transition:opacity .5s var(--ease-soft)}body[data-state=locked] #cardScene{opacity:1;transition:opacity .55s var(--ease-soft)}body[data-state=dealing] #cardScene{pointer-events:auto}#card{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg);will-change:transform}body:not(.calm)[data-state=dealing] #card{animation:dealflip var(--deal-ms) var(--spring) both}body:not(.calm)[data-state=dealing] #cardScene{animation:dealrise var(--deal-ms) var(--spring) both}@keyframes dealflip{0%{transform:rotateY(180deg)}55%{transform:rotateY(-13deg)}74%{transform:rotateY(7deg)}88%{transform:rotateY(-3deg)}to{transform:rotateY(0)}}@keyframes dealrise{0%{transform:translate(-50%,-38%) scale(.82)}to{transform:translate(-50%,-50%) scale(1)}}body.calm[data-state=dealing] #card{animation:dealfade var(--fade-ms) var(--ease-soft) both;transform:rotateY(0)}body.calm[data-state=dealing] #cardScene{animation:none}@keyframes dealfade{0%{opacity:0}to{opacity:1}}body[data-state=question] #card,body[data-state=spinning] #card,body[data-state=locked] #card{transform:rotateY(0)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-card);overflow:hidden}.face.front{transform:rotateY(0)}.face.back{transform:rotateY(180deg)}#cardScene:before{content:"";position:absolute;inset:0;border-radius:var(--r-card);z-index:-1;box-shadow:0 2px 4px var(--paper-shadow),0 12px 28px #140a0473,0 30px 60px #08030180,0 1px #78502880,0 2px #5a3c1e73,0 3px #462d1666}.card-face{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 22%,#f8f0de 0%,var(--cream) 46%,#e7dbc0 100%);color:var(--ink)}.card-face:after{content:"";position:absolute;inset:10px;border-radius:8px;pointer-events:none;border:1px solid rgba(122,46,42,.13);box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 1px 3px #5a3c1e29,inset 0 -1px 1px #fffcf447}.card-grain{position:absolute;inset:0;opacity:.05;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.card-rules{position:absolute;inset:0 11%;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 33px,rgba(122,46,42,.06) 33px,rgba(122,46,42,.06) 34px);-webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 16%,#000 84%,transparent 96%);mask-image:linear-gradient(180deg,transparent 4%,#000 16%,#000 84%,transparent 96%)}.card-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:8% 8.5% 8.5%;text-align:center}.mode-row{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding-top:1.5%}.mode-row:before,.mode-row:after{content:"";height:1px;flex:1;max-width:60px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.mode-label{font-family:var(--serif);font-weight:600;font-size:.9rem;letter-spacing:.26em;font-variant:small-caps;font-feature-settings:"smcp" 1;text-transform:lowercase;color:var(--story);white-space:nowrap;text-shadow:0 1px 0 rgba(255,252,244,.55)}.card-face[data-mode=spark] .mode-label{color:var(--spark)}.card-face[data-mode=story] .mode-label{color:var(--story)}.card-face[data-mode=action] .mode-label{color:var(--action)}.q-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:0 1.5% 6%}.question{font-family:var(--serif);font-weight:600;color:var(--ink);--q-min: 1.36rem;--q-vw: 6.3vw;--q-max: 1.9rem;font-size:clamp(var(--q-min),var(--q-vw),var(--q-max));line-height:1.26;letter-spacing:.002em;text-wrap:balance;font-feature-settings:"kern" 1,"liga" 1;text-shadow:0 1px 0 rgba(255,252,244,.5),0 -.5px 0 rgba(120,80,40,.12)}.card-face[data-qlen=long] .question{--q-min: 1.2rem;--q-vw: 5.4vw;--q-max: 1.58rem;line-height:1.28}.card-face[data-qlen=xlong] .question{--q-min: 1.04rem;--q-vw: 4.7vw;--q-max: 1.36rem;line-height:1.32}body[data-textsize=large] .question{--q-min: 1.52rem;--q-vw: 7vw;--q-max: 2.1rem;line-height:1.22}body[data-textsize=large] .card-face[data-qlen=long] .question{--q-min: 1.32rem;--q-vw: 6vw;--q-max: 1.74rem}body[data-textsize=large] .card-face[data-qlen=xlong] .question{--q-min: 1.16rem;--q-vw: 5.2vw;--q-max: 1.5rem}.card-foot{width:100%;display:flex;flex-direction:column;align-items:center;gap:11px;flex:0 0 auto}.foot-divider{width:66%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim) 22%,var(--gold-dim) 78%,transparent)}.calling-label{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#7a2e2a99}.nameplate{position:relative;width:88%;max-width:252px;min-height:54px;padding:11px 16px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fcf6e8,#f0e4cb);box-shadow:0 1px #ffffffb8 inset,0 -2px 6px #78502821 inset,0 2px 5px #5a3c1e29,0 0 0 1px #7a2e2a26}.nameplate:before{content:"";position:absolute;left:11px;right:11px;top:50%;height:1px;transform:translateY(-50%);background:#7a2e2a21}.nameplate-name{position:relative;font-family:var(--serif);font-style:italic;font-weight:700;font-size:1.42rem;line-height:1.1;color:var(--garnet);opacity:0;transform:translateY(4px) scale(.96);transition:opacity .4s var(--ease-soft),transform .4s var(--spring)}.nameplate-name.stamped{opacity:1;transform:none}body:not(.calm) .nameplate-name.stamping{animation:stamp .5s var(--spring) both}@keyframes stamp{0%{opacity:0;transform:translateY(-9px) scale(1.2)}52%{opacity:1;transform:translateY(1px) scale(.94)}76%{transform:translateY(0) scale(1.04)}to{transform:none;opacity:1}}body[data-textsize=large] .nameplate-name{font-size:1.6rem}.card-back{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 30%,#7d322d 0%,var(--garnet) 45%,#571f1c 100%)}.card-back .rule{position:absolute;inset:9px;border:1px solid var(--gold-dim);border-radius:9px}.card-back .lattice{position:absolute;inset:9px;border-radius:9px;overflow:hidden;opacity:.62}.card-back .bk-medallion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44%;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}#setup{flex:1;width:100%;max-width:420px;display:flex;flex-direction:column;justify-content:center;padding:0 var(--lg) calc(var(--xl) + env(safe-area-inset-bottom));gap:var(--md);opacity:0;animation:fadeUp .7s var(--ease-soft) .05s forwards}body[data-screen=game] #setup{display:none}#game{flex:1;width:100%;display:none;flex-direction:column;align-items:center}body[data-screen=game] #game{display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.setup-mark{width:96px;height:96px;margin:0 auto var(--xs);opacity:.96;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}#setup h1{font-family:var(--serif);font-weight:600;font-size:1.72rem;line-height:1.2;text-align:center;color:var(--cream);letter-spacing:.005em}#setup .sub{font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--gold);opacity:.72;margin-top:calc(-1 * var(--xs))}.name-row{display:flex;gap:var(--sm);margin-top:var(--xs)}#nameInput{flex:1;min-width:0;background:#140d088c;border:1px solid var(--gold-hair);border-radius:var(--r-ctrl);color:var(--cream);font-family:var(--serif);font-size:1.05rem;padding:13px 18px;outline:none;transition:border-color .3s}#nameInput::placeholder{color:#f2e8d566}#nameInput:focus{border-color:var(--gold-dim)}#addBtn{flex:0 0 auto;width:48px;border-radius:50%;border:1px solid var(--gold-hair);background:#c9a86a1f;color:var(--gold);font-size:1.5rem;cursor:pointer;line-height:1}#chips{display:flex;flex-wrap:wrap;gap:var(--xs);min-height:8px;margin-top:var(--xs)}.chip{display:inline-flex;align-items:center;gap:7px;background:#c9a86a1a;border:1px solid var(--gold-hair);color:var(--cream);border-radius:var(--r-ctrl);padding:7px 8px 7px 15px;font-family:var(--serif);font-style:italic;font-size:1.02rem;animation:chipin .35s var(--spring) both}@keyframes chipin{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.chip button{border:none;background:#7a2e2a52;color:var(--cream);width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:.9rem;line-height:1;display:grid;place-items:center}#startBtn{margin-top:var(--md);border:none;border-radius:var(--r-ctrl);padding:15px;cursor:pointer;background:var(--garnet);color:var(--cream);font-family:var(--sans);font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;transition:opacity .3s,transform .2s,box-shadow .4s;box-shadow:0 6px 20px #7a2e2a66,0 1px #ffdcb424 inset}#startBtn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none;background:#4a352b}#startBtn:not(:disabled):active{transform:translateY(1px)}.setup-note{text-align:center;font-size:.74rem;color:#f2e8d570;letter-spacing:.04em}#resume{border:1px solid var(--gold-hair);background:#c9a86a0f;border-radius:var(--r-inset);padding:var(--md);margin-bottom:var(--xs);text-align:center;animation:fadeUp .6s var(--ease-soft) both}#resume[hidden]{display:none}.resume-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.72}.resume-names{font-family:var(--serif);font-style:italic;font-size:1.06rem;color:var(--cream);margin-top:6px;line-height:1.4}.resume-actions{display:flex;gap:var(--sm);margin-top:var(--md)}#resumeBtn,#clearTableBtn{flex:1;border-radius:var(--r-ctrl);padding:11px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;transition:filter .2s,background .25s,border-color .25s}#resumeBtn{border:none;background:var(--garnet);color:var(--cream);box-shadow:0 5px 16px #7a2e2a5c,0 1px #ffdcb424 inset}#resumeBtn:active{transform:translateY(1px)}#clearTableBtn{border:1px solid var(--gold-dim);background:transparent;color:var(--gold)}#clearTableBtn:active{background:#c9a86a14}#setupMsg{min-height:1em;text-align:center;font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--gold);opacity:.85;letter-spacing:.02em}#controls{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--sm);padding:0 var(--lg) calc(var(--xl) + env(safe-area-inset-bottom));min-height:120px;justify-content:flex-end}#announce{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}.btn{border:none;border-radius:var(--r-ctrl);padding:15px 34px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;transition:opacity .45s var(--ease-soft),transform .18s,visibility 0s linear .45s;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)}.btn.show{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .45s var(--ease-soft),transform .18s,visibility 0s}.btn:active{transform:translateY(1px) scale(.99)}#spinBtn{position:relative;font-family:var(--serif);font-weight:600;font-size:1.06rem;font-variant:small-caps;font-feature-settings:"smcp" 1;text-transform:none;letter-spacing:.14em;color:#f6ead2;border:1px solid var(--gold-dim);border-radius:11px;padding:12px 44px;background:radial-gradient(120% 130% at 50% -12%,#8c3a34,#7a2e2a 52%,#5f1f1c);text-shadow:0 1px 1px rgba(48,11,9,.55);box-shadow:0 1px #ffe0ba2e inset,0 -3px 7px #18070580 inset,0 0 0 1px #c9a86a33,0 5px 16px #5a19166b,0 1px 2px #00000052}#spinBtn:before{content:"";position:absolute;inset:3px;border-radius:8px;pointer-events:none;border:1px solid rgba(201,168,106,.3)}#spinBtn:active{transform:translateY(1px) scale(.99);box-shadow:0 -3px 8px #18070599 inset,0 0 0 1px #c9a86a33,0 2px 6px #5a191666}#nextBtn{background:transparent;color:var(--gold);border:1px solid var(--gold-dim);letter-spacing:.2em;box-shadow:none;padding:13px 28px}@media(max-height:680px){#controls{min-height:96px}.setup-mark{width:76px;height:76px}}@media(min-width:1024px)and (min-height:720px){#game{padding-top:52px}#controls{max-width:520px;min-height:150px;gap:var(--md)}#spinBtn{font-size:1.16rem;padding:14px 52px}#nextBtn{padding:14px 34px}}@media(hover:hover)and (pointer:fine){#deck{transition:opacity .5s var(--ease-soft),transform .5s var(--spring),filter .4s var(--ease-soft)}body[data-state=stage] #deck:hover{filter:brightness(1.05) drop-shadow(0 0 22px rgba(255,178,102,.28))}#spinBtn:hover{box-shadow:0 1px #ffe0ba3d inset,0 -3px 7px #18070580 inset,0 0 0 1px #c9a86a52,0 6px 20px #5a191680,0 0 20px #ffb26638,0 1px 2px #00000052}#nextBtn:hover{border-color:var(--gold);background:#c9a86a14}#addBtn:hover,#startBtn:not(:disabled):hover{filter:brightness(1.06)}}#deck:focus-visible{box-shadow:0 0 0 2px #c9a86ab3,0 0 22px #ffb2664d}.btn:focus-visible,#spinBtn:focus-visible,#addBtn:focus-visible,#startBtn:focus-visible,#resumeBtn:focus-visible,#clearTableBtn:focus-visible,#nameInput:focus-visible{outline:2px solid rgba(201,168,106,.75);outline-offset:2px}@media(hover:hover)and (pointer:fine){#resumeBtn:hover{filter:brightness(1.06)}#clearTableBtn:hover{border-color:var(--gold);background:#c9a86a14}}#spinStage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-w);display:none;flex-direction:column;align-items:center;z-index:8;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-soft)}body[data-state=spinning] #spinStage{display:flex;opacity:1}body[data-state=locked] #spinStage{display:flex;opacity:0;transition:opacity .5s var(--ease-soft)}.theater{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.reel-frame{position:relative;width:78%;max-width:250px;height:150px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#3a2517,#25160d);box-shadow:0 10px 30px #0000008c,0 0 0 3px #b98b4e inset,0 0 0 7px #6d4a26 inset,0 0 0 8px #ffdca02e inset}.reel-window{position:absolute;inset:9px;overflow:hidden;border-radius:7px;background:linear-gradient(180deg,#f7efdd,#e6d8bd)}.reel-strip{position:absolute;left:0;right:0;top:0;will-change:transform}.reel-name{height:50px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:700;font-size:1.3rem;color:var(--ink);border-bottom:1px solid rgba(122,46,42,.14)}.reel-mask{position:absolute;inset:9px;border-radius:7px;pointer-events:none;background:linear-gradient(180deg,rgba(37,22,13,.55),transparent 26%,transparent 74%,rgba(37,22,13,.55));box-shadow:inset 0 0 22px #3c230f80}.reel-line{position:absolute;left:6px;right:6px;top:50%;height:52px;transform:translateY(-50%);border-top:1.5px solid rgba(201,168,106,.6);border-bottom:1.5px solid rgba(201,168,106,.6);pointer-events:none}.rotor-wrap{position:relative;width:82%;max-width:270px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.rotor{width:100%;height:100%;will-change:transform}.pointer{position:absolute;top:-4px;left:50%;transform:translate(-50%);z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.wheel-name{font-family:var(--serif);font-weight:700;font-style:italic}.flap-board{position:relative;width:82%;max-width:262px;padding:16px;border-radius:12px;background:linear-gradient(180deg,#31200f,#1d120a);box-shadow:0 12px 30px #0000008c,0 0 0 3px #b98b4e inset,0 0 0 7px #5f3f20 inset}.flap-tile{position:relative;height:74px;border-radius:7px;overflow:hidden;perspective:420px;background:#1a120b;box-shadow:0 0 0 1px #00000080 inset}.flap-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-style:italic;font-size:1.5rem;letter-spacing:.01em;color:#f2e6cf;background:linear-gradient(180deg,#2f2013,#241811 49%,#1c130c 50%,#2a1c11);will-change:transform;backface-visibility:hidden}.flap-face:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0000008c;z-index:2}.flap-tile.flip .flap-face{animation:flapstep .15s var(--ease-soft)}@keyframes flapstep{0%{transform:rotateX(0)}49%{transform:rotateX(-86deg)}50%{transform:rotateX(86deg)}to{transform:rotateX(0)}}.flap-cap{position:absolute;left:16px;right:16px;top:16px;height:37px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(255,235,200,.06),transparent);pointer-events:none}.win-glow{position:absolute;inset:-6px;border-radius:16px;pointer-events:none;opacity:0;box-shadow:0 0 0 2px #c9a86a99,0 0 34px #ffb26680;transition:opacity .5s var(--ease-soft)}.theater.locked .win-glow{opacity:1}#scrim{position:fixed;inset:0;z-index:30;background:#0a05029e;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-soft)}#scrim.open{opacity:1;pointer-events:auto}#settings{position:fixed;z-index:31;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(92vw,380px);max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:16px;padding:var(--lg) var(--lg) calc(var(--lg) + env(safe-area-inset-bottom));background:radial-gradient(130% 90% at 50% 0%,#f6eeda,#ece0c6 60%,#e2d4b6);color:var(--ink);opacity:0;pointer-events:none;box-shadow:0 30px 70px #0009,0 0 0 1px #7a2e2a33,0 0 0 6px #c9a86a29;transition:opacity .35s var(--ease-soft),transform .4s var(--spring)}#settings.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#settings[hidden]{display:none}#settings .s-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sm)}#settings h2{font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:.01em}#closeSettings{width:34px;height:34px;border-radius:50%;border:1px solid rgba(122,46,42,.28);background:transparent;color:var(--garnet);font-size:1.1rem;cursor:pointer;line-height:1}.s-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(122,46,42,.3),transparent);margin:var(--sm) 0}.s-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sm);padding:9px 0}.s-row.stack{flex-direction:column;align-items:stretch;gap:var(--sm)}.s-row.stack .modechips{width:100%}.s-row.stack .modechip{flex:1}.s-row .s-label{font-family:var(--sans);font-size:.92rem;color:var(--ink);font-weight:500}.s-row .s-sub{font-size:.72rem;color:#2b211899}.seg{display:inline-flex;background:#7a2e2a14;border:1px solid rgba(122,46,42,.22);border-radius:var(--r-ctrl);padding:2px;gap:2px}.seg button{border:none;background:transparent;color:#2b2118a8;font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.04em;padding:7px 13px;border-radius:var(--r-ctrl);cursor:pointer;transition:background .25s,color .25s}.seg button.on{background:var(--garnet);color:var(--cream)}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg.disabled{opacity:.5}.seg.roomseg{display:flex;width:100%}.seg.roomseg button{flex:1;padding:8px 4px;text-align:center;letter-spacing:.02em}.tgl{width:48px;height:28px;padding:0;border-radius:999px;border:1px solid rgba(122,46,42,.28);background:#7a2e2a24;position:relative;cursor:pointer;transition:background .3s}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#f6eeda;box-shadow:0 1px 3px #0000004d;transition:transform .28s var(--spring)}.tgl.on{background:var(--action)}.tgl.on:after{transform:translate(20px)}.modechips{display:flex;gap:var(--xs)}.modechip{border:1px solid rgba(122,46,42,.28);background:#7a2e2a0f;color:#2b2118b3;border-radius:var(--r-ctrl);padding:6px 13px;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s}.modechip.on{background:var(--garnet);color:var(--cream);border-color:var(--garnet)}#shuffleBtn{width:100%;margin-top:var(--sm);border:1px solid rgba(122,46,42,.34);background:#7a2e2a14;color:var(--garnet);border-radius:var(--r-ctrl);padding:12px;font-family:var(--sans);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s}#shuffleBtn:active{background:#7a2e2a29}#shuffleBtn.done{color:var(--action);border-color:#2e5e5266}.s-foot{text-align:center;font-size:.7rem;color:#2b211880;margin-top:var(--md);letter-spacing:.04em;font-family:var(--serif);font-style:italic}#installHint{position:fixed;z-index:29;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:var(--sm);max-width:min(92vw,420px);padding:10px 12px 10px 18px;border-radius:var(--r-ctrl);background:radial-gradient(120% 130% at 50% -20%,#34271d,#241a12);border:1px solid var(--gold-hair);box-shadow:0 10px 30px #00000080,0 0 0 1px #c9a86a1f;animation:hintIn .5s var(--ease-soft) both}#installHint[hidden]{display:none}@keyframes hintIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.ih-text{font-family:var(--sans);font-size:.8rem;color:#f2e8d5d1;line-height:1.3}#installYes{flex:0 0 auto;border:1px solid var(--gold-dim);background:#c9a86a1f;color:var(--gold);border-radius:var(--r-ctrl);padding:7px 16px;font-family:var(--sans);font-weight:600;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#installNo{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#f2e8d58c;font-size:1.1rem;line-height:1;cursor:pointer}@media(max-height:680px){#settings{padding:var(--md) var(--lg) calc(var(--md) + env(safe-area-inset-bottom))}}@media(hover:hover)and (pointer:fine){.seg button:hover:not(.on):not(:disabled),.modechip:hover:not(.on){background:#7a2e2a1f}#shuffleBtn:hover{background:#7a2e2a24}#installYes:hover{border-color:var(--gold);background:#c9a86a33}}#gear:focus-visible,#closeSettings:focus-visible,#shuffleBtn:focus-visible,.seg button:focus-visible,.modechip:focus-visible,.tgl:focus-visible,#installYes:focus-visible,#installNo:focus-visible{outline:2px solid rgba(201,168,106,.75);outline-offset:2px}#brand{position:fixed;top:max(env(safe-area-inset-top),12px);left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:11px;font-family:var(--serif);font-weight:700;font-size:1.02rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;text-indent:.32em;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.6)}#brand span{opacity:.9}.brand-mark{width:23px;height:23px;flex:0 0 auto;text-indent:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}#gear{position:fixed;top:max(env(safe-area-inset-top),10px);right:max(env(safe-area-inset-right),12px);z-index:20;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold-hair);background:#1e140e66;color:var(--gold);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(3px);transition:transform .5s var(--ease-soft),background .3s,border-color .3s}#gear:hover{border-color:var(--gold-dim)}#gear:active{transform:rotate(45deg)}#gear svg{width:21px;height:21px;display:block;opacity:.86}#aboutLink{position:fixed;bottom:max(env(safe-area-inset-bottom),10px);left:max(env(safe-area-inset-left),12px);z-index:20;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--gold);opacity:.5;transition:opacity .3s var(--ease-soft)}#aboutLink svg{width:20px;height:20px;display:block}#aboutLink:hover{opacity:.9}:focus-visible{outline:none}#gear:focus-visible,#aboutLink:focus-visible{outline:2px solid rgba(201,168,106,.75);outline-offset:2px}@media(min-width:1024px)and (min-height:720px){#brand{font-size:1.14rem;gap:13px}.brand-mark{width:26px;height:26px}#gear{width:44px;height:44px}#gear svg{width:23px;height:23px}}