:root{color-scheme:dark;--ink:#fbf1d7;--muted:#d2ddbd;--panel:#183d36;--line:#809773;--gold:#ecc778}*{box-sizing:border-box}body{margin:0;background:#234a46;color:var(--ink);font:14px system-ui,sans-serif}button,label{font:inherit;color:var(--ink);background:#2c5042;border:1px solid #819779;border-radius:9px;padding:9px 12px;cursor:pointer}button:hover,label:hover{background:#3c6250}button:focus-visible,label:focus-within{outline:3px solid #ffdf93;outline-offset:2px}button.active{background:var(--gold);color:#243b30;border-color:var(--gold)}#world{width:100vw;height:100dvh;display:block;touch-action:none}header{position:absolute;top:18px;left:22px;right:22px;pointer-events:none;display:grid;grid-template-columns:1fr auto;gap:3px 15px}h1{font:italic 31px Georgia;margin:0;text-shadow:0 2px 10px #173a35}#clock{grid-column:1;color:var(--muted)}#resources{grid-column:2;grid-row:1/3;text-align:right;font-size:14px;line-height:1.8;background:#183d36ed;padding:6px 12px;border-radius:12px}#time{position:absolute;top:100px;left:22px;display:flex;gap:5px}#time button{padding:7px 11px}footer{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(94%,800px);border:1px solid var(--line);background:#183d36f5;border-radius:17px;padding:11px 12px;box-shadow:0 10px 40px #0004}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}nav button{flex:0 0 auto;min-width:82px;padding:8px}nav b{display:block;font-size:21px;font-weight:400}nav span{display:block;font-size:12px}#goal{color:#efcf87;font-size:12px;margin:0 0 7px}#message{font-size:12px;min-height:18px;color:#e1e7cd;margin-top:5px}#detail{position:absolute;right:20px;top:142px;max-width:270px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px}h2{font:22px Georgia;margin:0 28px 9px 0}#dtext{line-height:1.6;margin:0;color:#e0e6cb}#closedetail{position:absolute;right:8px;top:8px;padding:2px 8px}#filebar{position:absolute;top:145px;left:22px;background:var(--panel);padding:10px;border-radius:12px;z-index:2}#filebar button,#filebar label{display:inline-block;margin:3px}input[type=file]{width:1px;height:1px;position:absolute;opacity:0}@media(max-width:600px){header{top:12px;left:14px;right:14px}h1{font-size:26px}#clock{font-size:11px}#resources{font-size:11px;padding:5px 8px}#time{left:14px;top:92px}footer{padding:9px;width:96%}nav button{min-width:73px;padding:7px 5px}nav span{font-size:11px}#detail{top:135px;right:12px;max-width:240px}#message{font-size:11px}#goal{font-size:11px}#filebar{left:12px;top:133px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
