:root{--wood: #B9773F;--wood-lt: #D49352;--wood-dk: #6E3F1C;--leaf: #5FB341;--leaf-dk: #2F7A1E;--leaf-lt: #A6DC7A;--cream: #FFF6DF;--cream-dk: #F1E1B8;--ink: #4A2C14;--ink-soft: #7A5636;--sun: #FFC93C;--sun-dk: #C98A0B;--berry: #E9465A;--berry-dk: #9E1F30;--display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8ccb5e;font-family:var(--body);color:var(--ink)}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}.sr{position:absolute;left:-9999px}[hidden]{display:none!important}.stroke{-webkit-text-stroke:5px var(--wood-dk);paint-order:stroke fill;color:#fff;text-shadow:0 3px 0 var(--wood-dk)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#2f5e1c66;overflow-y:auto}.modal{width:min(440px,100%)}.plank{position:relative;z-index:2;margin:0 auto -18px;width:min(320px,86%);text-align:center;padding:6px 16px 10px;background:repeating-linear-gradient(90deg,transparent 0 46px,#0001 46px 48px),linear-gradient(var(--wood-lt),var(--wood));border:4px solid var(--wood-dk);border-radius:14px 14px 22px 22px;box-shadow:0 5px 0 var(--wood-dk)}.plank h1{margin:0;font-family:var(--display);font-weight:800;font-size:32px;line-height:1.15}.frame{background:var(--leaf);border:4px solid var(--leaf-dk);border-radius:26px;padding:32px 12px 14px;box-shadow:0 8px 0 var(--leaf-dk),inset 0 4px 0 var(--leaf-lt)}.tabs{display:flex;gap:6px;padding:0 8px}.tab{flex:1;font-family:var(--display);font-weight:800;font-size:17px;padding:7px 8px 5px;cursor:pointer;border:3px solid var(--leaf-dk);border-bottom:0;border-radius:14px 14px 0 0;background:var(--leaf-lt);color:#fff;-webkit-text-stroke:3px var(--leaf-dk);paint-order:stroke fill;transform:translateY(4px)}.tab[aria-selected=true]{background:var(--cream);color:var(--ink);-webkit-text-stroke:0;transform:none}.body{background:var(--cream);border:3px solid var(--leaf-dk);border-radius:18px;padding:16px;display:grid;gap:12px}.field{display:grid;gap:4px;font-weight:800;font-size:14px}.field input,.chat input{font:700 16px var(--body);color:var(--ink);padding:10px 12px;border-radius:12px;border:3px solid var(--cream-dk);background:#fff;width:100%;min-width:0}.field input[aria-invalid=true]{border-color:var(--berry)}.error{margin:0;color:var(--berry-dk);font-weight:800;font-size:14px}.hint{margin:0;color:var(--ink-soft);font-weight:700;font-size:13px;text-align:center}input:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.btn{font-family:var(--display);font-weight:800;font-size:19px;border-radius:16px;padding:8px 22px 6px;cursor:pointer;color:#fff;-webkit-text-stroke:4px var(--c-dk);paint-order:stroke fill;border:3px solid var(--c-dk);background:var(--c);box-shadow:0 5px 0 var(--c-dk),inset 0 3px #fff6;transition:transform .08s,box-shadow .08s;white-space:nowrap}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--c-dk),inset 0 3px #fff6}.btn:disabled{filter:saturate(.4);cursor:wait}.btn.sm{font-size:15px;padding:4px 12px 2px;border-radius:12px;-webkit-text-stroke:3px var(--c-dk)}.btn.wide{width:100%}.g{--c: var(--leaf);--c-dk: var(--leaf-dk)}.y{--c: var(--sun);--c-dk: var(--sun-dk)}.r{--c: var(--berry);--c-dk: var(--berry-dk)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}.hud-top>*{pointer-events:auto}.hud-top .sp{flex:1}.pill{display:flex;align-items:center;gap:6px;background:#3d2410d9;border:3px solid var(--wood-dk);border-radius:999px;padding:3px 12px;font-family:var(--display);font-weight:800;color:#fff;font-size:16px;font-variant-numeric:tabular-nums}.dot{width:10px;height:10px;border-radius:50%;background:#43d15b;display:inline-block}.hud-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;pointer-events:none;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hud-bottom>*{pointer-events:auto}.emotes{display:flex;gap:6px;flex-wrap:wrap;justify-self:start}.chat{display:flex;gap:6px;max-width:520px}.toast{position:absolute;top:64px;left:50%;transform:translate(-50%);background:var(--cream);border:3px solid var(--wood-dk);border-radius:14px;padding:8px 14px;font-weight:800;box-shadow:0 4px 0 var(--wood-dk);max-width:calc(100% - 32px)}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.pill b{font-weight:800}.pill.lv{gap:8px}.xp{display:inline-block;width:64px;height:10px;border-radius:6px;background:#fff3;overflow:hidden;border:2px solid #0004}.xp>i{display:block;height:100%;width:0;background:var(--sun);transition:width .3s}.chatbar{display:grid;gap:8px}.toolbar{display:flex;gap:6px;overflow-x:auto;justify-self:center;max-width:100%;padding:6px;background:#3d2410d9;border:3px solid var(--wood-dk);border-radius:18px;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool{flex:none;display:grid;justify-items:center;gap:0;min-width:64px;padding:4px 6px 3px;cursor:pointer;background:var(--cream);border:3px solid var(--wood-dk);border-radius:12px;box-shadow:0 3px 0 var(--wood-dk);font:800 12px var(--body);color:var(--ink)}.tool b{font-size:22px;line-height:1.1}.tool span{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool:active{transform:translateY(2px);box-shadow:0 1px 0 var(--wood-dk)}.tool[aria-pressed=true]{background:var(--sun)}.modal.wide{width:min(560px,100%)}.plank h2{margin:0;font-family:var(--display);font-weight:800;font-size:26px;line-height:1.2}.frame{position:relative}.close{position:absolute;top:-14px;right:-8px;font-size:16px;padding:2px 10px 0}.panel-body{max-height:min(62vh,560px);overflow-y:auto;gap:10px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.card{display:grid;gap:2px;align-content:start;text-align:left;padding:8px 10px;border-radius:14px;background:#fff;border:3px solid var(--cream-dk);font:700 13px var(--body);color:var(--ink)}button.card{cursor:pointer}.card[aria-pressed=true]{border-color:var(--leaf-dk);background:#effbe6}.card[disabled],.card.locked{opacity:.55;cursor:not-allowed}.card.done{border-color:var(--leaf)}.card .ic{font-size:28px;line-height:1.1}.card .nm{font:800 16px var(--display)}.card .meta{color:var(--ink-soft);font-size:12px}.card .row{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.sec{margin:4px 0 0;font:800 17px var(--display)}.note{margin:0;color:var(--ink-soft);font-weight:700;font-size:13px}.era-bar{display:grid;gap:4px;padding:10px;border-radius:14px;background:#fff;border:3px solid var(--cream-dk)}.toast{z-index:30}