@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ps2p-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ps2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2191,U+2193}:root{--bg: #241a2e;--bg-deep: #150f1d;--ink: #3b2a1c;--ink-dim: #7a624a;--paper: #f0e2c4;--paper-dim: #d8c49c;--gold: #e0c352;--blue: #7fc4d6;--green: #7fca8e;--red: #d98078;--line: #2b2118;--panel: url(../assets/ui9/panel.png);--btn-blue: url(../assets/ui9/btn_blue.png);--btn-green: url(../assets/ui9/btn_green.png);--btn-red: url(../assets/ui9/btn_red.png);--btn-off: url(../assets/ui9/btn_off.png);--btn-light: url(../assets/ui9/btn_light.png);--btn-gold: url(../assets/ui9/btn_gold.png);--ribbon-gold: url(../assets/ui9/ribbon_gold.png);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--paper);font-family:"Press Start 2P",Courier New,monospace;font-size:10px;line-height:1.7;user-select:none;touch-action:none;overscroll-behavior:none}img{image-rendering:pixelated}#app{position:fixed;top:0;left:0;width:var(--app-w, 100%);height:var(--app-h, 100%)}#stage{position:absolute;inset:0;display:block;image-rendering:pixelated}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}#ui>*{pointer-events:auto}.panel{border-style:solid;border-width:16px;border-image:var(--panel) 32 fill repeat;color:var(--ink)}#boot{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.03) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.03) 2px,transparent 2px);background-size:16px 16px,16px 16px;transition:opacity .45s ease}#boot.hidden{opacity:0;pointer-events:none}.boot-logo{font-size:44px;animation:bob 1.6s steps(6) infinite}.boot-title{font-size:15px;color:var(--gold);text-align:center;line-height:2}.boot-bar{width:200px;height:14px;background:var(--bg-deep);border:3px solid var(--line)}.boot-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s steps(8)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.topbar{display:flex;gap:6px;align-items:center;padding:calc(6px + var(--safe-top)) 8px 6px}.purse{display:flex;gap:6px}.chip{display:flex;align-items:center;gap:5px;padding:4px 8px;min-height:30px;background:var(--bg-deep);border:3px solid var(--line);box-shadow:inset 0 0 0 2px #4a3a5c;color:var(--paper);font-size:10px;white-space:nowrap}.chip img{width:16px;height:16px}.chip .plus{width:18px;height:18px;background:var(--green);color:#17331f;display:grid;place-items:center;font-size:10px;line-height:1;border:2px solid var(--line)}.spacer{flex:1}.icon-btn{width:34px;height:34px;display:grid;place-items:center;font-size:15px;cursor:pointer;border-style:solid;border-width:12px;border-image:var(--btn-blue) 32 fill repeat;color:#14323b}.icon-btn:active{transform:translateY(2px)}.icon-btn img{object-fit:contain}.icon-btn.ready{outline:3px solid var(--red);outline-offset:-2px}.navbar{margin-top:auto;display:flex;gap:5px;padding:6px 8px calc(8px + var(--safe-bottom))}.nav-btn{flex:1;padding:6px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;color:var(--ink);cursor:pointer;border-style:solid;border-width:12px;border-image:var(--btn-off) 32 fill repeat;text-align:center}.nav-btn img{width:22px;height:22px;object-fit:contain}.nav-btn.on{border-image:var(--btn-blue) 32 fill repeat;color:#10333b}.nav-btn:active{transform:translateY(2px)}.modal{position:absolute;inset:0;background:#0c0812cc;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .15s steps(3)}@keyframes fade{0%{opacity:0}}.sheet{width:min(560px,100%);max-height:88%;overflow-y:auto;overscroll-behavior:contain;padding:4px 4px calc(10px + var(--safe-bottom));border-style:solid;border-width:18px;border-image:var(--panel) 32 fill repeat;color:var(--ink);animation:rise .2s steps(4);touch-action:pan-y}@keyframes rise{0%{transform:translateY(24px)}}.sheet-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.sheet-head h2{margin:0;font-size:13px;color:var(--ink);line-height:1.5}.sheet-head p{margin:4px 0 0;font-size:8px;color:var(--ink-dim);line-height:1.6}.close{margin-left:auto;flex:none;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;font-size:12px;border-style:solid;border-width:11px;border-image:var(--btn-red) 32 fill repeat;color:#3a1512}.close:active{transform:translateY(2px)}.btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;padding:6px 4px;font-family:inherit;font-size:10px;line-height:1.5;cursor:pointer;text-align:center;border-style:solid;border-width:14px;border-image:var(--btn-blue) 32 fill repeat;color:#10333b;text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:transform .05s steps(2)}.btn:active{transform:translateY(2px)}a.btn{text-decoration:none}.btn.green{border-image:var(--btn-green) 32 fill repeat;color:#16331f}.btn.gold{border-image:var(--btn-gold) 32 fill repeat;color:#4a3705}.btn.ribbon{border-image:var(--ribbon-gold) 0 32 fill stretch;border-width:0 30px;min-height:44px;color:#4a3705}.btn.ghost{border-image:var(--btn-off) 32 fill repeat;color:var(--ink);text-shadow:none}.btn.red{border-image:var(--btn-red) 32 fill repeat;color:#3a1512}.btn[disabled]{filter:grayscale(.6) brightness(.85);pointer-events:none}.btn small{font-size:8px;opacity:.85}.btn img{width:14px;height:14px}.row{display:flex;gap:6px}.row>*{flex:1}.card{display:flex;gap:8px;align-items:center;padding:8px;margin-bottom:6px;background:#e3d0a8;border:3px solid #a98f66;box-shadow:inset 0 0 0 2px #f4e8cd;color:var(--ink)}.card .pic{width:46px;height:46px;flex:none;background:#2c2136;border:3px solid var(--line);display:grid;place-items:center;overflow:hidden}.card .body{flex:1;min-width:0}.card .body h3{margin:0 0 4px;font-size:10px;line-height:1.5}.card .body p{margin:0;font-size:7px;color:#6b5540;line-height:1.9}.card .act{flex:none;display:flex;flex-direction:column;gap:4px;min-width:88px}.card .act .btn{min-height:34px;font-size:8px;border-width:11px;padding:4px 2px}.card.on{border-color:var(--gold);box-shadow:inset 0 0 0 2px #fff3d0}.pill{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:#cdb68d;border:2px solid #a98f66;font-size:7px;line-height:1.6;color:var(--ink);white-space:nowrap}.pill img{width:12px;height:12px}.bar{height:10px;background:#b39a72;border:2px solid var(--line);margin-top:6px}.bar i{display:block;height:100%;background:var(--gold)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width: 400px){.grid{grid-template-columns:repeat(3,1fr)}}.lvl{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:13px;color:#10333b;border-style:solid;border-width:12px;border-image:var(--btn-blue) 32 fill repeat}.lvl.locked{border-image:var(--btn-off) 32 fill repeat;color:#8a7458;font-size:12px}.lvl.boss{border-image:var(--btn-red) 32 fill repeat;color:#3a1512}.lvl.done{border-image:var(--btn-green) 32 fill repeat;color:#16331f}.lvl .stars{display:flex;gap:3px;margin-top:2px}.lvl .stars img{width:16px;height:16px}.lvl:active{transform:translateY(2px)}.tabs{display:flex;gap:4px;margin-bottom:8px}.tab{flex:1;padding:4px 0;text-align:center;cursor:pointer;font-size:8px;line-height:1.5;color:var(--ink);display:flex;align-items:center;justify-content:center;min-height:40px;border-style:solid;border-width:10px;border-image:var(--btn-off) 32 fill repeat}.tab.on{border-image:var(--btn-gold) 32 fill repeat;color:#4a3705}.tab:active{transform:translateY(2px)}.toast{position:absolute;left:50%;top:calc(52px + var(--safe-top));transform:translate(-50%);padding:8px 12px;background:var(--bg-deep);border:3px solid var(--gold);font-size:9px;z-index:40;color:var(--paper);animation:toast 2.4s steps(12) forwards;pointer-events:none;white-space:nowrap}@keyframes toast{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.result h1{margin:0 0 4px;font-size:15px;text-align:center}.result .stars-big{display:flex;justify-content:center;gap:10px;margin:8px 0 12px}.result .stars-big img{width:40px;height:40px}.result .stars-big img.got{animation:pop .35s steps(5) backwards}.result .stars-big img.got:nth-child(2){animation-delay:.12s}.result .stars-big img.got:nth-child(3){animation-delay:.24s}@keyframes pop{0%{transform:scale(0)}}.lines{margin:0 0 10px}.lines div{display:flex;justify-content:space-between;gap:8px;padding:6px 2px;border-bottom:2px solid #bda57d;font-size:9px;line-height:1.6}.lines div:last-child{border:none}.lines b{color:#8a5a12;font-weight:400}.hud{position:absolute;left:0;right:0;top:0;padding:calc(6px + var(--safe-top)) 8px 0;display:flex;align-items:flex-start;gap:5px;pointer-events:none}.hud .chip{font-size:8px;padding:3px 6px;min-height:26px}.hud .chip img{width:13px;height:13px}.hud .icon-btn{width:30px;height:30px;border-width:10px;font-size:12px}.hearts{display:flex;gap:1px;flex-wrap:wrap;max-width:40%}.hearts img{width:14px;height:14px}.hearts img.off{filter:grayscale(1) brightness(.4)}.hud .chip{pointer-events:none}.hud .icon-btn{pointer-events:auto}.empty{text-align:center;color:var(--ink-dim);font-size:9px;padding:20px 8px;line-height:1.8}.tag{font-size:7px;padding:3px 5px;background:var(--gold);color:#4a3705;border:2px solid #a1832a}.tag.hot{background:var(--red);color:#3a1512;border-color:#9c4f47}.pad{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 12px calc(16px + var(--safe-bottom));pointer-events:none;z-index:10}.pad-side{display:flex;gap:10px;align-items:flex-end;pointer-events:none}.pad-btn{pointer-events:auto;width:60px;height:60px;display:grid;place-items:center;color:#10333b;font-size:20px;border-style:solid;border-width:20px;border-image:var(--btn-light) 32 fill repeat;opacity:.78;touch-action:none;user-select:none;transition:transform .05s steps(2)}.pad-btn.on{opacity:1;transform:scale(.94)}.pad-btn img{width:26px;height:26px;pointer-events:none}.pad-jump{width:74px;height:74px;font-size:26px;border-image:var(--btn-green) 32 fill repeat;color:#16331f}.pad-attack{border-image:var(--btn-red) 32 fill repeat;color:#3a1512}.pad-dash{width:50px;height:50px;font-size:18px;border-image:var(--btn-blue) 32 fill repeat}@media (max-width: 400px){.pad-btn{width:54px;height:54px;font-size:17px;border-width:18px}.pad-jump{width:66px;height:66px;font-size:22px}.pad-side{gap:8px}}.story{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#0c0812db;animation:fade .2s steps(3);padding:0 8px calc(20px + var(--safe-bottom));cursor:pointer}.story-card{width:min(560px,100%);display:flex;gap:8px;align-items:flex-end;animation:rise .25s steps(5)}.story-face{flex:none;width:108px;height:108px;display:grid;place-items:end center}.story-face img{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5));animation:bob 2.4s steps(8) infinite}.story-body{flex:1;min-width:0;border-style:solid;border-width:16px;border-image:var(--panel) 32 fill repeat;color:var(--ink)}.story-title{font-size:7px;color:var(--ink-dim);line-height:1.8}.story-who{font-size:11px;color:#8a5a12;margin:4px 0 8px}.story-text{font-size:9px;line-height:1.9;min-height:5.7em}.story-hint{font-size:7px;color:var(--ink-dim);text-align:right;margin-top:6px;transition:opacity .2s}.story-skip{position:absolute;top:calc(50px + var(--safe-top));right:12px;padding:4px 2px;font-size:7px;cursor:pointer;border-style:solid;border-width:9px;border-image:var(--btn-off) 32 fill repeat;color:var(--ink)}