:root{color-scheme:dark;--ui: ui-rounded, "SF Pro Rounded", "Nunito", "Avenir Next", system-ui, sans-serif;--serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--white: #f4f1e6;--dim: rgba(244,241,230,.62);--faint: rgba(244,241,230,.34);--sheikah: #5fd7ff;--gold: #f2c14e;--heart: #e8413a;--stamina: #7fe36a;--panel: rgba(10,16,28,.72);--panel-solid: rgba(9,14,24,.94);--line: rgba(244,241,230,.2);font-family:var(--ui);color:var(--white);background:#070b14;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden;background:#070b14}body{user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}button{color:inherit;font:inherit}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:#f4f1e6eb;color:#141a24;font:800 10px/1 var(--ui);letter-spacing:.02em;box-shadow:0 2px #00000059}#app{position:relative;width:100vw;min-height:100dvh;overflow:hidden;background:#070b14;isolation:isolate}#game{position:absolute;inset:0;width:100%;height:100%;display:block}.plate,.quest,.score-plate,.slot,.coach,.whisper,.toast,.prompt,.profile-card,.pause-panel,.panel-inner,.card,.result-copy{background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bracket,.quest,.score-plate,.card,.result-copy,.pause-panel,.panel-inner{position:relative}:is(.quest,.score-plate,.card,.result-copy,.pause-panel,.panel-inner):before,:is(.quest,.score-plate,.card,.result-copy,.pause-panel,.panel-inner):after{content:"";position:absolute;width:12px;height:12px;border:2px solid rgba(244,241,230,.7);pointer-events:none}:is(.quest,.score-plate,.card,.result-copy,.pause-panel,.panel-inner):before{left:-3px;top:-3px;border-right:0;border-bottom:0;border-top-left-radius:4px}:is(.quest,.score-plate,.card,.result-copy,.pause-panel,.panel-inner):after{right:-3px;bottom:-3px;border-left:0;border-top:0;border-bottom-right-radius:4px}.hud{position:absolute;z-index:4;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;pointer-events:none}.hud-left{display:grid;gap:10px;justify-items:start}.hearts{display:flex;flex-wrap:wrap;gap:4px;max-width:260px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.hearts i{width:30px;height:27px;background:var(--heart);clip-path:path("M15 27C11 23 0 16 0 8 0 3 4 0 8 0c3 0 5 2 7 4 2-2 4-4 7-4 4 0 8 3 8 8 0 8-11 15-15 19Z");position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}.hearts i:after{content:"";position:absolute;left:5px;top:4px;width:7px;height:5px;border-radius:50%;background:#ffffff8c;transform:rotate(-30deg)}.hearts i.is-lost{background:#14141ab8;box-shadow:inset 0 0 0 2px #fff}.hearts i.is-lost:after{display:none}.hearts.is-hurt i:not(.is-lost):last-of-type{animation:heart-beat .5s ease-in-out infinite}@keyframes heart-beat{50%{transform:scale(1.18)}}.quest{display:grid;gap:5px;min-width:230px;padding:10px 16px 11px}.quest small{color:var(--sheikah);font:800 10px/1 var(--ui);letter-spacing:.16em}.quest b{font:700 15px/1.15 var(--serif);letter-spacing:.01em}.bells{display:flex;gap:6px;margin-top:2px}.bells span{width:16px;height:16px;border-radius:50%;border:2px solid rgba(242,193,78,.8);background:#f2c14e24;transition:background .4s,border-color .4s,box-shadow .4s}.bells span.is-awake{border-color:var(--sheikah);background:var(--sheikah);box-shadow:0 0 10px var(--sheikah)}.hud-right{display:grid;gap:10px;justify-items:end}.minimap{position:relative;width:256px;height:144px;border-radius:12px;overflow:hidden;border:2px solid rgba(244,241,230,.75);box-shadow:0 4px 16px #00000073,inset 0 0 0 1px #00000080;background:#0a101ccc}.minimap canvas{display:block;width:100%;height:100%}.map-north{position:absolute;top:4px;left:50%;transform:translate(-50%);font:900 10px/1 var(--ui);color:var(--white);text-shadow:0 1px 2px #000}.score-plate{display:grid;justify-items:end;gap:4px;min-width:180px;padding:9px 14px 10px}.score{font:800 26px/1 var(--ui);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.chain{display:flex;align-items:center;gap:7px;opacity:.45;transition:opacity .3s}.chain.is-active{opacity:1}.chain b{color:var(--gold);font:900 16px/1 var(--ui)}.chain span{color:var(--dim);font:800 9px/1 var(--ui);letter-spacing:.14em}.chain i{width:54px;height:4px;border-radius:4px;background:#f4f1e629;overflow:hidden}.chain em{display:block;height:100%;width:0;background:var(--gold)}.chain.is-bumped b{animation:bump .4s cubic-bezier(.16,1,.3,1)}@keyframes bump{40%{transform:scale(1.5)}}.meta{display:flex;gap:12px;color:var(--dim);font:700 11px/1 var(--ui);font-variant-numeric:tabular-nums}.meta span:last-child{color:var(--gold)}.slots{position:absolute;z-index:4;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:10px;pointer-events:none}.slot{position:relative;display:grid;justify-items:center;gap:4px;width:78px;padding:10px 6px 8px;border-radius:14px;transition:border-color .25s,background .25s,transform .25s}.slot svg{width:30px;height:30px;fill:var(--white)}.slot b{font:800 9px/1 var(--ui);letter-spacing:.14em}.slot kbd{position:absolute;top:-9px;right:-7px;font-size:9px;height:19px;min-width:19px}.slot-main{width:92px;border-color:#f2c14e8c}.slot-main svg{fill:var(--gold);width:36px;height:36px;filter:drop-shadow(0 0 6px rgba(242,193,78,.7))}.slot-main em{position:absolute;left:8px;top:7px;font:900 16px/1 var(--ui);font-style:normal;color:var(--white)}.ember-pips{display:flex;gap:3px}.ember-pips i{width:7px;height:7px;border-radius:50%;background:#f4f1e633}.ember-pips i.is-full{background:var(--gold);box-shadow:0 0 6px var(--gold)}#dash-pip{--cd: 1}#dash-pip:before{content:"";position:absolute;inset:0;border-radius:14px;background:conic-gradient(rgba(0,0,0,.55) calc((1 - var(--cd)) * 360deg),transparent 0);pointer-events:none}#dash-pip.is-ready{border-color:#5fd7ff99}#dash-pip.is-ready svg{fill:var(--sheikah);filter:drop-shadow(0 0 6px rgba(95,215,255,.7))}#flame-state .flame-shell{fill:#f2c14e40;stroke:var(--gold);stroke-width:2.5}#flame-state .flame-heart{fill:#ffd27a}#flame-state.is-shut .flame-shell{fill:none;stroke:var(--faint)}#flame-state.is-shut .flame-heart{fill:var(--faint)}#flame-state.is-shut{background:#0a101ce6}#flame-state.is-out .flame-heart{animation:gutter .25s steps(2) infinite;fill:#e8413a}@keyframes gutter{50%{opacity:.3}}.world-ui{position:absolute;inset:0;z-index:3;pointer-events:none}.stamina{position:absolute;left:0;top:0;width:44px;height:44px;opacity:0;transition:opacity .4s;will-change:transform}.stamina.is-visible{opacity:1}.stamina svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.stamina .track{fill:#0a101c8c;stroke:#00000073;stroke-width:7}.stamina .fill{fill:none;stroke:var(--stamina);stroke-width:6;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke .3s}.stamina.is-low .fill{stroke:#f4d03f}.stamina.is-out .fill{stroke:var(--heart)}.stamina.is-out{animation:gutter .3s steps(2) infinite}.stamina.is-shut .fill{stroke:#f4f1e666}.prompt{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;opacity:0;transition:opacity .25s;white-space:nowrap;will-change:transform}.prompt.is-visible{opacity:1}.prompt kbd{border-radius:50%;width:24px;height:24px;min-width:24px;padding:0;background:var(--white)}.prompt span{font:800 13px/1 var(--ui)}.prompt i{display:none;width:60px;height:5px;border-radius:5px;background:#f4f1e633;overflow:hidden}.prompt.has-progress i{display:block}.prompt em{display:block;height:100%;width:0;background:var(--sheikah)}.whisper{position:absolute;z-index:5;left:50%;bottom:max(110px,calc(env(safe-area-inset-bottom) + 100px));max-width:min(620px,calc(100vw - 40px));padding:12px 22px;transform:translate(-50%,10px);opacity:0;color:var(--white);font:600 15px/1.35 var(--ui);text-align:center;transition:opacity .45s,transform .45s;pointer-events:none}.whisper.is-speaking{opacity:1;transform:translate(-50%)}#app[data-state=menu] :is(.hud,.slots,.world-ui,.touch-controls,.coach,.popups,.whisper),#app[data-state=result] :is(.coach,.touch-controls,.world-ui),#app[data-state=draft] :is(.coach,.touch-controls,.world-ui){visibility:hidden}.popups{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.popup{position:absolute;left:0;top:0;white-space:nowrap;font:900 15px/1 var(--ui);letter-spacing:.02em;-webkit-text-stroke:3px rgba(8,12,20,.85);paint-order:stroke fill;will-change:transform}.popup.is-small{font-size:11px;font-weight:800;-webkit-text-stroke-width:2px}.coach{position:absolute;z-index:5;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;pointer-events:none;max-width:min(440px,calc(100vw - 32px));border-color:#5fd7ff80}.coach kbd{min-width:46px;height:28px;font-size:11px;background:var(--sheikah)}.coach span{font:700 14px/1.3 var(--ui)}.coach.is-new{animation:coach-in .6s cubic-bezier(.16,1,.3,1)}@keyframes coach-in{0%{opacity:0;transform:translateY(12px)}}.banner{position:absolute;z-index:5;left:50%;top:30%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;text-align:center;opacity:0;pointer-events:none}.banner small{color:var(--sheikah);font:800 12px/1 var(--ui);letter-spacing:.3em;text-shadow:0 1px 6px #000}.banner strong{padding:6px 60px 10px;font:400 clamp(38px,5.4vw,64px)/1.05 var(--serif);letter-spacing:.02em;text-shadow:0 2px 18px rgba(0,0,0,.9);border-bottom:1px solid rgba(244,241,230,.55);background:radial-gradient(ellipse at center,rgba(0,0,0,.35),transparent 70%)}.banner span{color:var(--dim);font:italic 500 15px/1.3 var(--serif);text-shadow:0 1px 8px #000}.banner.is-showing{animation:banner 3.8s cubic-bezier(.16,1,.3,1) both}@keyframes banner{0%{opacity:0;letter-spacing:.2em}14%,72%{opacity:1}to{opacity:0}}.toasts{position:absolute;z-index:12;left:max(20px,env(safe-area-inset-left));top:190px;display:grid;gap:8px;pointer-events:none}.toast{display:flex;gap:12px;align-items:center;min-width:280px;padding:10px 18px 10px 12px;border-color:#f2c14eb3;animation:toast-in .55s cubic-bezier(.16,1,.3,1);transition:opacity .5s,transform .5s}.toast i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2c14e2e;font-style:normal;font-size:18px}.toast b{display:block;color:var(--gold);font:800 13px/1.1 var(--ui)}.toast span{display:block;margin-top:3px;color:var(--dim);font:600 11px/1.2 var(--ui)}.toast.is-leaving{opacity:0;transform:translate(-20px)}@keyframes toast-in{0%{opacity:0;transform:translate(-30px)}}.screen{position:absolute;z-index:10;inset:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility .55s}.screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.kicker{margin:0 0 10px;color:var(--sheikah);font:800 11px/1 var(--ui);letter-spacing:.24em}.intro-screen{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,11vh,110px) 24px max(clamp(20px,8vh,64px),env(safe-area-inset-bottom)) clamp(40px,8vw,120px);overflow-y:auto;background:linear-gradient(90deg,rgba(5,9,18,.82) 0%,rgba(5,9,18,.45) 34%,transparent 60%),linear-gradient(0deg,rgba(5,9,18,.7),transparent 38%)}.title-block{flex:none;animation:fade-up 1s cubic-bezier(.16,1,.3,1) both}.title-mark{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:var(--gold)}.title-mark small{font:800 10px/1 var(--ui);letter-spacing:.34em}.title-mark span{width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.title-mark span:last-child{transform:scaleX(-1)}.title-block h1{margin:0;font:400 clamp(56px,min(11vw,19vh),150px)/.9 var(--serif);letter-spacing:.06em;color:#f6e7b8;text-shadow:0 1px 0 #b58a3a,0 4px 28px rgba(0,0,0,.7)}.title-block h2{margin:4px 0 0 6px;font:italic 400 clamp(20px,2.2vw,28px)/1 var(--serif);color:var(--white);letter-spacing:.12em}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}.menu-list{display:grid;gap:4px}.intro-screen .menu-list{flex:none;width:330px;margin:auto 0;padding:clamp(14px,5vh,48px) 0;animation:fade-up 1s .15s cubic-bezier(.16,1,.3,1) both}.menu-list button{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 16px 0 10px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;text-align:left;font:700 19px/1 var(--ui);color:var(--dim);text-shadow:0 1px 6px rgba(0,0,0,.8);transition:color .15s,background .15s,border-color .15s}.menu-list button i,.result-actions button i{width:14px;font-style:normal;font-size:12px;color:var(--sheikah);opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s}.menu-list button em{margin-left:auto;color:var(--gold);font:800 11px/1 var(--ui);font-style:normal;letter-spacing:.04em}.menu-list button.is-focused,.menu-list button:hover{color:var(--white);background:linear-gradient(90deg,#5fd7ff2e,#5fd7ff05);border-color:#5fd7ff59}.menu-list button.is-focused i,.menu-list button:hover i{opacity:1;transform:none;animation:nudge 1s ease-in-out infinite}@keyframes nudge{50%{transform:translate(3px)}}#daily.is-urgent em{color:#ff9f5a;animation:urgent 1.6s ease-in-out infinite}@keyframes urgent{50%{opacity:.55}}.profile-card{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;gap:20px;align-items:center;padding:12px 18px;animation:fade-up 1s .3s cubic-bezier(.16,1,.3,1) both}.profile-card .rank{min-width:190px}.profile-card small{display:block;color:var(--sheikah);font:800 9px/1 var(--ui);letter-spacing:.2em}.profile-card .rank b{display:block;margin-top:4px;font:700 17px/1.1 var(--serif)}.profile-card .rank span{display:block;margin-top:5px;color:var(--faint);font:700 10px/1 var(--ui)}.profile-card .stat{text-align:center}.profile-card .stat b{display:block;color:var(--gold);font:900 20px/1 var(--ui);font-variant-numeric:tabular-nums}.profile-card .stat span{display:block;margin-top:4px;color:var(--faint);font:800 9px/1 var(--ui);letter-spacing:.16em}.xp{display:block;height:5px;margin-top:7px;border-radius:5px;background:#f4f1e624;overflow:hidden}.xp em{display:block;height:100%;width:0;background:linear-gradient(90deg,#3aa9d6,var(--sheikah));box-shadow:0 0 8px var(--sheikah);transition:width 1.4s cubic-bezier(.16,1,.3,1) .3s}.intro-screen .menu-list button{height:clamp(36px,6.4vh,46px)}.tagline{flex:none;max-width:420px;margin:0;color:var(--dim);font:italic 15px/1.45 var(--serif);text-shadow:0 1px 6px #000}.button-hints{display:flex;gap:18px;color:var(--dim);font:700 12px/1 var(--ui)}.button-hints span{display:flex;align-items:center;gap:4px}.button-hints kbd{height:20px;min-width:20px;font-size:9px}.intro-screen .button-hints{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}.result-screen,.draft-screen,.pause-screen{display:grid;place-items:center;background:radial-gradient(ellipse at center,#0509128c,#050912e6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto}.pause-panel{width:min(420px,calc(100vw - 40px));padding:28px 26px 20px;text-align:center;background:var(--panel-solid)}.pause-panel h2{margin:0 0 14px;font:400 36px/1 var(--serif)}.pause-info{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px}.pause-info span{padding:5px 10px;border-radius:99px;background:#5fd7ff1a;border:1px solid rgba(95,215,255,.3);font:700 11px/1 var(--ui)}.pause-info span b{color:var(--sheikah);margin-right:5px}.pause-panel .menu-list button{justify-content:flex-start;font-size:17px}.draft-copy{width:min(940px,calc(100vw - 40px));margin:40px auto;text-align:center}.draft-copy h2{margin:0 0 12px;font:400 clamp(36px,5vw,56px)/1 var(--serif)}.draft-bonus{display:flex;justify-content:center;gap:10px;margin-bottom:26px}.draft-bonus span{padding:5px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font:700 11px/1 var(--ui);text-transform:uppercase;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{--rarity: rgba(244,241,230,.55);display:grid;justify-items:center;align-content:start;gap:10px;min-height:250px;padding:26px 20px 20px;text-align:center;cursor:pointer;border:2px solid var(--rarity);background:linear-gradient(180deg,#141e32e6,#080c16f0);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .25s;animation:card-in .6s cubic-bezier(.16,1,.3,1) both}.card.rarity-rare{--rarity: #5fb6ff}.card.rarity-epic{--rarity: #c77dff}.card.rarity-legend{--rarity: var(--gold)}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}@keyframes card-in{0%{opacity:0;transform:translateY(30px) rotateX(20deg)}}.card:hover,.card.is-focused{transform:translateY(-8px) scale(1.03);box-shadow:0 0 0 2px var(--rarity),0 0 36px -4px var(--rarity)}.card kbd{position:absolute;top:10px;left:10px}.card small{color:var(--rarity);font:900 9px/1 var(--ui);letter-spacing:.22em}.card i{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font-style:normal;font-size:36px;color:var(--rarity);background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);border:1px solid var(--rarity);box-shadow:inset 0 0 18px -6px var(--rarity)}.card b{font:400 22px/1.1 var(--serif)}.card b em{font:900 11px/1 var(--ui);color:var(--gold);font-style:normal}.card span{color:var(--dim);font:600 14px/1.4 var(--ui)}.next-night{margin:22px 0 16px;color:var(--dim);font:600 14px/1.4 var(--ui)}.next-night b{color:var(--white)}.next-night em{color:var(--gold);font-style:normal}.draft-copy .button-hints{justify-content:center}.result-copy{width:min(560px,calc(100vw - 32px));margin:32px 0;padding:30px 32px 24px;text-align:center;background:var(--panel-solid)}.result-copy h2{margin:0 0 18px;font:400 clamp(34px,5vw,52px)/1.05 var(--serif)}.result-score{display:grid;justify-items:center;gap:6px;margin-bottom:18px}.result-score b{font:900 clamp(46px,6vw,64px)/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 24px rgba(242,193,78,.35)}.result-score span{color:var(--faint);font:800 11px/1 var(--ui);letter-spacing:.18em}.result-score span.is-best{color:var(--sheikah);animation:urgent 1.2s ease-in-out infinite}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-grid div{padding:10px 4px;border-radius:8px;background:#f4f1e60d;border:1px solid rgba(244,241,230,.1)}.result-grid b{display:block;font:900 21px/1 var(--ui)}.result-grid span{display:block;margin-top:6px;color:var(--faint);font:800 9px/1 var(--ui);letter-spacing:.14em}.result-rank{margin:18px 0;text-align:left}.result-rank>div{display:flex;justify-content:space-between;align-items:baseline}.result-rank b{font:700 16px/1 var(--serif)}.result-rank span{color:var(--sheikah);font:800 12px/1 var(--ui)}.result-rank p{margin:8px 0 0;color:var(--dim);font:600 12px/1.35 var(--ui)}.result-rank p.is-rankup{color:var(--gold);font-weight:800}.result-trophies{display:grid;gap:6px;margin-bottom:18px}.result-trophies span{font:700 13px/1.2 var(--ui)}.result-trophies em{color:var(--gold);font-style:normal;font-size:11px;margin-left:6px}.result-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.result-actions button{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:10px;border:1px solid var(--line);background:#f4f1e60f;cursor:pointer;font:800 14px/1 var(--ui);transition:background .15s,border-color .15s,transform .15s}.result-actions button.primary{background:#5fd7ff29;border-color:#5fd7ff99}.result-actions button:hover,.result-actions button.is-focused{border-color:var(--sheikah);background:#5fd7ff3d;transform:translateY(-2px)}.result-actions button.is-focused i,.result-actions button:hover i{opacity:1;transform:none}.panel{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#050912cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.panel-inner{width:min(780px,calc(100vw - 32px));margin:32px 0;padding:26px 28px;background:var(--panel-solid)}.panel header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel header p,.panel-sub{margin:0 0 8px;color:var(--sheikah);font:800 11px/1 var(--ui);letter-spacing:.22em}.panel-sub{margin-top:26px;margin-bottom:12px}.panel h3{margin:0;font:400 28px/1.1 var(--serif)}.close{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#f4f1e60f;cursor:pointer;font-weight:800}.close:hover{border-color:var(--sheikah);color:var(--sheikah)}.wax-line{margin-bottom:18px;color:var(--dim);font:600 13px/1.3 var(--ui)}.wax-line b{color:var(--gold)}.flames{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.flame{display:grid;justify-items:center;gap:7px;padding:18px 12px 14px;text-align:center;border-radius:12px;background:#f4f1e60a;border:1px solid rgba(244,241,230,.14);cursor:pointer;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}.flame:hover{border-color:var(--flame);transform:translateY(-3px)}.flame i{width:26px;height:36px;background:var(--flame);border-radius:50%/62% 62% 38% 38%;box-shadow:0 0 22px var(--flame)}.flame b{font:800 14px/1 var(--ui)}.flame span{color:var(--dim);font:700 10px/1.3 var(--ui);letter-spacing:.06em}.flame.is-equipped{border-color:var(--flame);background:#f4f1e614}.flame.is-equipped span{color:var(--flame)}.flame.is-locked{opacity:.45}.flame.is-denied{animation:shake .3s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.trophy{display:grid;grid-template-columns:34px 1fr auto;gap:2px 10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid rgba(244,241,230,.1);background:#f4f1e608;opacity:.45}.trophy i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4f1e614;font-style:normal;font-size:16px}.trophy b{font:800 13px/1.1 var(--ui)}.trophy span{grid-column:2;color:var(--dim);font:600 11px/1.25 var(--ui)}.trophy em{grid-row:1;grid-column:3;color:var(--gold);font:800 10px/1 var(--ui);font-style:normal}.trophy.is-got{opacity:1;border-color:#f2c14e73}.trophy.is-got i{background:#f2c14e33}.ranks{display:grid;gap:4px}.ranks .rank{display:grid;grid-template-columns:160px 90px 1fr;gap:12px;padding:9px 12px;border-radius:8px;opacity:.45;font:700 13px/1.3 var(--ui)}.ranks .rank b{font-family:var(--serif);font-weight:400;font-size:15px}.ranks .rank span{color:var(--dim)}.ranks .rank em{color:var(--dim);font-style:normal;font-weight:600}.ranks .rank.is-got{opacity:.8}.ranks .rank.is-current{opacity:1;background:#5fd7ff1a;box-shadow:inset 3px 0 0 var(--sheikah)}.touch-controls{display:none;position:absolute;z-index:6;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;pointer-events:none}.joystick{position:relative;width:116px;height:116px;border:2px solid rgba(244,241,230,.3);border-radius:50%;background:#0a101c59;pointer-events:auto}.joystick i{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#f4f1e6d9;box-shadow:0 2px 8px #0006;transform:translateZ(0)}.touch-actions{display:grid;grid-template-columns:auto auto;grid-template-areas:". ember" "dash shutter";gap:10px;pointer-events:auto}#ember{grid-area:ember}#dash{grid-area:dash}#shutter{grid-area:shutter}.touch-actions button{width:70px;height:70px;border:2px solid rgba(244,241,230,.4);border-radius:50%;background:#0a101c99;color:var(--white);font:900 9px/1.1 var(--ui);letter-spacing:.08em}.touch-actions button span{display:block;margin-bottom:4px;color:var(--gold);font-size:17px}#dash span{color:var(--sheikah)}.touch-actions button:active,.touch-actions button.is-held{transform:scale(.94);background:#5fd7ff33;border-color:var(--sheikah)}.unsupported{position:absolute;z-index:40;inset:0;display:grid;place-content:center;gap:9px;text-align:center;background:#070b14}.unsupported span{color:var(--dim)}#unsupported-detail{max-width:60ch;font:12px/1.4 ui-monospace,monospace;opacity:.7}.is-hidden{display:none}@media(pointer:coarse),(max-width:760px){.hud{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.hearts i{width:22px;height:20px;clip-path:path("M11 20C8 17 0 12 0 6 0 2 3 0 6 0c2 0 4 1 5 3 1-2 3-3 5-3 3 0 6 2 6 6 0 6-8 11-11 14Z")}.hearts i:after{left:4px;top:3px;width:5px;height:4px}.quest{min-width:0;padding:8px 12px}.quest b{font-size:12px}.quest small{font-size:8px}.minimap{width:128px;height:72px;border-radius:9px}.score-plate{min-width:0;padding:7px 10px}.score{font-size:19px}.chain span,.meta,.slots{display:none}.touch-controls{display:flex}.coach{bottom:170px;left:12px;right:12px}.whisper{bottom:190px;font-size:13px}.cards{grid-template-columns:1fr;gap:10px}.card{min-height:0;grid-template-columns:56px 1fr;justify-items:start;text-align:left;padding:14px 16px;column-gap:14px}.card i{grid-row:span 3;width:56px;height:56px;font-size:26px}.card kbd,.draft-copy .button-hints{display:none}.result-copy{padding:22px 18px 18px}.result-grid b{font-size:17px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary{grid-column:1 / -1}.toasts{top:150px;left:12px;right:12px}.toast{min-width:0;width:calc(100vw - 40px)}.ranks .rank{grid-template-columns:1fr auto}.ranks .rank em{grid-column:1 / -1}.intro-screen{background:linear-gradient(0deg,rgba(5,9,18,.94) 0%,rgba(5,9,18,.6) 45%,transparent 75%)}.intro-screen{align-items:stretch;padding:calc(max(12px,env(safe-area-inset-top)) + 72px) 16px max(26px,env(safe-area-inset-bottom))}.title-block{margin:auto 6px 0}.title-block h1{font-size:min(24vw,104px)}.intro-screen .menu-list{width:auto;margin:0;padding:clamp(12px,3vh,28px) 0 clamp(10px,2.5vh,20px)}.menu-list button,.intro-screen .menu-list button{height:clamp(38px,6vh,44px);font-size:17px}.profile-card{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));justify-content:space-between;padding:10px 14px}.profile-card .rank{min-width:0;flex:1}.tagline{max-width:none;margin:0 6px;font-size:13px;text-align:center}.intro-screen .button-hints{display:none}}@media(max-height:520px){.intro-screen .tagline,.intro-screen .title-mark{display:none}.intro-screen .menu-list{padding:10px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}