:root{--text:#000;--background:#fff;--text-alt:#fff;--background-alt:#000}html{font-family:monospace;font-size:16px}body{height:100dvh;margin:0;padding:0;font-size:16px;overflow:hidden}*,:after,:before{box-sizing:border-box;font-family:monospace}canvas{background:#000}@media (prefers-color-scheme:dark){:root{--text:#fff;--background:#000;--text-alt:#000;--background-alt:#fff}}.text-color{color:var(--text)}.background-color{background-color:var(--background)}.text-color-alt{color:var(--text-alt)}.background-color-alt{background-color:var(--background-alt)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:0%;outline:none;width:16em;height:3em;padding:4px 16px;font-size:16px;font-weight:700;animation:.4s linear grow,2s ease-in-out infinite pulse;position:absolute;top:0%;left:0%;transform:translate(-50%)translateY(-50%);box-shadow:0 2px 10px #0000004d}.animated-button:hover{animation-play-state:paused}.animated-button:before{content:"";background-color:#0000;border-radius:0%;width:16em;height:3em;animation:2s linear infinite active;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #000}@-webkit-keyframes grow{0%{-webkit-transform:scale(.1)}to{-webkit-transform:scale(1)}}@keyframes grow{0%{transform:scale(.1)}to{transform:scale(1)}}@-webkit-keyframes active{0%{opacity:1;-webkit-transform:scale(.1)}70%{opacity:1;-webkit-transform:scale(2.5)}95%{opacity:1}to{opacity:0}}@keyframes active{0%{opacity:1;transform:scale(.1)}70%{opacity:0;transform:scale(2.5)}to{opacity:0}}input:focus-visible{border-radius:0!important}button{cursor:pointer}.points-animation{color:#32cd32;font-size:24px;animation:1s forwards fade-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fade-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.home-world{color:#f2e8b8;-webkit-user-select:none;user-select:none;background:#030403;width:100vw;height:100dvh;position:relative;overflow:hidden}.world-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair;position:absolute;inset:0}.world-hud,.world-links,.world-pad button{color:#f2e8b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050705c7;border:1px solid #f2e8b861;box-shadow:0 0 0 1px #000000bf}.world-hud{z-index:2;text-align:left;text-transform:uppercase;border-radius:6px;grid-template-columns:auto auto;gap:4px 14px;max-width:calc(100vw - 28px);padding:8px 10px;font-size:11px;line-height:1.2;display:grid;position:absolute;top:14px;left:14px}.world-hud strong{color:#ffcf6a;letter-spacing:0;grid-column:1/-1;font-size:12px}.world-links{z-index:2;border-radius:6px;width:96px;position:absolute;top:14px;right:14px;overflow:hidden}.world-links a,.world-links button{width:100%;color:inherit;text-align:center;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:8px 10px;font-size:11px;line-height:1;text-decoration:none;display:block}.world-links a:hover,.world-links a:focus-visible,.world-links button:hover,.world-links button:focus-visible,.world-pad button:hover,.world-pad button:focus-visible{color:#030403;background:#f2e8b8;outline:none}.world-log{z-index:2;color:#dfd6a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:left;background:#050705b8;border:1px solid #f2e8b847;border-radius:8px;gap:5px;width:260px;max-width:calc(100vw - 28px);padding:9px 10px;font-size:10px;line-height:1.35;display:grid;position:absolute;top:82px;right:14px;box-shadow:0 0 0 1px #000000bf}.world-log strong{color:#ffcf6a;font-size:inherit;line-height:inherit;text-transform:uppercase}.world-log p{margin:0 0 4px}.world-nearby{z-index:3;color:#ffcf6a;text-align:center;text-transform:uppercase;background:#050705d1;border:1px solid #ffcf6a80;border-radius:8px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:8px 11px;font-size:11px;line-height:1.2;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006,0 0 0 1px #000}.world-interact{color:#030403;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffcf6a;border:1px solid #ffcf6ab3;border-radius:6px;flex-shrink:0;padding:5px 8px;font-size:10px;font-weight:800}.world-interact:hover,.world-interact:focus-visible{background:#fff2a8;outline:none}.world-quest-acts{gap:3px;margin:0 0 6px;padding:0;list-style:none;display:grid}.world-quest-acts li{grid-template-columns:14px 1fr;align-items:start;gap:6px;display:grid}.world-quest-acts li.is-current{color:#fff2a8}.world-quest-acts li.is-done{opacity:.62}.world-quest-direction,.world-quest-rumor,.world-quest-blessing,.world-quest-memory{margin:0 0 4px}.world-quest-direction{color:#9ee7ff;font-weight:700}.world-quest-blessing{color:#f6a6ff}.world-quest-memory{color:#d7c4ff}.world-ending{z-index:5;background:#030403b8;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.world-ending-card{color:#f2e8b8;text-align:left;background:#050705f0;border:1px solid #f2e8b88c;border-radius:8px;gap:12px;width:min(520px,100%);padding:18px;font-size:13px;line-height:1.45;display:grid;box-shadow:0 16px 50px #0000008c,0 0 0 1px #000}.world-ending-card p{margin:0}.world-ending-actions{gap:8px;display:grid}.world-ending-card button{color:#ffcf6a;text-align:left;cursor:pointer;background:#ffcf6a24;border:1px solid #ffcf6a8c;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.world-ending-card button:hover,.world-ending-card button:focus-visible{color:#030403;background:#ffcf6a;outline:none}.world-pad-interact{border-radius:12px;grid-area:3/2;width:52px;height:52px;font-size:18px;font-weight:900;line-height:1}.world-pad-interact:disabled{opacity:.35;cursor:not-allowed}.world-encounter{z-index:4;background:#03040357;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.world-encounter-card{color:#f2e8b8;text-align:left;background:#050705eb;border:1px solid #f2e8b88c;border-radius:8px;width:min(560px,100%);padding:16px;box-shadow:0 16px 50px #0000008c,0 0 0 1px #000}.world-encounter-sketch{width:max-content;max-width:100%;color:var(--encounter-accent,#ffcf6a);text-align:center;text-shadow:0 0 16px color-mix(in srgb, var(--encounter-accent,#ffcf6a) 34%, transparent);margin:0 auto 14px;font-size:16px;font-weight:900;line-height:1.05}.world-encounter-text{color:#e6dfb5;gap:8px;font-size:13px;line-height:1.42;display:grid}.world-encounter-text p{margin:0}.world-encounter-lore{color:#c8e8ff;border-left:2px solid #9ee7ff8c;padding:8px 10px;font-style:italic}.world-encounter-text strong{color:#ffcf6a;font-size:inherit;line-height:inherit;text-transform:uppercase}.world-encounter-choices{gap:8px;margin-top:16px;display:grid}.world-encounter-choices button{color:#f2e8b8;text-align:left;background:#f2e8b814;border:1px solid #f2e8b873;border-radius:6px;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;min-height:42px;padding:8px 10px;font-size:13px;line-height:1.2;display:grid}.world-encounter-choices b{color:#030403;background:#f2e8b8;place-items:center;width:26px;height:26px;display:inline-grid}.world-encounter-choices button:hover,.world-encounter-choices button:focus-visible,.world-encounter-choices button.is-selected{color:#030403;background:#f2e8b8;outline:none}.world-toast{z-index:3;color:#e6dfb5;background:#050705db;border:1px solid #f2e8b86b;border-radius:8px;gap:5px;width:min(360px,100vw - 196px);padding:10px 12px;font-size:12px;line-height:1.35;animation:.22s ease-out world-toast-in;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 12px 32px #00000073,0 0 0 1px #000}.world-toast strong{color:#ffcf6a;font-size:inherit;line-height:inherit;text-transform:uppercase}@keyframes world-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.world-pad{z-index:2;grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:8px;display:grid;position:absolute;bottom:14px;left:14px}.world-pad button{text-align:center;touch-action:none;border-radius:12px;place-items:center;width:52px;height:52px;padding:0;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform 90ms;display:grid;position:relative}.world-pad button:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:9px;position:absolute;inset:5px}.world-pad button:active{transform:translateY(2px)scale(.96);box-shadow:0 0 18px #ffcf6a47,0 0 0 1px #000000bf}.world-pad-icon{fill:currentColor;filter:drop-shadow(0 1px #0000008c);transform-origin:50%;width:24px;height:24px}.world-pad-up{grid-area:1/2}.world-pad-left{grid-area:2/1}.world-pad-down{grid-area:2/2}.world-pad-right{grid-area:2/3}@media (width<=560px){.world-hud{grid-template-columns:1fr;gap:3px;padding:7px 8px;top:10px;left:10px}.world-links{top:10px;right:10px}.world-log{width:min(220px,100vw - 154px);max-height:150px;top:auto;bottom:10px;right:10px;overflow:hidden}.world-pad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);gap:6px;bottom:10px;left:10px}.world-pad button{width:46px;height:46px}.world-pad-icon{width:21px;height:21px}.world-toast{width:auto;bottom:174px;left:10px;right:10px}.world-nearby{flex-direction:column;bottom:158px}.world-pad-interact{width:46px;height:46px}}:root{--bg:#000;--fg:#fff;--accent:red;--muted:#666;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100dvh;color:var(--fg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0;overflow:hidden}a{color:inherit}.game-shell{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.game-hud{z-index:10;pointer-events:none;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:flex-start;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.game-hud a,.game-hud button{pointer-events:auto}.game-hud-score{font-size:20px;font-weight:700}.game-hud-title{opacity:.6;text-align:right;max-width:50%}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.game-overlay{z-index:20;text-align:center;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.game-overlay h2{color:red;margin:0 0 8px;font-size:14px;font-weight:400}.game-overlay .big-score{margin:16px 0;font-size:48px;font-weight:700}.game-btn{appearance:none;color:#000;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #fff;margin:4px;padding:10px 20px;font-family:inherit;font-size:12px;font-weight:700}.game-btn.ghost{color:#fff;background:0 0}.game-hint{text-align:center;opacity:.5;pointer-events:none;z-index:5;padding:0 16px;font-size:10px;position:absolute;bottom:12px;left:0;right:0}.home-page{background:#000;height:100dvh;padding:24px 16px 48px;overflow-y:auto}.home-page h1{text-transform:uppercase;letter-spacing:.2em;margin:0 0 4px;font-size:14px;font-weight:400}.home-page p.sub{opacity:.5;margin:0 0 24px;font-size:11px}.game-list{margin:0;padding:0;list-style:none}.game-list li{border-bottom:1px solid #222}.game-list a{align-items:baseline;gap:12px;padding:12px 0;font-size:13px;text-decoration:none;display:flex}.game-list a:hover{color:red}.game-list .num{opacity:.35;min-width:24px;font-size:11px}.touch-controls{z-index:8;pointer-events:none;justify-content:space-between;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-btn{pointer-events:auto;color:#fff;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff4d;border-radius:50%;width:64px;height:64px;font-family:inherit;font-size:20px}.touch-btn:active{background:#ff00004d}.game-hud-back{opacity:.7;pointer-events:auto;font-size:11px;text-decoration:none}.game-hud-right{text-align:right}.game-over-modal{z-index:20;color:#ff0;text-transform:uppercase;background:#000;flex-direction:column;justify-content:space-between;padding:16px 0 8px;display:flex;position:absolute;inset:0;overflow-y:auto}.game-over-main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:0 16px;display:flex}.game-over-label{color:red;margin:0 0 16px;font-size:16px;font-weight:400}.game-over-score-box{color:#000;background:#fff;margin-bottom:16px;padding:8px 24px;transform:rotate(-4deg)}.game-over-score-label{margin:0 0 2px;font-size:10px}.game-over-score-value{margin:8px 0 0;font-size:clamp(40px,12vw,64px);font-weight:700;line-height:.9}.game-over-username{justify-content:center;align-items:flex-end;gap:0;width:100%;max-width:500px;margin-bottom:16px;display:flex}.game-over-username label{align-items:center;padding-right:8px;font-size:10px;display:flex}.game-over-username label span{padding-right:8px}.game-over-username input{text-transform:uppercase;color:#ff0;background:0 0;border:1px solid #ff0;width:12ch;max-width:100%;padding:8px;font-family:inherit;font-size:24px;font-weight:700}.game-over-username button{appearance:none;color:#000;cursor:pointer;background:#ff0;border:0;height:46px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700}.game-over-actions{color:#0f0;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.game-over-actions p{margin:0;font-size:14px}.game-over-leaderboards{color:#fd0;width:100%;max-width:512px;margin:0 auto;padding:0 16px}.game-over-lb-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.game-over-lb-grid h5{color:#000;background:#fd0;margin:0;padding:2px 4px;font-size:12px}.game-over-lb-grid ol{max-height:120px;margin:16px 0 0;padding:0;font-size:12px;line-height:1.55;list-style:none;overflow-y:auto}.game-over-lb-grid li{border-bottom:1px solid #ffd70059;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;font-size:10px;display:flex}.game-over-lb-grid li b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-over-lb-grid li b span{opacity:.5;width:16px;margin-right:4px;display:inline-block}.game-over-lb-empty{opacity:.4;margin:16px 0 0;font-size:10px}.game-over-footer{text-align:center;padding:8px 0}.game-over-footer small{color:#777;font-size:10px}