@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#1b1d2a;--panel:#141626e6;--paper:#fffdf5;--ink:#2a2a3a;--accent:#ffe27a;--font-game:"Galmuri11", system-ui, sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0}body{background:var(--bg);color:#eee;font-family:var(--font-game)}button,input,select{font-family:inherit}a{color:inherit}img{image-rendering:pixelated}.stage{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.canvas,.canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.loading{background:var(--bg);z-index:10;place-items:center;display:grid;position:absolute;inset:0}.loading-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:16px;display:flex}.loading-stone{width:64px;height:64px;animation:1.6s ease-in-out infinite alternate float}@keyframes float{to{transform:translateY(-8px)}}.loading-bar{border:2px solid #f4f1e6;border-radius:6px;width:min(320px,70vw);height:12px;overflow:hidden}.loading-bar>div{background:var(--accent);height:100%;transition:width .2s}.loading-tip{opacity:.85;max-width:320px;font-size:13px;line-height:1.6}.status{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));background:var(--panel);border:2px solid #f4f1e6;border-radius:8px;align-items:center;gap:8px;width:min(250px,100vw - 272px);padding:8px 10px;display:flex;position:absolute;box-shadow:0 2px #000}.status-face{background:#2c3050;border-radius:4px;width:38px;height:38px}.status-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.status-title{white-space:nowrap;justify-content:space-between;gap:6px;font-size:12px;display:flex}.gold{color:#ffe27a;align-items:center;gap:3px;display:inline-flex}.gold img{width:10px;height:10px}.gauge{align-items:center;gap:6px;font-size:10px;display:flex}.gauge-label{width:24px;font-weight:700}.gauge-track{background:#000;border-radius:4px;flex:1;height:7px;overflow:hidden}.gauge-fill{height:100%;transition:width .4s}.gauge-value{text-align:right;opacity:.8;font-variant-numeric:tabular-nums;min-width:48px}.menu{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.menu-btn{cursor:pointer;width:56px;height:56px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 0 0;font-size:24px;line-height:1;display:flex;box-shadow:0 3px #000}.menu-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.menu-btn .menu-label{font-size:10px;font-weight:700}.dialog{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;cursor:pointer;background:var(--paper);max-width:720px;min-height:120px;color:var(--ink);border:4px solid var(--ink);box-shadow:0 0 0 2px var(--paper), 0 4px 0 #000;border-radius:8px;gap:14px;margin:0 auto;padding:14px;display:flex;position:absolute}.dialog-speaker{flex-direction:column;align-items:center;gap:4px;display:flex}.dialog-speaker .face{border:2px solid var(--ink);background:#e9e4d2;border-radius:4px;width:64px;height:64px}.dialog-name{background:var(--ink);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.dialog-text{flex:1;margin:2px 0;font-size:16px;line-height:1.7}.dialog .next{margin-left:6px;font-size:11px;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.intro{background:radial-gradient(circle at 50% 35%, #3a3560, var(--bg));place-items:center;display:grid}.intro-art{width:96px;height:96px;margin-bottom:160px;animation:1.6s ease-in-out infinite alternate float}.skip{top:calc(12px + env(safe-area-inset-top));position:absolute;right:12px}.select-card{text-align:center;align-items:center;width:min(560px,100%)}.character-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.character{cursor:pointer;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:13px;font-weight:700;display:flex}.character.picked{background:var(--accent);box-shadow:0 0 0 3px var(--ink)}.walker{width:64px;height:64px;image-rendering:pixelated;background-repeat:no-repeat;background-size:256px 448px;animation:.6s steps(4,end) infinite walk-down}@keyframes walk-down{0%{background-position:0 0}to{background-position:0 -256px}}.map-title{top:calc(18% + env(safe-area-inset-top));pointer-events:none;background:#000a;border-radius:6px;padding:8px 18px;font-size:20px;font-weight:700;animation:2.4s forwards title-fade;position:absolute;left:50%;transform:translate(-50%)}@keyframes title-fade{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.hint{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));white-space:nowrap;pointer-events:none;background:#000a;border-radius:4px;padding:4px 10px;font-size:13px;position:absolute;transform:translate(-50%)}.touch{display:none}@media (pointer:coarse){.hint{display:none}.touch{pointer-events:none;padding:0 calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}}.touch button{pointer-events:auto;color:#fff;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff30;border:2px solid #ffffff80;font-weight:700}.touch button:active{background:#ffffff70}.joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#fff2 0 38%,#fff3 39% 100%);border:3px solid #ffffff90;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #0000001a}.joystick-knob{pointer-events:none;background:radial-gradient(circle at 35% 35%,#fffe,#fff9);border:3px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 3px 8px #0006}.action{border-radius:50%;width:84px;height:84px;margin-bottom:30px;font-size:28px}.action.ready{color:#222;background:#ffe27acc;border-color:#fff;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.page{max-width:1000px;min-height:100dvh;margin:0 auto;padding:24px 16px}.page.center{place-items:center;display:grid}.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:20px;box-shadow:0 4px #000}.hero{text-align:center;flex-direction:column;align-items:stretch;gap:12px;width:min(360px,100%);display:flex}.logo{letter-spacing:2px;margin:0;font-size:36px}.muted{opacity:.7}.small{font-size:12px}.error{color:#c92a2a;margin:0;font-weight:700}.notice{color:#1d6f42;margin:0;font-weight:700}code{background:#0001;border-radius:4px;padding:1px 4px}.btn{white-space:nowrap;color:var(--ink);cursor:pointer;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{box-shadow:none;transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent)}.btn.big{padding:14px 18px;font-size:18px}.btn.small{padding:5px 10px;font-size:12px}.form{flex-direction:column;gap:12px;width:min(420px,100%);display:flex}.form h1,.form h2{margin:0 0 4px}.form form{display:contents}.field{flex-direction:column;flex:1;gap:4px;font-size:13px;font-weight:700;display:flex}.field input,.field select{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:6px;padding:10px;font-size:16px}.check{align-items:flex-start;gap:8px;font-size:13px;display:flex}.row{gap:12px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.grid{grid-template-columns:1fr minmax(280px,380px);align-items:start;gap:24px;display:grid}@media (max-width:720px){.grid{grid-template-columns:1fr}}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.link-card{flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.code-card{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;display:flex}.class-code{letter-spacing:8px;font-size:44px;font-weight:700}.table{border-collapse:collapse;background:var(--paper);width:100%;color:var(--ink);border-radius:8px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #0002;padding:8px 10px;font-size:14px}.student-login{text-align:center;align-items:center}.code-input{text-align:center;letter-spacing:6px;text-transform:uppercase;border:3px solid var(--ink);width:100%;color:var(--ink);border-radius:8px;padding:12px;font-size:28px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;width:100%;max-height:50dvh;padding:4px;display:grid;overflow:auto}.number-grid .btn{flex-direction:column;gap:2px;padding:8px 4px}.pin{flex-direction:column;align-items:center;gap:14px;display:flex}.pin-slots{align-items:center;gap:8px;display:flex}.pin-slot{border:3px solid var(--ink);background:#fff;border-radius:8px;place-items:center;width:48px;height:56px;font-size:22px;display:grid}.pin-slot.filled{background:var(--accent)}.pin-grid{grid-template-columns:repeat(3,72px);gap:10px;display:grid}.pin-grid button{height:60px;color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:10px;font-size:26px;font-weight:700}.pin-grid button.pin-back{background:#efe9d6;font-size:20px}.pin-grid button:active{box-shadow:none;transform:translateY(3px)}.battle{z-index:20;padding:calc(70px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0008,#000c 60%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.battle.hurt{animation:.4s hurt}@keyframes hurt{0%,to{background-color:#0000;transform:none}25%{background-color:#e5484d55;transform:translate(-6px)}75%{transform:translate(6px)}}.battle-loading{margin:auto;font-size:22px;font-weight:700}.battle-monster{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.battle-name{text-shadow:0 2px #000;align-items:center;gap:6px;font-size:18px;display:flex}.subject-tag{color:#fff;border-radius:4px;padding:2px 6px;font-size:12px}.monster-face{width:152px;height:152px;animation:1.2s ease-in-out infinite alternate bob}.monster-face.hit{filter:brightness(2);animation:.3s shake}.monster-face.defeated{opacity:.2;transition:all .5s;animation:none;transform:scale(.8)}@keyframes bob{to{transform:translateY(-6px)}}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.damage{color:#ffe27a;text-shadow:0 2px #000;font-size:26px;font-weight:700;animation:.8s forwards rise;position:absolute;top:40%}@keyframes rise{to{opacity:0;transform:translateY(-40px)}}.hp-bar{background:#000;border:2px solid #f4f1e6;border-radius:6px;flex:1;height:10px;overflow:hidden}.hp-bar.monster{flex:none;width:min(220px,60vw)}.hp-bar>div{background:#e5484d;height:100%;transition:width .4s}.battle-panel{background:var(--paper);width:100%;max-width:720px;color:var(--ink);border:4px solid var(--ink);border-radius:10px;flex-direction:column;gap:12px;margin:0 auto;padding:14px;display:flex;box-shadow:0 4px #000}.battle-player{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.battle-player .hp-bar{border-color:var(--ink)}.battle-question{min-height:48px;margin:0;font-size:18px;font-weight:700;line-height:1.6}.battle-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{text-align:left;cursor:pointer;min-height:52px;color:var(--ink);background:#fff;border:2px solid #ccc5ad;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:16px;display:flex}.battle-choices.ox .choice{justify-content:center;min-height:72px;font-size:28px;font-weight:700}.choice.active{border-color:var(--ink);background:var(--accent)}.choice.correct{background:#c8f2d4;border-color:#1d8a3a}.choice.wrong{background:#ffd6d6;border-color:#c92a2a}.choice:disabled{cursor:default}.choice-label{color:#888;font-weight:700}.battle-result{cursor:pointer;background:#f4efe0;border-radius:8px;padding:10px}.battle-result.ok strong{color:#1d8a3a}.battle-result.ng strong{color:#c92a2a}.battle-result p{margin:6px 0 0;font-size:14px;line-height:1.6}.battle-result .next{text-align:right;opacity:.6;font-size:11px;animation:1s step-end infinite blink;display:block}.battle-end{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.battle-end h2,.battle-end p{margin:0}.level-up{color:#8e4ec6;font-size:18px;font-weight:700}.level-toast{z-index:30;color:#222;background:var(--accent);pointer-events:none;text-align:center;border:3px solid #fff;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 20px;font-size:clamp(14px,4vw,20px);font-weight:700;animation:3.5s forwards title-fade;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 4px #000}@media (max-width:480px){.monster-face{width:112px;height:112px}.battle-question{font-size:16px}.choice{min-height:48px;font-size:15px}}.result-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.report{color:#666;cursor:pointer;background:0 0;border:1px solid #bbb;border-radius:4px;padding:3px 8px;font-size:11px}.report:disabled{cursor:default;opacity:.8}.modal{z-index:25;background:#0008;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.modal-panel{width:min(520px,100%);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--paper);border:4px solid var(--ink);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;overflow:auto;box-shadow:0 4px #000}.modal-head{align-items:center;gap:10px;display:flex}.modal-head h2{flex:1;margin:0;font-size:18px}.item-icon{image-rendering:pixelated;object-fit:contain}.slot{aspect-ratio:1;cursor:pointer;background:#efe9d6;border:2px solid #cfc6a8;border-radius:6px;place-items:center;padding:2px;display:grid;position:relative}.slot.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}.slot.rarity-rare{background:#dbe8ff;border-color:#7aa7f0}.slot.rarity-legendary{background:#eadcff;border-color:#a877f0}.slot-empty{color:#998f70;font-size:11px}.qty{font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.equip-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot.equip{background:#fff;border-style:dashed}.stats-line{text-align:center;margin:0;font-size:12px}.bag-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.item-detail{background:#fff;border:2px solid #cfc6a8;border-radius:8px;min-height:96px;padding:8px}.item-detail p{margin:6px 0}.item-title{align-items:center;gap:10px;display:flex}.text-rare{color:#2b6fd6}.text-legendary{color:#8a3fd6}.gold-big{align-items:center;gap:4px;font-weight:700;display:inline-flex}.gold-big img{width:14px;height:14px}.shop-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.shop-list li{background:#fff;border:2px solid #cfc6a8;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.shop-info{flex-direction:column;flex:1;min-width:0;display:flex}.potion-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.potion-btn{cursor:pointer;border:2px solid var(--ink);background:#fff;border-radius:6px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;display:inline-flex}.drop{color:#8a3fd6;align-items:center;gap:6px;font-weight:700;display:flex}.monster-face.boss{filter:drop-shadow(0 0 12px #ff6b6baa);width:190px;height:190px}.fragments{color:#9fd8ff}.menu-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu-grid .btn{justify-content:flex-start}.menu-icon{font-size:20px}.tabs{gap:6px;display:flex}.tabs button{cursor:pointer;background:#efe9d6;border:2px solid #cfc6a8;border-radius:6px;flex:1;padding:6px;font-weight:700}.tabs button.on{background:var(--accent);border-color:var(--ink)}.quest-list,.title-list,.feed,.ranking{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.quest-list li,.title-list li{background:#fff;border:2px solid #cfc6a8;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.quest-list li.claimed{opacity:.6}.quest-info{flex-direction:column;flex:1;gap:4px;display:flex}.quest-info .gauge-track{height:8px}.title-list li{justify-content:space-between}.title-list li.locked{opacity:.5}.bestiary-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bestiary-grid img{width:100%;image-rendering:pixelated}.bestiary-grid img.unknown{filter:brightness(0)opacity(.35)}.section-title{margin:4px 0 0;font-size:14px}.ranking li{background:#fff;border:2px solid #cfc6a8;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.ranking li.me{border-color:var(--ink);background:#fff8d6}.ranking img{border-radius:4px;width:32px;height:32px}.rank{text-align:center;width:22px;font-weight:700}.rank-name{flex:1;min-width:0}.rank-score{color:#1d8a3a;font-weight:700}.feed li{background:#fff;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 8px;font-size:13px;display:flex}.achievement{color:#b8860b;margin:2px 0;font-weight:700}.unknown-slot:after{content:"?";color:#fff;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}.feed li .small{white-space:nowrap}.lock{text-align:center;align-items:center}.lock-icon{font-size:56px}.page h2{margin:24px 0 10px;font-size:18px}.settings .setting-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.settings .setting-row input[type=number],.settings .setting-row input[type=time]{border:2px solid var(--ink);border-radius:6px;width:auto;padding:4px 6px;font-size:14px}.settings .setting-row input[type=number]{width:64px}.table-wrap{overflow-x:auto}.table .actions{gap:4px;display:flex}.rate{text-align:center;border-radius:4px;min-width:42px;padding:1px 4px;font-size:12px;font-weight:700;display:inline-block}.rate.good{color:#1d6f42;background:#c8f2d4}.rate.mid{color:#8a6400;background:#fff1c2}.rate.low{color:#a61e1e;background:#ffd6d6}.btn.danger{color:#c92a2a;border-color:#c92a2a;box-shadow:0 2px #c92a2a}.inline-form{align-items:center;gap:6px;margin-top:10px;display:flex}.inline-form input{border:2px solid var(--ink);border-radius:6px;width:56px;padding:4px}.wrong-list{flex-direction:column;gap:6px;padding-left:20px;display:flex}.wrong-list li{display:list-item}.wrong-q{margin:0 8px}.archive{justify-content:space-between;align-items:center;gap:12px;display:flex}.archive p{margin:0}.tip{left:50%;top:calc(64px + env(safe-area-inset-top));z-index:3;width:min(420px,100% - 24px);color:var(--ink);border:3px solid var(--ink);background:#fff8d6;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #000}.tip ul{margin:4px 0 0;padding-left:18px}.tip .btn{align-self:flex-end}@media (max-width:480px){.menu{flex-direction:column}.status{width:calc(100vw - 96px);max-width:280px}}:is(html:has(.legal),body:has(.legal)){overflow:auto}.legal{max-width:760px;margin:0 auto;line-height:1.8}.legal h1{margin:12px 0}.legal h2{margin:20px 0 6px;font-size:16px}.draft-banner{background:#fff1c2;border:2px solid #e0b000;border-radius:6px;padding:8px 12px;font-size:13px}.footer-links{opacity:.7}.danger-zone{border-top:1px dashed #fff4;margin-top:32px;padding-top:16px}.admin-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.admin-list .card{flex-direction:column;gap:6px;padding:14px;display:flex}.admin-list ol{margin:0}.admin-list .answer{color:#1d8a3a;font-weight:700}.scenic{isolation:isolate;position:relative}.scenic:before{content:"";z-index:-1;image-rendering:pixelated;filter:saturate(1.1);background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate pan;position:fixed;inset:-24px}.scenic:after{content:"";z-index:-1;background:linear-gradient(#1b1d2a55,#1b1d2acc);position:fixed;inset:0}.scenic-village:before{background-image:url(/assets/bg/village.png)}.scenic-field:before{background-image:url(/assets/bg/field.png)}@keyframes pan{0%{transform:scale(1.08)translate(-12px)}to{transform:scale(1.08)translate(12px)}}.parade{justify-content:center;gap:4px;margin:-4px 0 4px;display:flex}.walker.small-walker{background-size:160px 280px;width:40px;height:40px;animation-name:walk-down-sm}@keyframes walk-down-sm{0%{background-position:0 0}to{background-position:0 -160px}}.hero .logo{text-shadow:3px 3px 0 var(--accent)}@media (prefers-reduced-motion:reduce){.scenic:before,.walker{animation:none}}.table th{white-space:nowrap}.objective{top:calc(92px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));color:#fff;pointer-events:none;background:#000a;border-radius:6px;max-width:calc(100vw - 90px);padding:4px 10px;font-size:12px;font-weight:700;position:absolute}.objective.ready{background:#a12626dd;animation:.8s ease-in-out infinite alternate pulse}@media (max-height:500px){.battle{padding:8px calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));flex-direction:row;align-items:center;gap:12px}.battle-monster{flex:0 0 34%}.monster-face,.monster-face.boss{width:88px;height:88px}.battle-panel{gap:8px;max-height:calc(100dvh - 16px);padding:10px;overflow-y:auto}.battle-question{min-height:0;font-size:15px}.choice{min-height:40px}.dialog{min-height:0}.dialog-speaker .face{width:44px;height:44px}.touch{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.joystick{width:120px;height:120px}.action{width:68px;height:68px;margin-bottom:16px}.menu{flex-direction:row}.objective{top:calc(64px + env(safe-area-inset-top))}.tip{top:8px}}.tip.tip-center{top:34%}.nickname-cell{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.link-btn{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:12px}.nickname-form{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nickname-form input{border:2px solid var(--ink);border-radius:6px;width:90px;padding:3px 6px}.print-page{color:#222;background:#fff;min-height:100dvh;padding:16px}.print-actions{align-items:center;gap:12px;margin-bottom:12px;display:flex}.print-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.print-card{break-inside:avoid;border:2px dashed #888;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6}.print-card ol{margin:4px 0;padding-left:18px}.print-number{font-size:28px;font-weight:700}.print-code{letter-spacing:3px;font-size:18px}.print-memo{color:#666;margin-top:4px}@media print{.no-print{display:none}body{background:#fff}.print-page{padding:0}.print-grid{grid-template-columns:repeat(3,1fr)}}.help section h3{margin:6px 0 2px;font-size:14px}.help section p{margin:0 0 6px;font-size:13px;line-height:1.7}.section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-head h2{margin:24px 0 10px}.menu[hidden]{display:none}@media (max-width:480px){.tip.tip-center{width:calc(100% - 92px);left:10px;transform:none}}@media (max-height:500px){.objective{top:calc(76px + env(safe-area-inset-top))}}.onboarding{flex-direction:column;gap:6px;line-height:1.7;display:flex}.onboarding ol{margin:0;padding-left:20px;font-size:14px}.modal-panel:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battle-player{position:relative}.player-damage{color:#e5484d;text-shadow:0 1px #fff;font-weight:700;animation:.8s forwards rise;position:absolute;top:-18px;left:30px}.streak{color:#b8430b;background:#ffe7c2;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:13px;font-weight:700;animation:.6s ease-in-out infinite alternate pulse}.load-error{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.load-error p{margin:0}.tip.tip-inline{width:auto;box-shadow:none;border-width:2px;position:static;transform:none}.home-link{top:calc(12px + env(safe-area-inset-top));z-index:10;position:fixed;left:12px}