:root{--ink: #0d1320;--paper: #f6f1e6;--gold: #d8b06a;--gold-dim: rgb(216 176 106 / 32%);--brand: #4a90d9;--good: #57b96a;--bad: #d1495b;--warn: #e0a03c;--frame-bg: rgb(11 16 27 / 82%);--shadow: 0 10px 34px rgb(4 8 16 / 55%);--radius: 10px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#0b1017;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--paper);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}#app{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea{user-select:text;-webkit-user-select:text}#app{position:relative;height:100dvh;width:100vw}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.muted{color:#9fb0c6;font-size:13px}.frame{position:absolute;background:var(--frame-bg);border:1px solid var(--gold-dim);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(6px);z-index:5}#nameplates{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.nameplate{position:absolute;top:0;left:0;display:grid;justify-items:center;gap:1px;white-space:nowrap;text-shadow:0 1px 3px rgb(0 0 0 / 90%),0 0 8px rgb(0 0 0 / 70%)}.np-name{font-variant:small-caps;font-weight:700;letter-spacing:.06em;font-size:14px;color:#f2e2b8}.nameplate.hostile .np-name{color:#ffb3ac}.np-sub{font-size:10px;color:#c3cfe0;letter-spacing:.04em}.np-bar{width:74px;height:5px;margin-top:2px;border:1px solid rgb(0 0 0 / 60%);border-radius:3px;background:#0000008c;overflow:hidden}.np-bar i{display:block;height:100%;background:linear-gradient(#e0625f,brown);transition:width .22s ease}#tracker{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(360px,calc(100% - 220px));padding:10px 14px}#tracker header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#tracker h2{margin:0;font-size:14px;font-variant:small-caps;letter-spacing:.05em;color:var(--gold)}#tracker p{margin:4px 0 0;font-size:12px;color:#c6d2e2;line-height:1.4}#minimap-frame{top:max(12px,env(safe-area-inset-top));right:12px;padding:8px;display:grid;justify-items:center;gap:4px}.minimap-ring{position:relative;width:128px;height:128px;border-radius:50%;border:2px solid var(--gold-dim);overflow:hidden;background:#0e1622}#minimap{width:100%;height:100%;display:block;image-rendering:pixelated}.compass{position:absolute;font-size:10px;font-weight:700;color:var(--gold);text-shadow:0 1px 2px #000}.compass.n{top:2px;left:50%;transform:translate(-50%)}.compass.s{bottom:2px;left:50%;transform:translate(-50%)}.compass.w{left:3px;top:50%;transform:translateY(-50%)}.compass.e{right:3px;top:50%;transform:translateY(-50%)}#minimap-zone{margin:0;font-size:11px;font-variant:small-caps;letter-spacing:.06em;color:#d9c79a}#log-panel{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(320px,42vw);height:148px;display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--gold-dim);flex:0 0 auto}.tabs button{flex:1;background:transparent;border:none;border-radius:0;padding:7px 6px;font-size:11px;font-variant:small-caps;letter-spacing:.06em;color:#93a4bb}.tabs button.active{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}#log-lines{flex:1;overflow-y:auto;padding:6px 10px}.log-line{margin:0 0 3px;font-size:11.5px;line-height:1.35;color:#b9c6d8}.log-line.good{color:#92dba3}.log-line.bad{color:#f0a3a3}.log-line.warn{color:#edc487}#backpack{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:6}.slots{display:flex;gap:6px}.item,.slot-empty{width:46px;height:46px;display:grid;place-items:center;border-radius:6px;border:2px solid #2b3852;background:#0b101bc7}.slot-empty{border:2px dashed #2b3852;color:#33415c;font-size:20px;line-height:1}.item{position:relative;border:2px solid #3a4a66;padding:0;box-shadow:inset 0 2px #ffffff0f,inset 0 -2px #00000059}.item-icon{font-size:21px;line-height:1;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 70%))}.item-bonus{position:absolute;right:3px;bottom:1px;font:700 10px/1 system-ui,sans-serif;color:#e8dcc0;text-shadow:0 1px 2px #000}.item.on{border-color:var(--gold);background:#d8b06a33;box-shadow:0 0 10px #d8b06a66,inset 0 2px #ffffff1a}#hotbar{position:absolute;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;z-index:6;max-width:min(680px,calc(100vw - 24px));flex-wrap:wrap;justify-content:center}.slot{position:relative;min-width:58px;max-width:168px;min-height:58px;padding:16px 8px 6px;background:var(--frame-bg);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:var(--shadow);color:var(--paper);font-size:12px;line-height:1.25;text-align:center;backdrop-filter:blur(6px);transition:transform 90ms ease,border-color .14s ease}.slot:hover:not(:disabled){border-color:var(--gold)}.slot:active:not(:disabled){transform:translateY(1px) scale(.98)}.slot:disabled{opacity:.45}.slot-key{position:absolute;top:3px;left:6px;font-size:10px;font-weight:700;color:var(--gold)}.slot-label{display:block;overflow:hidden;text-overflow:ellipsis}.slot-hint{display:block;font-size:9.5px;color:#9fb0c6;margin-top:2px}.slot.good{border-color:#57b96a8c}.slot.danger{border-color:#d1495b73}#menu{position:absolute;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:7;display:flex;flex-direction:column-reverse;gap:6px;align-items:stretch}#side-buttons{display:grid;gap:6px}#menu-toggle{justify-content:center}#side-buttons{display:none}#menu.open #side-buttons{display:grid}#side-buttons button{display:flex}#side-buttons button,#menu-toggle{align-items:center;gap:8px;background:var(--frame-bg);border:1px solid var(--gold-dim);color:#e8dcc0;font-size:11px;font-variant:small-caps;letter-spacing:.06em;padding:8px 12px;border-radius:8px;backdrop-filter:blur(6px)}#side-buttons kbd{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:4px;border:1px solid var(--gold-dim);background:#d8b06a24;color:var(--gold);font:700 10px/1 system-ui,sans-serif;font-variant:normal}@media(pointer:coarse){#side-buttons kbd{display:none}}#vitals{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;display:grid;gap:5px;z-index:6;pointer-events:none}#hearts{display:flex;gap:2px}.vitals-top{display:flex;align-items:center;gap:8px}#level-chip{padding:1px 7px;border-radius:999px;border:1px solid var(--gold-dim);background:#0b101bc7;font:700 10px/1.6 system-ui,sans-serif;letter-spacing:.05em;color:var(--gold);text-shadow:0 1px 2px #000}.heart{font-size:20px;line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / 70%)}.heart.cheio{color:#e8443f}.heart.meio{color:#e8443f;opacity:.62}.heart.vazio{color:#3a2530}.power{position:relative;width:132px;height:14px;border:1px solid var(--gold-dim);border-radius:7px;background:#10182a;overflow:hidden}.power i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3f7fd4,#7fc8ff);transition:width .26s ease-out}.power span{position:absolute;inset:0;display:grid;place-items:center;font:700 8px/1 system-ui,sans-serif;letter-spacing:.08em;color:#cfe3ff;text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.power.ready{border-color:#ffd45e;box-shadow:0 0 10px #ffd45e73}.power.ready i{background:linear-gradient(90deg,#d8b06a,#ffe9a8)}#btn-quit{color:#f0a3a3;border-color:#d1495b6b}#btn-quit.armed{background:#d1495b47;border-color:var(--bad);color:#ffd9d9}#quit-choice{display:flex;flex-direction:column;gap:4px}#quit-choice[hidden]{display:none}#btn-quit-save{color:#bfe6c0;border-color:#78c88261}#btn-quit-discard{color:#f0a3a3;border-color:#d1495b6b}#log-panel.collapsed{height:auto}#log-panel.collapsed #log-lines{display:none}.log-toggle{flex:0 0 auto;min-width:34px;padding:7px 8px;background:transparent;border:none;border-radius:0;color:var(--gold);font-size:12px;line-height:1}#btn-music span{width:18px;text-align:center;color:var(--gold);font-size:13px}#btn-music.off{opacity:.55}#btn-music.off span{color:#7b8aa0;text-decoration:line-through}#dpad{position:absolute;inset:auto 0 0;z-index:6;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px calc(20px + env(safe-area-inset-bottom));padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right));pointer-events:none;user-select:none}#dpad>*{pointer-events:auto}#stick{position:relative;width:132px;height:132px;border-radius:50%;border:2px solid var(--gold-dim);background:radial-gradient(circle at 50% 50%,#141e2e9e,#0a101abd);backdrop-filter:blur(6px);touch-action:none}#stick:before,#stick:after{content:"";position:absolute;inset:50% 18%;border-top:1px solid rgb(216 176 106 / 22%)}#stick:after{inset:18% 50%;border-top:none;border-left:1px solid rgb(216 176 106 / 22%)}#stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;border:1px solid var(--gold);background:linear-gradient(160deg,#3b4a63,#1a2231);box-shadow:0 3px 10px #00000073;transition:none}#stick-knob.voltando{transition:transform .12s ease-out}#action-buttons{display:flex;align-items:flex-end;gap:14px}.arcade{border-radius:50%;border:2px solid var(--gold-dim);padding:0;display:grid;place-items:center;backdrop-filter:blur(6px);transition:transform 60ms ease-out,box-shadow 60ms ease-out}#btn-attack{width:92px;height:92px;font-size:36px;color:#fff0c4;border-color:var(--gold);background:radial-gradient(circle at 50% 35%,#7a3f2a,#47211a);box-shadow:0 5px #00000073,0 0 18px #ffbe5a38}#btn-block{width:72px;height:72px;margin-bottom:10px;font-size:27px;color:#d8e6ff;background:radial-gradient(circle at 50% 35%,#2f4668,#17233a);box-shadow:0 5px #00000073}.arcade.pressed{transform:translateY(4px);box-shadow:0 1px #00000073}@media(hover:hover)and (pointer:fine){#dpad{display:none}}@media(max-height:460px){#stick{width:104px;height:104px}#stick-knob{width:50px;height:50px;margin:-25px 0 0 -25px}#btn-attack{width:74px;height:74px;font-size:29px}#btn-block{width:58px;height:58px;font-size:22px}}#panel-backdrop{position:absolute;inset:0;z-index:19;background:#04081073}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 24px));max-height:78dvh;overflow-y:auto;padding:20px;background:#0e1420f5;border:1px solid var(--gold-dim);border-radius:14px;box-shadow:var(--shadow);z-index:20}.panel.quiz{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%)}#boot{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:linear-gradient(#060a128c,#060a12e0),url(/brand/cover.webp) center / cover no-repeat,#0b1017}.boot-card{width:min(480px,100%);max-height:100%;overflow-y:auto;padding:22px;background:#0b101be0;border:1px solid var(--gold-dim);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(8px);text-align:center}.brand-logo{display:block;width:100%;max-width:380px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 6px 20px rgb(0 0 0 / 70%))}.boot-card .lead,.boot-card .fineprint,.boot-card .field span{text-align:left}#boot-start .row button{flex:1}#boot-teacher{display:block;margin-top:10px;padding:10px 15px;border-radius:9px;border:1px solid #33455f;background:#22304a59;color:#b9c6d8;font-weight:600;text-align:center;text-decoration:none;transition:transform 90ms ease,filter .12s ease,border-color .12s ease}#boot-teacher:hover{color:#e8dcc0;border-color:var(--gold-dim);background:#22304a99}#boot-teacher:active{transform:scale(.98)}.progress-track{height:14px;margin:8px 0 10px;border-radius:999px;background:#0000008c;border:1px solid var(--gold-dim);overflow:hidden}.progress-track i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#a8802f,var(--gold));transition:width .2s ease}#boot-status{margin:0;font-variant:small-caps;letter-spacing:.06em}@media(pointer:coarse)and (orientation:landscape){.boot-card{padding:14px 16px}.brand-logo{max-width:260px;margin-bottom:8px}.boot-card .lead{display:none}}.lead{margin:0 0 18px;color:#b8c6d8;line-height:1.5}.fineprint{margin:16px 0 0;font-size:12px;color:#8fa0b6;line-height:1.45}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:11px 12px;border:1px solid #2f3c52;border-radius:8px;background:#0c1220;color:var(--paper);font-size:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h2{margin:0;font-size:19px;font-variant:small-caps;letter-spacing:.04em;color:var(--gold)}.error{margin:12px 0 0;color:var(--bad);font-size:14px}#boot-account{margin:12px 0 0;font-size:13px;color:var(--dim, #a9b3c1)}#boot-account strong{color:var(--gold)}.linklike{padding:0;background:none;border:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.linklike:hover{color:var(--gold)}button{font:inherit;cursor:pointer;border:none;border-radius:9px;padding:11px 16px;background:#22304a;color:var(--paper);font-weight:600;transition:transform 90ms ease,filter .12s ease}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:default;opacity:.6}button.primary{background:linear-gradient(#4a90d9,#2f6cae)}button.ghost{background:transparent;color:#9fb0c6}.row{display:flex;gap:10px;flex-wrap:wrap}#creator{position:absolute;inset:0;z-index:38;display:grid;grid-template-columns:minmax(0,1fr) minmax(258px,380px);background:radial-gradient(circle at 30% 30%,#1a2740,#090d16 70%)}.creator-stage{position:relative;min-width:0}#creator-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.creator-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#0b101bc7;border-left:1px solid var(--gold-dim);backdrop-filter:blur(6px)}.creator-scroll{overflow-y:auto;padding:20px 20px 14px;display:grid;align-content:start;gap:14px}.creator-panel h1{margin:0;font-size:20px;font-variant:small-caps;letter-spacing:.06em;color:var(--gold)}.creator-field{display:grid;gap:5px;font-size:12px;color:#9fb0c6}.creator-field input{padding:10px 12px;border-radius:8px;border:1px solid var(--gold-dim);background:#0e1622;color:var(--paper);font-size:15px}.heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.hero{display:grid;gap:2px;padding:9px 10px;text-align:left;background:#16203200;border:1px solid #263449;border-radius:10px}.hero strong{font-size:13px;color:#e8dcc0}.hero span{font-size:10.5px;color:#8fa0b6}.hero.on{border-color:var(--gold);background:#d8b06a24}.colors{display:grid;gap:10px}.swatch-row{display:grid;gap:5px}.swatch-label{font-size:11px;font-variant:small-caps;letter-spacing:.06em;color:#9fb0c6}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid rgb(0 0 0 / 45%);background:var(--cor)}.swatch.on{box-shadow:0 0 0 2px var(--gold)}.creator-actions{display:flex;gap:10px;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--gold-dim);background:#090d16d1}.creator-actions .primary{flex:1}@media(orientation:portrait){#creator{grid-template-columns:1fr;grid-template-rows:minmax(150px,34vh) minmax(0,1fr)}.creator-panel{border-left:none;border-top:1px solid var(--gold-dim)}.creator-scroll{padding:14px 14px 10px;gap:11px}.creator-panel h1{font-size:17px}}@media(orientation:landscape)and (max-height:460px){.creator-scroll{padding:12px 14px 8px;gap:9px}.creator-actions{padding:9px 14px calc(10px + env(safe-area-inset-bottom))}.creator-panel h1{font-size:16px}.hero{padding:6px 8px}.swatch{width:27px;height:27px}.colors{gap:7px}}.module{border:1px solid #263449;border-radius:12px;padding:12px 14px;margin-bottom:12px}.module.done{border-color:#57b96a73;background:#2f8a481a}.module h3{margin:0 0 2px;font-size:16px}.unlocks{margin:0 0 10px;font-size:12px;color:#8fa0b6}.lessons{display:grid;gap:8px}.lesson{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-align:left;background:#182338}.lesson .mark{width:22px;text-align:center}.lesson-title{flex:1}.lesson-where{font-size:12px;color:#8fa0b6;white-space:nowrap}.lesson.open .lesson-where{color:var(--brand)}.lesson.done{background:#2f8a4838}.lesson.open{background:#4a90d938;box-shadow:inset 0 0 0 1px var(--brand)}.lesson.locked{color:#6d7c92}.creature{border:1px solid #263449;border-radius:12px;padding:12px 14px;margin-bottom:10px}.creature h3{margin:0 0 2px;font-size:15px;color:var(--gold)}.creature h3 em{font-size:11px;font-style:normal;color:var(--good);font-variant:small-caps}.creature.equipped{border-color:#57b96a73}h3.section{margin:16px 0 8px;font-size:13px;font-variant:small-caps;letter-spacing:.08em;color:#8fa0b6}h3.section:first-child{margin-top:0}.creature p{margin:0 0 4px;font-size:13px;line-height:1.4;color:#b8c6d8}#battle-head{display:grid;gap:8px;margin-bottom:14px}.fighter{display:flex;align-items:center;gap:10px;font-size:13px}.fighter strong{min-width:150px;font-variant:small-caps;letter-spacing:.04em}.hpbar{flex:1;height:10px;border-radius:3px;background:#0000008c;border:1px solid rgb(0 0 0 / 60%);overflow:hidden}.hpbar i{display:block;height:100%;width:100%;background:linear-gradient(#e0625f,brown);transition:width .22s ease}.streak{font-size:12px;font-weight:700;color:var(--warn)}.prompt{margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.4}.options{display:grid;gap:8px;margin-bottom:12px}.option{display:flex;gap:10px;align-items:center;text-align:left;background:#182338;border:1px solid transparent}.option b{width:20px;flex:0 0 auto;color:var(--gold);font-size:12px}.option.chosen{border-color:#48597a}.option.correct{background:#2f8a4847;border-color:var(--good)}.option.wrong{background:#a52a2a42;border-color:var(--bad)}.summary{margin:0 0 12px;color:#b8c6d8;line-height:1.5}.feedback{border-top:1px solid #263449;padding-top:12px}.verdict{margin:0 0 4px;font-weight:700}.verdict.ok{color:var(--good)}.verdict.bad{color:var(--bad)}#feedback-explanation{margin:0 0 12px;color:#b8c6d8;line-height:1.5}#toasts{position:absolute;top:96px;left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:30;pointer-events:none;width:min(420px,calc(100% - 24px));justify-items:center}.toast{padding:10px 16px;border-radius:10px;background:#0b101beb;border:1px solid var(--gold-dim);color:var(--paper);font-size:14px;box-shadow:var(--shadow);transition:opacity .4s ease,transform .4s ease}.toast.good{border-color:#57b96a99}.toast.warn{border-color:#e0a03c99}.toast.out{opacity:0;transform:translateY(-8px)}@media(pointer:coarse){#log-panel,.slot.option{display:none}#vitals{top:max(8px,env(safe-area-inset-top));left:10px}.heart{font-size:17px}.power{width:104px;height:12px}.item,.slot-empty{width:40px;height:40px}#backpack{bottom:calc(10px + env(safe-area-inset-bottom))}#minimap-frame{top:max(10px,env(safe-area-inset-top));right:10px;padding:5px}.minimap-ring{width:76px;height:76px}#minimap-zone{font-size:9.5px}#tracker{top:calc(max(10px,env(safe-area-inset-top)) + 74px);width:min(340px,calc(100% - 20px));padding:8px 12px}#tracker p{font-size:11px}#dpad{padding-bottom:calc(14px + env(safe-area-inset-bottom))}#menu{right:auto;left:10px;bottom:auto;top:calc(max(10px,env(safe-area-inset-top)) + 56px);flex-direction:column;align-items:flex-start}#menu-toggle{padding:10px 14px;font-size:12px}#menu-toggle span[aria-hidden]{font-size:15px;line-height:1;color:var(--gold)}#side-buttons button{padding:12px 16px;font-size:12px}body[data-phase=battle] #tracker,body[data-phase=lesson] #tracker,body[data-phase=battle] #minimap-frame,body[data-phase=lesson] #minimap-frame,body[data-phase=battle] #dpad,body[data-phase=lesson] #dpad,body[data-phase=battle] #menu,body[data-phase=lesson] #menu,body[data-panel=track] #dpad,body[data-panel=collection] #dpad,body[data-panel=track] #menu,body[data-panel=collection] #menu,body[data-panel=track] #tracker,body[data-panel=collection] #tracker{display:none}#hotbar{left:auto;right:10px;top:max(10px,env(safe-area-inset-top));bottom:auto;transform:none;flex-direction:column;align-items:stretch;max-width:132px}body[data-phase=overworld] #hotbar{top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}.slot-key{display:none}.slot{min-width:0;min-height:0;max-width:none;padding:10px 12px;text-align:left;font-size:12px}.option{padding:14px;font-size:15px}.prompt{font-size:17px}#toasts{top:auto;bottom:calc(190px + env(safe-area-inset-bottom))}}@media(pointer:coarse)and (orientation:portrait){.panel.quiz{bottom:0;left:0;right:0;width:100%;transform:none;max-height:58dvh;border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media(pointer:coarse)and (orientation:landscape){.panel.quiz{inset:0 0 0 auto;transform:none;width:min(52%,440px);max-height:100dvh;border-radius:16px 0 0 16px;padding-right:calc(18px + env(safe-area-inset-right))}body[data-phase=lesson] #hotbar{right:auto;left:10px;top:calc(max(10px,env(safe-area-inset-top)) + 56px)}#toasts{left:25%;bottom:auto;top:12px;width:min(320px,46vw)}}#rotate-hint{display:none}@media(pointer:coarse)and (orientation:portrait){#rotate-hint{display:block;position:absolute;left:50%;transform:translate(-50%);top:calc(max(10px,env(safe-area-inset-top)) + 130px);margin:0;padding:7px 14px;border-radius:999px;background:#0b101bd1;border:1px solid var(--gold-dim);color:#e8dcc0;font-size:12px;z-index:8;pointer-events:none}body[data-phase=battle] #rotate-hint,body[data-phase=lesson] #rotate-hint{display:none}}@media(pointer:coarse)and (orientation:landscape){#dpad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px)}#tracker{top:calc(max(10px,env(safe-area-inset-top)) + 4px);left:50%;width:min(300px,38vw)}}@media(max-width:760px){#log-panel{display:none}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}