#sq-stage{--sq-font:ui-rounded, "SF Pro Rounded", "Nunito", "Trebuchet MS", system-ui, sans-serif;--sq-bark:#2b1b0f;--sq-wood:#4a2f1a;--sq-wood-hi:#6b4526;--sq-paper:#fbf1da;--sq-paper-2:#f0dfb8;--sq-ink:#3a2414;--sq-ink-soft:#7a5a3e;--sq-cream:#fff4dc;--sq-leaf:#5f9e34;--sq-leaf-hi:#8cc85a;--sq-acorn:#d9731f;--sq-honey:#f2b632;--sq-berry:#d2453a;font-family:var(--sq-font)}body.is-full:has(#sq-stage){background:#22150b}body:has(#sq-stage) .game-tabbar{box-shadow:none;background:linear-gradient(#2e1d10,#1e1209);border-color:#5a3a20}body:has(#sq-stage) .game-tabbar a,body:has(#sq-stage) .game-tabbar button{color:#d9bf94}body:has(#sq-stage) .game-tabbar a:hover,body:has(#sq-stage) .game-tabbar button:hover{color:#fff4dc}body:has(#sq-stage) .game-tabbar .tab-label{font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-weight:800}body:has(#sq-stage) dialog.howto-modal{color:#3a2414;background:linear-gradient(#fbf1da,#f0dfb8);border:3px solid #6b4526;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;box-shadow:0 0 0 2px #2b1b0f,0 18px 40px #00000080}body:has(#sq-stage) dialog.howto-modal::backdrop{background:#12180c99}body:has(#sq-stage) .howto-modal-body ul,body:has(#sq-stage) .howto-modal-body p{color:#5a3e28}body:has(#sq-stage) .howto-modal-body :is(h3,b,strong,.howto-intro){color:#3a2414}body:has(#sq-stage) .howto-modal-body a{color:#b45a14}body:has(#sq-stage) .howto-x{color:#7a5a3e}body:has(#sq-stage) .howto-x:hover{background:#0000000f}body.is-full #sq-stage{background:var(--sq-bark);flex-direction:column;justify-content:stretch;align-items:stretch;gap:0}.sq-view{background:#24361f;flex:auto;min-height:0;position:relative;overflow:hidden;container-type:size}#sq-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}#sq-canvas.sq-panning{cursor:grabbing}.sq-stats{z-index:5;pointer-events:none;flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:6px;left:6px}.sq-stats[hidden]{display:none}.sq-stat{color:var(--sq-cream);background:#2b1b0fc7;border:1px solid #ffe4aa47;border-radius:999px;align-items:baseline;gap:5px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #00000040}.sq-stat i{letter-spacing:.06em;color:#d9bf94;font-size:10px;font-style:normal}.sq-stat b{font-variant-numeric:tabular-nums;color:var(--sq-honey)}.sq-stat.sq-good b{color:var(--sq-leaf-hi)}.sq-stat.sq-low b{color:#ff8a70}.sq-watch{color:var(--sq-honey);letter-spacing:.08em;border-color:#f2b63299}.sq-watch[hidden]{display:none}.sq-toast{z-index:6;color:var(--sq-cream);white-space:nowrap;opacity:0;pointer-events:none;background:#2b1b0fe6;border:1px solid #ffe4aa66;border-radius:999px;margin:0;padding:6px 14px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;top:42px;left:50%;transform:translate(-50%)translateY(-6px)}.sq-toast.sq-show{opacity:1;transform:translate(-50%)}.sq-bar{background:repeating-linear-gradient(180deg, #ffffff06 0 2px, #0000000a 2px 5px, transparent 5px 9px), linear-gradient(180deg, var(--sq-wood-hi), var(--sq-wood) 30%, var(--sq-bark));user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-top:2px solid #8a5e36;flex:none;grid-template-columns:auto 1fr auto auto;grid-template-areas:"rate skills ctrl mini";align-items:stretch;gap:6px;padding:6px;display:grid;box-shadow:inset 0 1px #ffdca040}.sq-bar[hidden]{display:none}.sq-rate{grid-area:rate;align-items:stretch;gap:3px;display:flex}.sq-skills{grid-area:skills;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.sq-ctrl{grid-area:ctrl;gap:4px;display:flex}.sq-mini{touch-action:none;cursor:pointer;background:#c9d8b4;border:2px solid #8a5e36;border-radius:8px;grid-area:mini;align-self:center;width:150px;height:52px}@container (width<=640px){.sq-bar{grid-template-columns:auto auto 1fr;grid-template-areas:"skills skills skills""rate ctrl mini";gap:5px}.sq-mini{width:100%;height:40px}}.sq-skill,.sq-tool{background:linear-gradient(180deg, var(--sq-paper), var(--sq-paper-2));min-width:0;min-height:48px;color:var(--sq-ink);font:800 10px/1 var(--sq-font);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #2a180b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px 3px;transition:box-shadow .15s,transform 80ms,background .15s;display:flex;position:relative;box-shadow:0 2px #24150a,inset 0 1px #fffc}.sq-tool{min-width:42px;font-size:18px}.sq-skill:active,.sq-tool:active{transform:translateY(2px);box-shadow:0 0 #24150a,inset 0 1px #fffc}.sq-skill svg,.sq-tool svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sq-skill{color:var(--sq-c,var(--sq-leaf))}.sq-skill span{color:var(--sq-ink)}.sq-skill b{font-variant-numeric:tabular-nums;background:var(--sq-ink);min-width:15px;color:var(--sq-cream);border-radius:6px;padding:1px 3px;font-size:10px;position:absolute;top:2px;right:3px}.sq-skill.sq-on{box-shadow:0 0 0 3px var(--sq-honey), 0 0 14px #f2b632b3, 0 2px 0 #24150a;background:linear-gradient(#fff9e6,#ffe9a8)}.sq-skill.sq-empty{opacity:.4}.sq-tool.sq-on{box-shadow:0 0 0 3px var(--sq-honey), 0 2px 0 #24150a;background:linear-gradient(#fff9e6,#ffe9a8)}.sq-nuke{color:var(--sq-berry)}.sq-nuke.sq-armed{box-shadow:0 0 0 3px var(--sq-berry), 0 0 16px #d2453ab3;animation:.5s ease-in-out infinite alternate sq-throb}@keyframes sq-throb{to{transform:scale(1.08)}}#sq-pause{color:var(--sq-ink)}#sq-pause .sq-ico-play{fill:currentColor;display:none}#sq-pause.sq-on .sq-ico-play{display:block}#sq-pause.sq-on .sq-ico-pause{display:none}#sq-sound{color:var(--sq-leaf);font-size:9px}#sq-sound span{color:var(--sq-ink)}#sq-sound svg{width:20px;height:20px}#sq-sound circle,#sq-sound .sq-ico-spk{fill:currentColor}#sq-sound:not([data-mode=all]) .sq-ico-all,#sq-sound[data-mode=all] .sq-ico-spk,#sq-sound:not([data-mode=sfx]) .sq-ico-sfx,#sq-sound:not([data-mode=off]) .sq-ico-off{display:none}#sq-sound[data-mode=off]{color:var(--sq-ink-soft)}#sq-ff{color:var(--sq-ink)}#sq-ff svg{fill:currentColor;stroke-width:1px}.sq-rate .sq-tool{color:var(--sq-ink);font-weight:900}.sq-rateval{flex-direction:column;justify-content:center;align-items:center;min-width:30px;display:flex}.sq-rateval b{color:var(--sq-honey);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.sq-rateval i{letter-spacing:.06em;color:#d9bf94;font-size:9px;font-style:normal;font-weight:800}.sq-overlay{z-index:20;background:radial-gradient(#1c28148c,#12180cd9);place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.sq-overlay[hidden]{display:none}.sq-panel{text-align:center;width:100%;max-width:360px;color:var(--sq-ink);background:linear-gradient(180deg, var(--sq-paper), var(--sq-paper-2));border:3px solid var(--sq-wood-hi);box-shadow:0 0 0 2px var(--sq-bark), 0 14px 34px #00000073, inset 0 2px 0 #ffffffb3;border-radius:20px;padding:18px;position:relative}#sq-stage .btn{font-family:var(--sq-font);letter-spacing:.02em;color:#fff;text-shadow:0 1px #0000004d;background:linear-gradient(180deg, var(--sq-leaf-hi), var(--sq-leaf) 55%, #4a8226);border:2px solid #2f5a18;border-radius:14px;font-size:1.02rem;font-weight:900;box-shadow:0 3px #2f5a18,inset 0 1px #ffffff73}#sq-stage .btn:active{transform:translateY(2px);box-shadow:0 1px #2f5a18,inset 0 1px #ffffff73}#sq-stage .btn.alt{background:linear-gradient(180deg, #f4a14a, var(--sq-acorn) 55%, #b45a14);border-color:#7a3c0c;box-shadow:0 3px #7a3c0c,inset 0 1px #ffffff73}#sq-stage .btn.ghost{color:var(--sq-ink);text-shadow:none;background:#ffffff8c;border-color:#a07a52;box-shadow:0 3px #a07a52}.sq-wide{justify-content:center;width:100%;margin-top:8px}.sq-wide[hidden]{display:none}.sq-h{font-family:var(--sq-font);letter-spacing:.02em;color:var(--sq-ink);margin:0 0 8px;font-size:clamp(20px,5.5cqw,28px);font-weight:900}.sq-kicker{letter-spacing:.14em;color:var(--sq-acorn);margin:0 0 2px;font-size:12px;font-weight:900}.sq-note{color:var(--sq-ink-soft);margin:8px 0 4px;font-size:.95rem;font-weight:600;line-height:1.35}.sq-big{color:var(--sq-leaf);margin:4px 0;font-size:42px;font-weight:900}.sq-result.sq-lost .sq-big{color:var(--sq-berry)}.sq-chips{flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0;display:flex}.sq-chip{font:800 12px/1.1 var(--sq-font);color:var(--sq-ink);background:#fff9;border:1px solid #c9a97c;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;display:inline-flex}.sq-chip b{color:var(--sq-acorn)}.sq-skillchips .sq-chip{color:var(--sq-c);border-color:color-mix(in srgb, var(--sq-c) 55%, transparent)}.sq-skillchips .sq-chip svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sq-skillchips .sq-chip b{color:var(--sq-ink)}.sq-levelpanel{max-width:560px}.sq-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.sq-lvl{border:2px solid #c9a97c;border-top-width:6px;border-top-color:var(--sq-w,var(--sq-leaf));min-height:64px;color:var(--sq-ink);cursor:pointer;font-family:var(--sq-font);background:#ffffffa6;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.sq-lvl b{color:var(--sq-ink);font-size:19px;font-weight:900}.sq-lvl span{color:var(--sq-ink-soft);font-size:10px;font-weight:700;line-height:1.15}.sq-lvl.sq-done b{color:var(--sq-leaf)}.sq-lvl.sq-done b:after{content:" ✓";font-size:13px}.sq-lvl.sq-next{border-color:var(--sq-acorn);border-top-color:var(--sq-w,var(--sq-leaf));box-shadow:0 0 0 2px #d9731f73}.sq-lvl:disabled{opacity:.4;cursor:default}.sq-lvl.sq-w-forest{--sq-w:var(--sq-leaf)}.sq-lvl.sq-w-autumn{--sq-w:var(--sq-acorn)}.sq-lvl.sq-w-pines{--sq-w:#4f6f7c}.sq-title{background:#24361f;grid-template-rows:auto 1fr auto;grid-template-columns:100%;place-items:start center;padding:0;display:grid;overflow:hidden}.sq-art{position:absolute;inset:0}.sq-art:after{content:"";background:linear-gradient(#141e0c8c,#141e0c00);height:38%;position:absolute;inset:0 0 auto}.sq-art img{object-fit:cover;object-position:50% 70%;width:100%;height:100%}.sq-titlehead{text-align:center;grid-row:1;padding:clamp(14px,6cqh,56px) 12px 0;position:relative}.sq-logo{font-family:var(--sq-font);white-space:nowrap;letter-spacing:.03em;color:#ffb347;background:linear-gradient(#fff6d8 0%,#ffd27a 38%,#f08a24 70%,#b8520f 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #4a2408;filter:drop-shadow(0 4px #3a1c06)drop-shadow(0 6px 10px #00000073);background-clip:text;margin:0;font-size:clamp(38px,13cqw,92px);font-weight:900;line-height:1}.sq-tag{color:var(--sq-cream);background:#2b1b0fb8;border-radius:999px;margin:10px 0 0;padding:5px 14px;font-size:clamp(.85rem,2.4cqh,1.05rem);font-weight:800;display:inline-block}.sq-titlepanel{grid-row:3;align-self:end;width:calc(100% - 24px);margin:12px;padding:12px 16px 16px}.sq-titlepanel>.sq-wide:first-child{margin-top:0}.sq-titlepanel .sq-sm{display:none}.sq-titlepanel>.sq-wide{text-align:center;white-space:nowrap;display:block}@container (orientation:portrait) or (height<=480px){.sq-titlepanel{grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;display:grid}.sq-titlepanel>.sq-wide{margin-top:0;padding:10px 8px}.sq-titlepanel>.sq-wide:first-child{grid-column:1/-1}.sq-titlepanel .sq-lg{display:none}.sq-titlepanel .sq-sm{display:inline}}@container (orientation:portrait){.sq-art img{object-position:50% 100%}.sq-titlepanel{max-width:420px;margin:0 auto 10px}}@container (orientation:landscape) and (width>=480px){.sq-title{place-items:start}.sq-titlehead{text-align:left;max-width:100%;padding-left:clamp(16px,4cqw,48px)}.sq-logo{font-size:clamp(32px,min(8cqw,16cqh),92px)}.sq-titlepanel{place-self:end start;width:min(340px,max(250px,42cqw));max-width:none;margin:0 0 clamp(10px,4cqh,32px) clamp(16px,4cqw,48px)}.sq-art img{object-position:70% 60%}}