:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;--glass:rgba(13,29,34,.74);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#172b31;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button,select,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff30;background:var(--glass);border-radius:24px;min-height:44px;padding:10px 17px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}button:hover{background:#34505c}button:focus-visible,summary:focus-visible{outline:2px solid #e6bf7d;outline-offset:4px}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 32px 70px;background:linear-gradient(#0e20246b,transparent);pointer-events:none;z-index:5}.brand{font-size:19px;font-weight:500;letter-spacing:.22em;text-shadow:0 2px 10px #0008}.brand span{display:block;font-size:10px;letter-spacing:.3em;margin-top:8px;opacity:.7}.top-actions{display:flex;gap:8px;pointer-events:auto;font-size:14px}#settings{font-size:21px;width:44px;padding:0}footer{position:fixed;bottom:0;left:0;right:0;padding:80px 32px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#08171edf);pointer-events:none;z-index:4}.weather-heading{display:flex;align-items:flex-end;justify-content:space-between;max-width:1060px;margin:0 auto 20px;gap:16px}.eyebrow{font-size:10px;letter-spacing:.23em;opacity:.64}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-.02em;margin:7px 0 0}#hint{font-size:12px;opacity:.65;padding-bottom:4px}nav{display:flex;gap:7px;max-width:1060px;margin:auto;pointer-events:auto;overflow-x:auto;scrollbar-width:none;padding:3px 0}nav::-webkit-scrollbar{display:none}nav button{white-space:nowrap;font-size:14px;flex:1;padding:12px 15px;display:flex;gap:9px;align-items:center;justify-content:center;background:#ffffff0b}nav button[aria-pressed=true]{background:#eedfc5;color:#203138;border-color:#eedfc5;box-shadow:0 4px 24px #0002}nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#panel{position:fixed;top:calc(90px + env(safe-area-inset-top));right:24px;width:min(350px,calc(100% - 32px));max-height:calc(100dvh - 240px);overflow:auto;z-index:12;background:#142a32ed;backdrop-filter:blur(20px);padding:23px;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 60px #0004;font-size:14px}h2{font-size:17px;margin:0 0 24px;font-weight:500}label{display:flex;gap:12px;align-items:center;margin:17px 0}input[type=range]{width:100%;accent-color:#e8cfa5}input[type=checkbox]{width:18px;height:18px;accent-color:#e8cfa5}#panel p{line-height:1.6;color:#c1ccd0;font-size:13px}summary{cursor:pointer;margin-top:20px;padding:12px 0;border-top:1px solid #ffffff25}select{max-width:205px;background:#24424e;color:white;border:1px solid #ffffff30;border-radius:8px;padding:8px}.upload{display:block;background:#ffffff15;padding:12px;border-radius:12px;cursor:pointer}.upload input{width:100%;font-size:12px;margin-top:12px}#dpad{position:fixed;bottom:225px;left:30px;z-index:4;display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:3px;opacity:.3;transition:opacity .6s}#dpad:active,#dpad:hover{opacity:.85}#dpad button{border-radius:14px;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;background:#13283180}#dpad button:first-child{grid-column:2}#dpad button:nth-child(2){grid-column:1;grid-row:2}#dpad button:nth-child(3){grid-column:2;grid-row:2}#dpad button:nth-child(4){grid-column:3;grid-row:2}#dpad button:last-child{grid-column:2;grid-row:3}#dpad[hidden]{display:none}#cinema{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity 1.5s;z-index:2;background:transparent}#cinema.visible{opacity:1}#skip{position:fixed;left:50%;top:calc(100px + env(safe-area-inset-top));transform:translateX(-50%);z-index:6;font-size:14px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#172b31;font-family:Georgia,serif;font-size:24px;z-index:20;transition:opacity 1s}#notice{position:fixed;top:calc(95px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#18313dd9;border-radius:16px;font-size:13px;padding:9px 16px;pointer-events:none;opacity:0;transition:opacity .4s;z-index:15;max-width:90%;text-align:center}#notice.show{opacity:1}body.cinematic #dpad{opacity:.3}@media(max-width:600px){header{padding:calc(20px + env(safe-area-inset-top)) 20px 60px}.brand{font-size:15px;letter-spacing:.18em}.brand span{font-size:8px;letter-spacing:.24em}.top-actions button{font-size:12px;padding:8px 12px}footer{padding:80px 20px calc(20px + env(safe-area-inset-bottom))}h1{font-size:31px}#hint{max-width:110px;font-size:11px;line-height:1.7;text-align:right}nav{margin-right:-20px;padding-right:20px}nav button{font-size:13px;padding:11px 14px;min-height:46px}.weather-heading{margin-bottom:16px}#dpad{bottom:calc(188px + env(safe-area-inset-bottom));left:20px;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px}#dpad button{min-height:40px}#panel{right:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}