@font-face{font-family:Serene;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#d5ded6;color:#193b35;font-family:Arial,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #edb866;outline-offset:5px}button{border:0;background:transparent}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;z-index:3;top:max(28px,env(safe-area-inset-top));left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center}#brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:22px;letter-spacing:-1px}#brand img{width:46px;height:46px}#brand b{font-weight:400}#brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.topright{display:flex;align-items:center;gap:26px;font-size:12px;letter-spacing:2px}.topright button{font-size:12px;letter-spacing:0;border:1px solid #345a4a40;border-radius:30px;padding:10px 15px}#weather{font-size:10px;letter-spacing:2.5px}.panel{position:absolute;z-index:2;left:9%;top:22%;width:350px}.eyebrow{font-size:10px;letter-spacing:2.5px;display:flex;align-items:center;gap:10px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#718c63}h1{font:normal clamp(65px,7.5vw,110px)/.98 Georgia,serif;letter-spacing:-5px;margin:23px 0 22px}h1 em{font-weight:normal;color:#527864}.intro{font-size:14px;line-height:1.8;color:#4d655c;margin-bottom:27px}.modes{display:flex;gap:4px;margin:0 0 13px;background:#f1f3e537;border:1px solid #32594c24;border-radius:9px;padding:4px}.modes button{font-size:12px;padding:10px 8px;border-radius:5px;flex:1}.modes .selected{background:#f9f8e9bb;box-shadow:0 2px 7px #203e3512}.primary{background:#214d3e;color:#fcf7df;border-radius:8px;padding:17px 22px;width:100%;font-size:15px;text-align:left;box-shadow:0 7px 20px #23433120}.primary span{float:right}.primary:hover{background:#30664e}.subactions{display:flex;justify-content:space-between;margin-top:12px}.subactions button{font-size:12px;padding:10px 0;color:#3e5b4f}.subactions span{margin-left:15px}.hint{font-size:9px;line-height:1.8;letter-spacing:.7px;color:#587266;margin-top:23px}footer{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px}footer i{margin:0 15px;opacity:.3}#skies{display:flex;gap:16px}#skies button{font-size:11px;color:#516d60;padding:6px;letter-spacing:1px}#skies .selected{border-bottom:1px solid}#hud{position:absolute;inset:95px 6% auto;display:flex;gap:35px;pointer-events:none}.stat{min-width:145px;background:#eff0dfb0;backdrop-filter:blur(12px);padding:14px 18px;border-radius:12px;color:#294c3e}.stat strong{font:30px Georgia,serif;display:block}.stat small{font-size:10px;letter-spacing:1px}.bar{height:4px;background:#31574120;margin:10px 0 5px;border-radius:4px;overflow:hidden}.bar i{display:block;background:#b98139;height:100%;transition:width .1s}#controls{position:absolute;inset:0;pointer-events:none;z-index:2}.controlset{position:absolute;left:5%;right:5%;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.controlset button{pointer-events:auto;background:#eef0dc9c;backdrop-filter:blur(8px);border:1px solid #4b685c30;border-radius:50px;min-width:80px;min-height:58px;padding:12px 21px;font-size:12px;color:#244b3d}.controlset button:active{background:#eedb9d}.controlset .sprint{min-width:140px}.rightcontrols{display:flex;gap:12px}#toast{position:absolute;z-index:6;top:21%;left:50%;transform:translateX(-50%);padding:12px 25px;background:#fcf4dbe8;color:#41593d;border-radius:30px;font:italic 17px Georgia,serif;opacity:0;transition:opacity .5s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}dialog{border:1px solid #d2d9c4;border-radius:18px;background:#f4f1e3;color:#264b3e;padding:36px;max-width:510px;width:calc(100% - 32px);box-shadow:0 30px 100px #162e3d30;max-height:90vh;overflow:auto}dialog::backdrop{background:#193c3a50;backdrop-filter:blur(6px)}dialog h2{font:38px Georgia,serif;letter-spacing:-1px;margin:0 0 12px}dialog p{font-size:14px;line-height:1.7;color:#5c6a5b}#close{position:absolute;right:15px;top:10px;font-size:25px}.option{width:100%;display:block;text-align:left;border:1px solid #2e54362b;padding:16px;margin:12px 0;border-radius:9px}.option.selected{background:#dae4cc}.option small{display:block;font-size:12px;margin-top:7px;color:#65735e}.scoreline{display:flex;justify-content:space-between;border-bottom:1px solid #254f3520;padding:14px 0;font-size:14px}.secondary{width:100%;padding:15px;margin-top:10px;border:1px solid #31574150;border-radius:8px}.night{color:#e1e6ce}.night .intro,.night .hint,.night .subactions button,.night #skies button{color:#d3ddce}.night h1 em{color:#b5cda4}.night .modes{color:#dce6d7}.night .modes .selected{color:#294637}.night .topright button{border-color:#d3ddce50}@media(max-height:620px) and (min-width:700px){header{top:17px}.panel{top:20%;width:300px}h1{font-size:62px;margin:14px 0}.intro{margin:0 0 12px;font-size:12px}.hint{margin-top:8px}.primary{padding:12px 20px}.subactions{margin-top:3px}.modes button{padding:8px}.eyebrow{font-size:8px}footer{bottom:15px}}@media(max-width:699px){header{top:max(20px,env(safe-area-inset-top))}.topright{gap:8px}#weather{display:none}#brand{font-size:19px}#brand img{width:36px}.panel{left:7%;top:19%;width:86%;max-width:350px}h1{font-size:74px}.intro{font-size:13px}footer>span:last-child{display:none}footer{font-size:8px}#skies{gap:8px}.hint{font-size:8px}.controlset button{min-width:64px;padding:10px 15px}.controlset .sprint{min-width:100px}#hud{top:84px;gap:8px;left:5%;right:5%}.stat{min-width:110px;padding:10px 14px}.stat strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#brand img{border-radius:11px;object-fit:cover}.networkButton{font-size:11px;padding:0;color:inherit;opacity:.8;margin-top:0}dialog label{display:block;font-size:12px;margin:14px 0}dialog input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #59735455;background:#fffdf1;border-radius:7px;font:14px Arial;color:#264b3e;user-select:text;touch-action:auto}.joinline{display:flex;gap:10px;align-items:center}.joinline input{width:50%}.joinline button{width:50%}