@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-ext-400-normal-DBkYO1u-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-thai-500-normal-BrMc1XKn.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-500-normal-DQcnnbdd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-ext-500-normal-n470B0cW.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-ext-600-normal-BXI6PlF4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-thai-700-normal-0moayseG.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-700-normal-Ct-BCS9V.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-ext-700-normal-BKYUUsrV.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-ui:"IBM Plex Sans Thai","Thonburi","Leelawadee UI",Arial,sans-serif}body{font-synthesis:none}button,input,select,textarea,kbd,code,pre{font-family:var(--font-ui)}:root{--hud-bg:#0f171ff5;--hud-border:#a6c0ca29;--hud-muted:#a0b2bd;--hud-accent:#b9e58d;--dockH:146px;--topH:84px;--noticeH:0px;--edge:16px}body.ingame button{color:#e8eff0;transition:background .15s,border-color .15s}body.ingame button:focus-visible{outline-offset:3px;outline:2px solid #b9e58d}body.ingame .panel{border:1px solid var(--hud-border);background:var(--hud-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 8px 32px #0003}body.ingame #top{top:var(--edge);left:var(--edge);right:var(--edge);z-index:5;flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:12px;display:grid;position:fixed}#res{scrollbar-width:thin;scrollbar-color:#53636b transparent;flex-wrap:nowrap;order:0;align-items:center;gap:0;min-width:0;padding:8px 10px;display:flex;overflow-x:auto}.r{border-radius:9px;flex:1 0 auto;align-items:flex-start;gap:4px;padding:5px 10px;line-height:1.2}.r .v{align-items:baseline;gap:5px}.r b{font-size:16px}.r .lb{color:var(--hud-muted);letter-spacing:.3px;font-size:10px;display:block}.r i{font-size:10px;display:inline}.r.warn{background:#a866221c;border-color:#d8894f;animation:none}.r i.neg{color:#ffac83}#clock{flex-direction:row;order:0;justify-content:center;align-items:center;gap:7px;min-width:0;max-width:none;padding:10px 14px;display:flex}.clock-main{flex:1;min-width:0}#dayTxt{gap:8px;font-size:12px}#dirTxt{color:#e6bc79;font-size:10px}#bar{height:4px;margin:7px 0 5px}#barMark{height:10px;top:-4px}#playback{align-items:center;gap:3px;display:flex}#playback button{background:#ffffff07;border:1px solid #0000;border-radius:7px;min-width:28px;height:30px;padding:2px 5px;font-size:11px}#playback .on{color:var(--hud-accent);background:#b9e58d14;border-color:#b9e58d55}#playback #bPause{border-color:var(--hud-border);margin-right:5px}body.ingame #dock{bottom:var(--edge);z-index:6;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;width:min(1180px,100vw - 32px);padding:10px;display:grid;position:fixed;left:50%;transform:translate(-50%)}body.ingame #mbar{z-index:auto;flex-direction:row;align-items:center;gap:4px;width:auto;display:flex;position:static}#mbar button{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-width:64px;height:36px;padding:4px 9px;font-size:12px;display:flex}#mbar button span{font-size:15px}#mbar button:hover{background:#ffffff0b}#mbar button[aria-expanded=true]{color:var(--hud-accent);background:#b9e58d15;border-color:#b9e58d44}#bLobby:before{content:none}#bLobby{font-size:12px}#bPanels.has-event:after{width:16px;height:16px;font-size:11px;line-height:16px;top:-3px;right:-3px}#buildTabs[hidden]{display:none}#buildTabs{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.dock-label{letter-spacing:.8px;color:var(--hud-muted);margin-right:8px;font-size:10px}#buildTabs button{color:var(--hud-muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:none;padding:7px 10px;font-size:12px}#buildTabs button[aria-pressed=true]{color:#edf3f4;background:#ffffff10}#build,#visit{scrollbar-width:thin;scrollbar-color:#53636b transparent;border:0;grid-column:1/-1;align-items:center;gap:7px;width:auto;min-width:0;max-width:none;padding:0;position:static;bottom:auto;left:auto;right:auto;overflow-x:auto;transform:none}#build .bsep{display:none}.bb{background:#ffffff05;border:1px solid #ffffff0b;border-radius:11px;gap:4px;width:76px;height:80px;padding:5px 3px;font-size:11px;line-height:1.2;transition:background .15s}.bb kbd{color:#b2c0c866;font-size:9px;display:block;top:5px;left:6px}.bb:hover{background:#ffffff10}.bb.sel{border-color:var(--hud-accent);background:#b9e58d17}.bb.no{opacity:.65}.bb.lock{opacity:.45}.bb.lock:after{font-size:9px;top:5px;right:5px}.bb .em{height:42px;font-size:27px}.bb[hidden]{display:none}#visit{flex-wrap:nowrap;justify-content:center;min-height:80px;padding:8px}#visit .big{flex-shrink:0;padding:8px 12px;font-size:13px}#visit .lbl{max-width:180px;font-size:11px}#visit .vt{display:inline}#visit .vp{display:none}body.visiting #dock{grid-template-columns:1fr}body.visiting #mbar{justify-content:center}body.ingame #left,body.ingame #chat{width:min(380px,100vw - 28px);max-width:none;height:100dvh;max-height:none;padding:0 18px max(18px,env(safe-area-inset-bottom));border:0;border-right:1px solid var(--hud-border);overscroll-behavior:contain;pointer-events:auto;visibility:hidden;z-index:21;background:#111b24;border-radius:0;flex-direction:column;gap:14px;transition:transform .22s,visibility .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:18px 0 80px #0006;display:flex!important}body.ingame.panels #left,body.ingame.chat #chat{visibility:visible;transition:transform .22s;transform:translate(0)}#sidebarHead,#chatHead{padding:max(18px,env(safe-area-inset-top)) 0 16px;z-index:2;border-bottom:1px solid var(--hud-border);background:#111b24;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}#sidebarHead h2,#chatHead h2{letter-spacing:.2px;margin:0;font-size:18px}#sidebarHead #bPanelsX,#chatHead #bChatX{border:1px solid var(--hud-border);background:#ffffff08;border-radius:9px;width:36px;height:36px;padding:0;font-size:18px;display:block;position:static}#left>.panel{border:1px solid var(--hud-border);box-shadow:none;background:#ffffff04;border-radius:12px;flex-shrink:0;padding:14px}#obj h3,#room h3,#quests h3{color:#e3eacf;margin-bottom:10px;font-size:14px}#lvlReqs .rq,#quests .qs{margin:7px 0}#ctrl h3{color:var(--hud-muted);margin:0 0 8px;font-size:12px}#bHelp,#bMute{display:inline-block}#ctrl button{min-height:40px}#sidebarBackdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;background:#030a1266;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:0}body.ingame.panels #sidebarBackdrop,body.ingame.chat #sidebarBackdrop{opacity:1;visibility:visible;pointer-events:auto}body.ingame #chat{overflow:hidden}#chatLog,#wchatLog{overflow-wrap:anywhere;overscroll-behavior:contain;flex:1;gap:12px;min-height:0;max-height:none;font-size:14px}#chatLog[hidden],#wchatLog[hidden]{display:none}#chatLog>div,#wchatLog>div{background:#ffffff05;border-radius:9px;padding:9px 11px}#chatLog .sys{background:0 0;padding:4px 0;font-size:12px}#chatTabs{flex-shrink:0;gap:6px;padding-top:12px}#chatTabs button{border:1px solid #0000;border-radius:9px;min-height:38px;font-size:13px}#chatTabs button[aria-selected=true]{color:var(--hud-accent);background:#b9e58d15;border-color:#b9e58d44}#chatForm{border-top:1px solid var(--hud-border);gap:8px;padding-top:14px}#chatIn{padding:11px 10px;font-size:16px}#chatSend{background:#466738;border:1px solid #b9e58d55;min-height:44px}#eventBox{flex-shrink:0;width:auto;max-width:none;max-height:none;position:static;transform:none;border-color:#d7af6366!important}#eventBox h3{font-size:14px}#eventBox.min h3{font-size:13px}#eventBox .opt button{border:1px solid var(--hud-border);background:#ffffff07;border-radius:10px}#statusStack{top:calc(var(--topH) + 12px);left:var(--edge);width:min(480px,100vw - 390px);max-height:calc(100dvh - var(--topH) - var(--dockH) - 48px);pointer-events:auto;scrollbar-width:thin;z-index:7;flex-direction:column;gap:8px;display:flex;position:fixed;overflow-y:auto}#alert,#banner,#bossBar{white-space:normal;text-align:left;pointer-events:auto;flex-shrink:0;width:auto;max-width:none;margin:0;padding:9px 12px;font-size:12px;position:static;inset:auto;transform:none}#alert{color:#ffd9aa;overflow:visible;border-color:#da965b66!important}#banner{color:#c2d1dd;font-weight:500;border-color:var(--hud-border)!important}#bossBar{border-color:#ea7d7066!important}#bossBar .nm{text-align:left;letter-spacing:0;font-size:12px}#toasts{flex-shrink:0;align-items:stretch;gap:6px;width:auto;position:static;inset:auto;transform:none}.toast,.toast.gold{text-align:left;padding:9px 12px;font-size:12px;animation:.2s ease-out tin}#contextStack{top:calc(var(--topH) + 12px);right:var(--edge);bottom:calc(var(--dockH) + var(--edge) + 12px);scrollbar-width:thin;pointer-events:none;z-index:8;flex-direction:column;gap:10px;width:320px;display:flex;position:fixed;overflow-y:auto}#info,#toolCard,#tut{pointer-events:auto;border-radius:14px;flex-shrink:0;width:auto;max-width:none;max-height:none;padding:14px;overflow:visible;transform:none;position:static!important;inset:auto!important}#toolCard{flex-wrap:wrap;align-items:flex-start;gap:9px;font-size:12px}#toolCard>div{flex:1;min-width:160px}#toolCard img{width:36px;height:36px}#toolCard .d{margin-top:6px;font-size:11px;line-height:1.6}#toolCard button{min-height:32px}#info h3{font-size:15px}#info p{line-height:1.5}#tut .body{font-size:13px}#tut .btns button{min-height:36px}#resInfo{max-height:calc(100dvh - var(--topH) - var(--dockH) - 40px);z-index:9;overflow:auto}#tip{z-index:10}#modal{z-index:30}#conn{z-index:40}#tutRing{z-index:9}@media (max-width:1100px){:root{--edge:10px}body.ingame #top{grid-template-columns:minmax(0,1fr) 360px;gap:8px}.r{padding:5px 8px}.r b{font-size:14px}.r i{font-size:9px}body.ingame #dock{grid-template-columns:1fr;gap:6px;width:calc(100vw - 20px);padding:8px}body.ingame #mbar{border-top:1px solid var(--hud-border);grid-row:3;justify-content:center;padding-top:6px}#mbar button{flex:1;max-width:180px;height:36px}#buildTabs{grid-row:1;justify-content:flex-start}#build,#visit{grid-row:2}.dock-label{display:none}.bb{width:66px;height:68px;font-size:10px}.bb img{width:34px;height:34px}.bb span:last-child{font-size:10px}.bb kbd{display:none}.bb .em{height:34px;font-size:24px;line-height:34px}#visit{justify-content:flex-start;min-height:68px}#visit .vt{display:none}#visit .vp{display:inline}body.visiting #mbar{grid-row:2}body.visiting #visit{grid-row:1}}@media (max-width:700px){:root{--edge:8px}body.ingame #top{grid-template-columns:1fr;gap:6px}#res{scrollbar-width:none;padding:6px}.r{gap:3px;padding:3px 8px}.r b{font-size:13px}.r i{display:none}.r .lb{font-size:9px}#clock{flex-direction:row;align-items:center;gap:12px;padding:8px 10px}.clock-main{flex:1}#dayTxt{font-size:10px}#dirTxt{font-size:9px}#bar{margin:5px 0 4px}#playback{gap:1px}#playback button{min-width:26px;height:32px;padding:2px 4px;font-size:10px}#playback #bPause{margin-right:2px}body.ingame #dock{width:calc(100vw - 16px);bottom:max(8px,env(safe-area-inset-bottom));border-radius:15px;gap:5px;padding:6px}#buildTabs{gap:1px}#buildTabs button{padding:6px 8px;font-size:11px}#mbar button{gap:5px;min-width:0;height:34px;padding:4px;font-size:11px}#mbar button span{font-size:14px}#statusStack{width:auto;max-height:max(36px,calc(100dvh - var(--topH) - var(--dockH) - 180px));left:8px;right:8px;top:calc(var(--topH) + 8px);gap:5px}#alert,#banner,#bossBar,.toast{padding:6px 10px;font-size:11px}#alert{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#toasts{gap:4px}#contextStack{width:auto;top:auto;left:8px;right:8px;bottom:calc(var(--dockH) + 20px);max-height:calc(100dvh - var(--topH) - var(--noticeH) - var(--dockH) - 44px);gap:8px}#info,#toolCard,#tut{padding:12px}#toolCard{font-size:11px}#toolCard .d{font-size:10px}#toolCard>div{min-width:150px}#tut .body{font-size:12px}#tut h3{font-size:14px}#resInfo{max-height:calc(100dvh - var(--topH) - 24px)}}@media (max-height:520px) and (min-width:701px){body.ingame #dock{grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:6px}body.ingame #mbar{border:0;grid-row:1;justify-content:flex-start;padding:0}#mbar button{flex:none;min-width:0;height:30px;padding:3px 6px;font-size:10px}#buildTabs{grid-row:1;justify-content:flex-end}#buildTabs button{padding:5px 6px;font-size:10px}.bb{gap:1px;width:60px;height:54px}.bb img{width:28px;height:28px}.bb .em{height:28px;line-height:28px}.bb span:last-child{font-size:9px}#res{padding:5px}.r{padding:2px 6px}.r .lb{font-size:9px}#clock{flex-direction:row;gap:6px;padding:6px 8px}.clock-main{flex:1}#playback button{min-width:24px;padding:2px 3px;font-size:9px}#dayTxt{font-size:10px}#contextStack{width:300px}#statusStack{width:calc(100vw - 340px)}}@media (prefers-reduced-motion:reduce){body.ingame #left,body.ingame.panels #left,body.ingame #chat,body.ingame.chat #chat,#sidebarBackdrop{transition:none}}#contextStack.pressing-info{height:var(--pressed-context-height);max-height:var(--pressed-context-height)}body.ingame #top{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:stretch;gap:12px}#clock{flex-direction:column;order:1;justify-content:space-between;align-self:stretch;align-items:stretch;gap:4px;padding:9px 11px;border-radius:12px!important}.clock-main{width:100%}.clock-footer{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.clock-footer #dirTxt{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#playback{flex-shrink:0;gap:3px;margin-left:auto}#playback button{border-radius:6px;width:26px;min-width:26px;height:24px;padding:1px 3px;font-size:10px}#playback #bPause{margin-right:2px}body.ingame #res{border-radius:12px;flex-direction:column;order:0;align-items:stretch;gap:5px;padding:6px 8px;display:flex;overflow:visible}.resource-stock{scrollbar-width:thin;scrollbar-color:#53636b transparent;overscroll-behavior-x:contain;grid-auto-columns:minmax(68px,1fr);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.resource-city{scrollbar-width:thin;scrollbar-color:#53636b transparent;overscroll-behavior-x:contain;border-top:1px solid var(--hud-border);gap:10px;padding-top:4px;display:flex;overflow-x:auto}#res .r{text-align:left;white-space:nowrap;cursor:pointer;min-width:0;box-shadow:none;flex:none;margin:0;font-family:inherit;animation:none}#res .resource-stock .r{background:#ffffff03;border:1px solid #b9ccd212;border-radius:7px;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-height:46px;padding:4px 8px;display:flex}#res .resource-name{align-items:center;gap:5px;min-width:0;display:flex}#res .resource-icon{flex-shrink:0;font-size:13px;line-height:15px}#res .lb{letter-spacing:0;color:#a4b8bf;font-size:10px;font-weight:400;line-height:1.25}#res .v{flex-wrap:nowrap;justify-content:space-between;align-items:baseline;gap:3px 8px;min-width:0;display:flex}#res b{letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:1.2}#res .resource-extra{min-width:0;font-size:9px;line-height:1.3}#res i{color:#839ba6;font-size:9px;font-style:normal;line-height:1.3;display:inline}#res i.pos{color:#b1d59b}#res i.neg{color:#f3ad81}#res .resource-city .r{background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:30px;padding:3px 7px;display:flex}#res .resource-city .v{flex-wrap:nowrap;gap:7px}#res .resource-city b{font-size:12px}#res .resource-city .resource-extra{display:none}#res .resource-city .gems{background:#76c7ed08;border-color:#76c7ed1c;margin-left:auto}#res .gems b{color:#96d8f6}#res .r:hover{background:#ffffff0b;border-color:#a0b8bf55}#res .r.open{background:#b9e58d12;border-color:#b9e58d70}#res .r.warn{background:#a8662215;border-color:#d8894f70}#mbar #bBuild{color:inherit;background:0 0;border-color:#0000}#mbar #bBuild[aria-expanded=true]{color:#c0dfa2;background:#b9e58d21;border-color:#b9e58d55}#mbar button[hidden]{display:none}body.ingame #mbar button{min-height:40px}body.ingame.building-menu #dock{width:min(1040px,100vw - 32px)}.bb{width:70px;height:64px}.bb img{width:32px;height:32px}.bb .em{height:32px;font-size:24px;line-height:32px}@media (max-width:1100px){body.ingame #top{gap:8px}#res .resource-stock .resource-extra{display:none}.resource-stock{gap:6px}#res .resource-stock .r{padding:4px 7px}.resource-city{gap:5px}#res .resource-city .r{gap:6px;padding:3px 5px}body.ingame.building-menu #dock{width:calc(100vw - 20px)}}@media (max-width:700px){body.ingame #top{grid-template-columns:1fr;gap:5px}#clock{order:0;gap:4px;padding:7px 9px}#dirTxt{line-height:1.3}#bar{height:3px;margin:4px 0}body.ingame #res{order:1;gap:3px;padding:5px 6px}.resource-stock{scrollbar-width:none;grid-auto-columns:minmax(62px,1fr);gap:6px}#res .resource-stock .r{gap:3px;min-height:44px;padding:4px 6px}#res .resource-name{gap:4px}#res .resource-icon{font-size:12px;line-height:14px}#res .lb{font-size:9px}#res b{font-size:14px}.resource-city{scrollbar-width:none;gap:6px;padding-top:3px}#res .resource-city .r{gap:5px;min-height:30px;padding:3px 4px}#res .resource-city b{font-size:12px}body.ingame.building-menu #dock{width:calc(100vw - 16px);max-width:none}body.ingame #mbar{gap:2px;width:100%}body.ingame #mbar button{flex-direction:column;flex:1;gap:2px;min-width:0;min-height:44px;padding:4px 2px;font-size:10px;line-height:1.25}#mbar button span{font-size:15px;line-height:17px}.bb{width:64px;height:58px}.bb img{width:28px;height:28px}.bb .em{height:28px;line-height:28px}}@media (max-height:520px) and (min-width:701px){#clock{gap:6px;padding:6px 8px}body.ingame #res{gap:3px;padding:4px 6px}.resource-stock{gap:5px}#res .resource-stock .r{gap:1px;min-height:38px;padding:3px 6px}#res .resource-city .r{min-height:26px;padding:2px 4px}body.ingame #mbar button{min-height:32px}.bb{width:60px;height:50px}.bb img{width:26px;height:26px}.bb .em{height:26px;line-height:26px}}#cameraTools[hidden]{display:none!important}#cameraTools{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:12px;flex-direction:column;gap:8px;width:min(360px,100%);padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0003}.camera-hint{color:var(--hud-muted);text-align:center;font-size:11px}.camera-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.camera-actions button{border:1px solid var(--hud-border);background:#ffffff06;border-radius:9px;min-height:44px;padding:7px 12px;font-size:13px}#mbar #bCamera[aria-expanded=true]{color:var(--hud-accent);background:#b9e58d18}@media (max-width:700px){body.ingame #mbar button{font-size:9px}.camera-hint{font-size:10px}}@media (pointer:coarse){#playback button{width:28px;min-width:28px;height:28px}}#playback #bPause.paused{color:var(--hud-accent);background:#b9e58d20;border-color:#b9e58d66}@media (max-width:700px),(max-height:520px) and (pointer:coarse){body.ingame #top{gap:4px}#clock{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:5px 8px;display:grid}.clock-main{grid-area:1/1;align-self:center}.clock-footer{display:contents}#playback{grid-area:1/2;gap:2px;margin:0}#playback button{width:30px;min-width:30px;height:36px}.clock-footer #dirTxt{grid-column:1/-1;font-size:9px;line-height:14px}#dayTxt{gap:4px;font-size:10px}#bar{margin:4px 0 0}body.ingame #res{gap:2px;padding:3px 5px}.resource-stock{grid-auto-columns:minmax(54px,1fr);gap:2px}#res .resource-stock .r{background:0 0;border-color:#0000;flex-direction:row;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:3px}#res .lb{display:none}#res .resource-stock b,#res .resource-icon{font-size:12px}.resource-city{gap:3px;padding-top:2px}#res .resource-city .r{gap:4px;min-height:28px;padding:2px 4px}#res .resource-city b{font-size:11px}#res .resource-city .gems{margin-left:auto}body.ingame #mbar{border-top:0;grid-row:auto;padding-top:0}body.ingame.building-menu #mbar{border-top:1px solid var(--hud-border);grid-row:3;padding-top:5px}body.ingame:not(.building-menu):not(.visiting) #dock{grid-template-columns:1fr;gap:0;padding:5px 6px}body.ingame #banner.pause-notice{display:none!important}}#modal.lobby-screen{background:#101d23;align-items:stretch;padding:0}#modal.lobby-screen .box{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}#modal.lobby-screen .mbody{scrollbar-width:thin;scrollbar-color:#4a5b5b #101d23;padding:0;display:block;overflow:auto}.lobby-shell{--cream:#f3eddb;--accent:#e8ad69;--muted:#98aaa9;--line:#ecedda24;color:var(--cream);isolation:isolate;background:#101d23;min-height:100dvh;font-size:14px;line-height:1.6}.lobby-shell *{box-sizing:border-box}.lobby-shell [hidden]{display:none!important}.lobby-shell h1,.lobby-shell h2,.lobby-shell h3,.lobby-shell p{margin:0}.lobby-shell button,.lobby-shell input{font-family:inherit}.lobby-shell button{border:1px solid var(--line);color:var(--cream);background:0 0;border-radius:5px;min-height:44px;font-size:13px;transition:background .18s,color .18s,border-color .18s}.lobby-shell button:hover{background:#ffffff0d;border-color:#e8ad6970}.lobby-shell button:focus-visible,.lobby-shell a:focus-visible,.lobby-shell summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lobby-shell input{border:1px solid var(--line);min-width:0;max-width:100%;color:var(--cream);background:#07121755;border-radius:5px;padding:12px;font-size:16px}.lobby-shell input:focus{border-color:var(--accent)}.landing-stage{background:radial-gradient(at 85% 40%,#29403c 0,#0000 65%),#101d23;flex-direction:column;min-height:100dvh;padding:0 clamp(24px,4vw,80px);display:flex;position:relative;overflow:clip}.landing-atmosphere{pointer-events:none;background:radial-gradient(circle at 74% 15%,#e4bb6520,#0000 45%),linear-gradient(115deg,#0b192580,#0000 65%);transition:opacity 1s;position:absolute;inset:0}.lobby-shell[data-light=night] .landing-atmosphere{opacity:.15}.landing-header{z-index:2;border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:40px;height:110px;display:flex;position:relative}.landing-brand{color:var(--cream);letter-spacing:1.5px;align-items:center;gap:13px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.landing-brand small{letter-spacing:1.7px;color:var(--muted);margin-top:3px;font-size:7px;font-weight:500;display:block}.brand-mark{flex-shrink:0;width:54px;height:64px;display:block;position:relative;overflow:hidden}.brand-mark>img{object-fit:contain;pointer-events:none;width:80px;max-width:none;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-header nav{gap:28px;margin-left:auto;display:flex}.landing-header nav button{border:0;border-radius:0;padding:8px 0;font-weight:500}.landing-header nav button span{color:var(--accent);margin-left:8px}.landing-header .nav-account{border-color:#f3eddb60;border-radius:40px;align-items:center;gap:10px;padding:9px 19px;font-weight:500;display:flex}.account-dot,.signal-dot{background:#e8ad69;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #e8ad6955}.landing-main{flex:1;align-items:center;min-height:610px;display:flex;position:relative}#mine{z-index:2;pointer-events:none;width:43%;padding:38px 0 44px;position:relative}#mine button{pointer-events:auto}.landing-kicker{color:#b5bcb0;letter-spacing:2.4px;align-items:center;gap:10px;margin-bottom:24px;font-size:9px;display:flex}.landing-kicker i{background:var(--accent);width:22px;height:1px;display:block}#mine .landing-welcome{letter-spacing:-.5px;text-wrap:balance;margin-top:0;font-size:clamp(30px,2.8vw,44px);font-weight:700;line-height:1.5}#mine .landing-welcome>span{color:#a7b7af;font-size:clamp(20px,1.8vw,28px);font-weight:400}.hero-copy{color:var(--muted);font-size:12px;line-height:1.9;margin-top:15px!important}.hero-actions{align-items:center;gap:22px;margin-top:28px;display:flex}.lobby-shell .lobby-primary{background:var(--accent);color:#192323;border:1px solid var(--accent);border-radius:3px;align-items:center;gap:30px;min-height:55px;padding:15px 23px;font-size:14px;display:flex;box-shadow:0 6px 30px #0002}.lobby-shell .lobby-primary:hover{background:#f5c68f;border-color:#f5c68f;box-shadow:0 8px 34px #e8ad6920}.lobby-primary>span{font-size:22px;font-weight:400}.lobby-shell .landing-guide{white-space:nowrap;border:0;align-items:center;gap:9px;padding:0;font-size:12px;display:flex}.landing-guide>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.hero-note{color:#879995;font-size:10px;margin-top:17px!important}.my-city-stats{color:var(--muted);gap:22px;margin-top:20px;font-size:10px;display:flex}.my-city-stats b{color:var(--cream);margin-right:5px;font-size:18px;font-weight:500}.lobby-shell .restart-link{color:var(--muted);border:0;min-height:30px;margin-top:5px;padding:0;font-size:10px}.landing-world{pointer-events:none;position:absolute;inset:0 -5% 0 35%}#landingScene{pointer-events:auto;cursor:grab;touch-action:pan-y;position:absolute;inset:0 -8%}#landingScene:active{cursor:grabbing}#landingScene canvas{touch-action:none;width:100%;height:100%;display:block}.scene-fallback{object-fit:contain;filter:drop-shadow(0 20px 20px #0006);width:55%;height:70%;position:absolute;top:10%;left:25%}#landingScene[data-ready=true] .scene-fallback{display:none}.scene-orbit{border:1px solid #b6c8aa12;border-radius:50%;width:74%;height:66%;position:absolute;top:15%;left:12%;transform:rotate(-25deg);box-shadow:0 0 0 45px #a1b69e03,0 0 0 90px #a1b69e02}.world-tag{letter-spacing:2px;color:#c4c7b6;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;top:9%;left:26%}.world-tag>span:last-child{color:#738e85;margin-left:30px;font-size:9px}.world-caption{color:#e3e6d5;border-left:1px solid var(--accent);flex-direction:column;align-items:flex-start;gap:4px;padding-left:14px;font-size:12px;display:flex;position:absolute;bottom:11%;left:29%;transform:rotate(-3deg)}.world-caption small{letter-spacing:.3px;color:var(--muted);font-size:9px}.scene-controls{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:8%;right:10%}.scene-controls button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10212390;border:1px solid #ffffff25;border-radius:40px;padding:8px 14px;font-size:18px}.scene-controls button span{margin-left:4px;font-size:11px}.landing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex;position:relative}.landing-chapters{color:#a2b0a8;gap:35px;font-size:11px;display:flex}.landing-chapters b{color:var(--accent);font-size:10px;font-weight:400;font-family:var(--font-ui);font-variant-numeric:tabular-nums;margin-right:12px}.landing-footer>button{color:var(--muted);border:0;flex-direction:column;align-items:flex-end;gap:3px;padding:5px 0;font-size:10px;display:flex}.landing-footer>button>span{color:var(--cream);font-size:12px}.landing-panel-layer{z-index:5;justify-content:flex-end;display:flex;position:fixed;inset:0}.landing-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;inset:0;cursor:default!important;background:#030d17aa!important;border:0!important;border-radius:0!important}.landing-panel{overscroll-behavior:contain;border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#536260 transparent;background:#13252b;height:100%;padding:32px 42px;animation:.3s ease-out panel-in;position:relative;overflow:auto;box-shadow:-20px 0 90px #0005}.account-panel{width:min(490px,100%)}.ranking-panel{width:min(850px,100%)}.panel-topline{color:#91a39e;letter-spacing:2px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:34px;font-size:9px;display:flex}.panel-topline .panel-close{border-radius:50%;width:42px;min-height:42px;font-size:16px}.landing-panel h2{letter-spacing:-.7px;font-size:32px;line-height:1.4}.landing-panel h2>span{color:var(--accent)}.panel-intro{color:var(--muted);font-size:13px;line-height:1.8;margin:14px 0 30px!important}.lobby-eyebrow{letter-spacing:1px;color:var(--accent);margin-bottom:10px;font-size:10px;display:block}.ranking-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.ranking-heading p{color:var(--muted);margin-top:12px;font-size:12px}.lobby-shell .lobby-refresh{flex-shrink:0;width:44px;font-size:26px}.rank-tabs{border-bottom:1px solid var(--line);gap:18px;margin-top:30px;display:flex}.rank-tabs button{color:var(--muted);border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 0;font-size:12px}.rank-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.rank-explanation{color:#79928f;font-size:10px;margin-top:10px!important}.community-toolbar{align-items:center;gap:10px;margin:24px 0;display:flex}.city-search{border:1px solid var(--line);border-radius:5px;flex:1;align-items:center;min-width:0;padding-left:12px;display:flex}.city-search>span{color:var(--muted);font-size:22px}.city-search input{background:0 0;border:0;width:100%;font-size:13px}.city-search:focus-within{border-color:var(--accent)}.city-filters{gap:3px;display:flex}.city-filters button{color:var(--muted);border:0;padding:8px 11px;font-size:11px}.city-filters button[aria-pressed=true]{color:var(--accent);background:#e8ad6915}.rank-table-head{color:#8ba09b;letter-spacing:.5px;border-bottom:1px solid var(--line);grid-template-columns:1fr 100px 105px;gap:20px;padding:12px 0;font-size:10px;display:grid}.rank-table-head span:nth-child(2){text-align:right}.rank-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;min-width:0;padding:20px 0;display:flex}.rank-number{width:32px;font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:#78918c;flex-shrink:0;font-size:20px}.rank-top .rank-number{color:var(--accent)}.rank-player{flex:1;min-width:0}.rank-player h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.rank-player small{color:var(--accent);font-size:9px;font-weight:400}.city-presence{color:#7f9795;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.city-presence i{background:#627674;border-radius:50%;width:5px;height:5px}.city-presence.online i{background:#a8d6a4}.rank-score{text-align:right;flex-direction:column;min-width:75px;display:flex}.rank-score b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.rank-score>span{color:var(--muted);font-size:9px}.rank-row>button{flex-shrink:0;width:105px;font-size:11px}.rank-row>button span{color:var(--accent);margin-left:6px}.rank-self{background:#e8ad6906}.lobby-empty{text-align:center;color:var(--muted);padding:60px 20px}.lobby-empty>span{color:var(--accent);font-size:50px}.lobby-empty h3{color:var(--cream);margin:15px 0 7px;font-size:18px}.lobby-empty p{font-size:12px}#accountCard{border-bottom:1px solid var(--line);padding-bottom:28px}.profile-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-avatar{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.profile-heading h2{letter-spacing:0;font-size:17px}.profile-heading .lobby-eyebrow{margin:0;font-size:9px}.account-hint{color:var(--muted);font-size:11px;line-height:1.8;margin-top:10px!important}.auth-providers{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.lobby-shell .auth-btn{background:#ffffff04;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:13px;display:flex}.auth-ic{background:#ffffff08;border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.auth-google .auth-ic{color:#4285f4;background:#fff}.auth-discord .auth-ic{color:#fff;background:#5865f2}.profile-section{padding:25px 0}.account-panel label{color:#bdcbc2;margin:10px 0;font-size:12px;display:block}.profile-edit{gap:8px;display:flex}.profile-edit input{flex:1;width:0}.profile-edit button{background:#e8ad6915;padding:8px 16px}.recovery-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.recovery-card summary{cursor:pointer;justify-content:space-between;font-size:12px;list-style:none;display:flex}.recovery-card summary::-webkit-details-marker{display:none}.recovery-code{text-align:center;letter-spacing:3px;color:var(--accent);-webkit-user-select:text;user-select:text;border:1px dashed #e8ad6960;margin-top:15px;padding:16px;font-size:20px;display:block}.recovery-card input{text-transform:uppercase;width:100%;margin-bottom:10px}.recovery-card>button{width:100%}.account-footnote{color:#829a95;text-align:center;font-size:10px;margin-top:25px!important}.account-list{margin:0 0 14px;padding:0;list-style:none}.account-list li{border:1px solid var(--line);border-radius:5px;padding:10px;font-size:12px}.auth-manage{gap:8px;margin:12px 0;display:flex}.auth-manage button{flex:1}.lobby-shell .auth-logout{font-size:12px}.auth-more summary{color:var(--muted);cursor:pointer;font-size:11px}.lobby-shell .auth-manage .danger{color:#f4a999;border-color:#f4a99955}.lobby-feedback{z-index:10;color:#ffe1c6;background:#522d26;border:1px solid #db9f7c;border-radius:7px;max-width:calc(100% - 24px);padding:12px 20px;font-size:13px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0005}#modal.auth-screen{background:radial-gradient(at 80% 25%,#325044,#101d23 65%);padding:24px}#modal.auth-screen .box{background:#15292e;border:1px solid #f3eddb30;border-radius:8px;width:520px;max-width:100%;padding:38px;box-shadow:0 30px 90px #0006}#modal.auth-screen .mbody{gap:14px}#modal.auth-screen h2{color:#f3eddb;font-size:24px}#modal.auth-screen .muted{color:#9eb3ae;font-size:13px;line-height:1.8}#modal.auth-screen input{background:#0c1d22;border:1px solid #ffffff30;padding:14px;font-size:16px;width:100%!important;min-width:0!important}#modal.auth-screen .rowc{flex-direction:column;align-items:stretch;gap:10px;display:flex}#modal.auth-screen .go{color:#162326;background:#e8ad69;border-color:#e8ad69}.conflict-grid{grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;display:grid}.conflict-card{background:#ffffff06;border:1px solid #ffffff20;border-radius:6px;padding:15px}.conflict-card h3{font-size:15px}.conflict-card p{color:#9eb3ae;font-size:12px}.conflict-card button{width:100%}@keyframes panel-in{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes landing-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}#mine{animation:.85s ease-out landing-reveal}.landing-world{animation:1.2s ease-out landing-reveal}@media (min-width:1600px){.landing-main{min-height:740px}#mine{padding:60px 0}.landing-header{height:120px}.landing-footer{min-height:110px}}@media (max-width:1050px){.landing-header{gap:24px;height:90px}.landing-header nav{gap:20px}.landing-main{min-height:600px}#mine{width:48%}.landing-world{left:37%;right:-12%}.hero-actions{gap:12px}.lobby-shell .lobby-primary{gap:20px;padding:12px 16px}.landing-chapters{gap:18px}.landing-chapters b{margin-right:6px}.world-caption{bottom:14%;left:24%}.scene-controls{right:17%}}@media (max-width:700px){.landing-stage{padding:0 22px}.landing-header{flex-wrap:nowrap;gap:14px;height:78px}.landing-brand{letter-spacing:.7px;gap:8px;font-size:11px}.landing-brand small{display:none}.brand-mark{width:35px;height:44px}.brand-mark>img{width:54px;height:54px}.landing-header nav{gap:0}.landing-header nav button{font-size:11px}.landing-header .nav-manual{display:none}.landing-header .nav-account{gap:6px;min-height:38px;padding:7px 11px;font-size:11px}.nav-account>span:last-child{display:none}.landing-main{flex-direction:column;align-items:stretch;min-height:0;display:flex}#mine{z-index:2;width:100%;padding:31px 0 0}.landing-kicker{letter-spacing:1.6px;margin-bottom:20px;font-size:8px}#mine .landing-welcome{margin-top:20px;font-size:21px}.hero-copy{font-size:11px;margin-top:11px!important}.hero-actions{gap:22px;margin-top:20px}.lobby-shell .lobby-primary{gap:20px;min-height:49px;padding:12px 16px;font-size:12px}.hero-note{font-size:9px;margin-top:12px!important}.my-city-stats{gap:16px;margin-top:12px;font-size:9px}.my-city-stats b{font-size:15px}.landing-world{flex-shrink:0;height:280px;margin:-8px -22px 0;position:relative;inset:auto}#landingScene{inset:-35px -8% -20px}.world-tag{letter-spacing:1.3px;font-size:7px;top:13%;left:12%}.world-tag>span:last-child{margin-left:15px;font-size:8px}.world-caption{gap:2px;font-size:10px;bottom:8%;left:9%}.world-caption small{font-size:8px}.scene-controls{bottom:6%;right:7%}.scene-controls button{min-height:40px;padding:6px 12px}.scene-controls button span{font-size:10px}.landing-footer{gap:12px;min-height:80px}.landing-chapters{flex-direction:column;gap:4px;font-size:9px}.landing-chapters b{font-size:9px}.landing-footer>button{max-width:165px;font-size:9px}.landing-footer>button>span{font-size:11px}.landing-panel{padding:22px}.panel-topline{margin-bottom:26px;font-size:8px}.landing-panel h2{font-size:27px}.ranking-heading p{font-size:11px}.rank-tabs{justify-content:space-between;gap:0;margin-top:24px}.rank-tabs button{font-size:11px}.community-toolbar{gap:5px;margin:20px 0}.city-search{padding-left:8px}.city-search input{padding:10px 6px;font-size:16px}.city-search input::placeholder{font-size:12px}.city-filters button{padding:8px;font-size:10px}.rank-table-head{grid-template-columns:1fr 65px 40px;gap:10px;font-size:9px}.rank-row{gap:10px;padding:18px 0}.rank-number{width:23px;font-size:17px}.rank-player h3{font-size:12px}.city-presence{font-size:9px}.city-presence>span{display:none}.rank-score{min-width:60px}.rank-score b{font-size:19px}.rank-score>span{font-size:8px}.rank-row>button{width:40px;min-height:40px;font-size:0}.rank-row>button span{margin:0;font-size:20px}.conflict-grid{grid-template-columns:1fr}#modal.auth-screen{padding:12px}#modal.auth-screen .box{padding:28px 22px}#modal.auth-screen h2{font-size:21px}}@media (max-width:380px){.landing-stage{padding:0 16px}.landing-header{gap:9px}.landing-brand>span:last-child{font-size:10px}.landing-header .nav-account{padding:6px 8px;font-size:10px}.landing-kicker{font-size:7px}.hero-actions{gap:15px}.landing-world{height:260px;margin-left:-16px;margin-right:-16px}.landing-panel{padding:18px}.landing-panel h2{font-size:23px}.my-city-stats{gap:10px}.landing-chapters{font-size:8px}}@media (min-width:701px) and (max-height:760px){.landing-header{height:80px}.landing-main{min-height:540px}#mine{padding:24px 0}.landing-kicker{margin-bottom:16px}#mine .landing-welcome,.hero-actions{margin-top:20px}.landing-footer{min-height:75px}}@media (prefers-reduced-motion:reduce){.lobby-shell *,.lobby-shell :before{transition:none!important;animation:none!important}}.mobile-city-options,.mobile-shortcuts{display:none}@media (max-width:700px){.landing-stage{height:auto;min-height:100dvh;padding:env(safe-area-inset-top,0px) 20px max(16px,env(safe-area-inset-bottom,0px));background:radial-gradient(at 50% 40%,#304b413d,#0000 65%),#101d23}.landing-header{border-bottom:0;flex-shrink:0;gap:14px;height:64px}.landing-brand{letter-spacing:.6px;gap:8px;font-size:12px}.landing-brand>span:last-child{font-size:12px}.brand-mark{width:35px;height:44px}.landing-header nav button{min-height:44px;font-size:11px}.landing-header nav button span{display:none}.landing-header .nav-account{background:#ffffff04;border-color:#c4d1bc30;min-height:40px;padding:7px 11px;font-size:11px}.nav-account .account-dot{width:5px;height:5px}.landing-main{min-height:calc(100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex:1;grid-template-rows:auto minmax(205px,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;display:grid}#mine{pointer-events:auto;animation:none;display:contents}#mine .landing-kicker,#mine .hero-copy,#mine .restart-link{display:none}#mine .landing-welcome{text-align:center;letter-spacing:-.5px;grid-row:1;margin:13px 0 0;padding:0 4px;font-size:24px;font-weight:600;line-height:1.6}#mine .landing-welcome>span{color:#9db2a5;letter-spacing:0;font-size:14px;font-weight:400;display:inline}.landing-world{grid-row:2;width:100%;height:auto;min-height:205px;max-height:none;margin:0;animation:none;position:relative;inset:auto}#landingScene{touch-action:pan-y;inset:0 0 44px;overflow:hidden}.scene-orbit{width:80%;height:61%;top:16%;left:10%;transform:rotate(-18deg);box-shadow:0 0 0 25px #a1b69e02}.world-tag,.world-caption>span{display:none}.world-caption{border:0;padding:0;line-height:1.5;bottom:9px;left:0;transform:none}.world-caption small{color:#79998b;letter-spacing:0;font-size:10px}.scene-controls{gap:7px;bottom:0;right:0}.scene-controls button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff04;border-color:#adc6ad25;min-width:38px;height:38px;min-height:38px;padding:5px 11px;font-size:18px}.scene-controls button span{font-size:10px}.my-city-stats{text-align:center;background:#e0ebcc04;border:1px solid #c5dabb18;border-radius:12px;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:13px 0;display:grid}.my-city-stats>span{color:#8da897;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0 5px;font-size:10px;line-height:1.45;display:flex}.my-city-stats>span+span{border-left:1px solid #c5dabb18}.my-city-stats b{color:#e6ebd8;font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:500;line-height:1.2}.hero-actions{grid-row:5;grid-template-columns:minmax(0,1fr) 86px;align-items:stretch;gap:10px;margin:0;display:grid}.lobby-shell .hero-actions .lobby-primary{border-radius:10px;justify-content:space-between;gap:12px;width:100%;min-height:55px;padding:13px 18px;font-size:13px;box-shadow:0 6px 26px #e8ad6912}.lobby-shell .hero-actions .landing-guide{background:#ffffff03;border:1px solid #c5dabb20;border-radius:10px;justify-content:center;gap:6px;min-height:55px;font-size:11px;display:flex}.landing-guide>span{border:0;width:auto;height:auto;font-size:19px}#mine .hero-note{text-align:center;color:#88a08f;grid-row:4;align-self:center;padding:10px 0;font-size:10px;margin:0!important}.landing-footer{display:none}.mobile-city-options{padding-top:24px;display:block}.mobile-city-options button{color:#bcab92;width:100%;min-height:44px;font-size:12px}.mobile-city-options p{color:#718e80;text-align:center;margin-top:8px;font-size:10px}}@media (max-width:380px){.landing-stage{padding-left:16px;padding-right:16px}.landing-header{gap:10px}.landing-brand>span:last-child{font-size:11px}.landing-header .nav-account{padding:7px 9px;font-size:10px}#mine .landing-welcome{margin-top:9px;font-size:21px}#mine .landing-welcome>span{font-size:12px}.hero-actions{grid-template-columns:minmax(0,1fr) 74px;gap:8px}.lobby-shell .hero-actions .lobby-primary{padding:12px 13px;font-size:12px}.my-city-stats b{font-size:18px}.my-city-stats>span{font-size:9px}}@media (max-width:700px) and (max-height:680px){.landing-main{grid-template-rows:auto minmax(150px,1fr) auto auto auto;gap:10px}.landing-world{min-height:150px}#mine .landing-welcome{margin-top:0;font-size:21px;line-height:1.5}.my-city-stats{padding:10px 0}.my-city-stats b{font-size:18px}.hero-actions .lobby-primary,.hero-actions .landing-guide{min-height:51px!important}}@media (max-width:700px){.mobile-shortcuts{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lobby-shell .mobile-shortcuts button{text-align:left;background:linear-gradient(135deg,#b3cca40a,#ffffff02);border:1px solid #c5dabb20;border-radius:11px;align-items:center;gap:7px;min-width:0;min-height:79px;padding:12px 9px;display:flex}.mobile-shortcuts img{object-fit:contain;filter:drop-shadow(0 4px 5px #0003);flex-shrink:0;width:42px;height:44px}.mobile-shortcuts button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-shortcuts b{color:#d9dfcf;white-space:nowrap;font-size:11px;font-weight:600}.mobile-shortcuts small{color:#849f90;font-size:8px;font-weight:400;line-height:1.6}.mobile-shortcuts i{color:#c5a677;align-self:flex-start;margin-left:auto;font-size:13px;font-style:normal}.scene-orbit{background:radial-gradient(#a5c27c0a,#0000 70%);border-color:#bdcbaa1d}}@media (max-width:380px){.mobile-shortcuts{gap:8px}.lobby-shell .mobile-shortcuts button{gap:6px;padding:10px 8px}.mobile-shortcuts img{width:32px;height:37px}.mobile-shortcuts b{font-size:10px}.mobile-shortcuts i{font-size:11px}.mobile-shortcuts small{font-size:8px}}@media (max-width:700px) and (max-height:680px){.lobby-shell .mobile-shortcuts button{min-height:52px;padding:7px 9px}.mobile-shortcuts small{display:none}.mobile-shortcuts img{width:32px;height:33px}.landing-main{gap:8px}}.conflict-card .recovery-code{letter-spacing:2px;margin:10px 0 8px;padding:10px;font-size:16px}.conflict-card .account-hint{margin:10px 0 0!important}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.shop-head h2{margin:0}.shop-balance{color:var(--dim);font-size:14px}.shop-balance b{color:#8fd3ff;font-size:16px}.shop-note{background:#3a2f1a;border:1px solid #e8ad6960;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;font-size:13px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0 6px;display:grid}.shop-pkg{border:1px solid var(--line,#2f3b4d);text-align:center;background:#1d2635;border-radius:10px;flex-direction:column;gap:4px;padding:14px 10px 10px;display:flex;position:relative}.shop-pkg.tagged{border-color:#e8ad69}.shop-tag{color:#171b22;white-space:nowrap;background:#e8ad69;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.shop-gems{color:#8fd3ff;font-size:20px;font-weight:700}.shop-bonus{color:#8ee36b;min-height:1.2em;font-size:11px}.shop-thb{margin:4px 0 8px;font-size:16px}.shop-ch{flex-direction:column;gap:6px;display:flex}.shop-ch button{white-space:nowrap;padding:8px 6px;font-size:12px}.shop-fine{color:var(--dim);margin-top:4px;font-size:10px;line-height:1.5}.shop-fine.center{text-align:center;margin-top:8px}.shop-status{text-align:center;padding:6px 0}.shop-status h2{margin:0 0 8px}.shop-status p{margin:6px 0}.shop-qr{box-sizing:content-box;background:#fff;border-radius:10px;width:240px;max-width:78vw;height:auto;margin:10px auto;padding:8px;display:block}.shop-amount{font-size:22px;font-weight:700}.shop-wait{color:var(--dim);margin:8px 0;font-size:13px}.shop-wait i{vertical-align:middle;background:#e8ad69;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s infinite alternate shopPulse;display:inline-block}@keyframes shopPulse{0%{opacity:.3}to{opacity:1}}.shop-receipt{color:#8fd3ff;margin:8px 0;font-size:26px;font-weight:700}.nav-shop{white-space:nowrap}#res .r.gems b{color:#8fd3ff}@media (max-width:700px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-pkg{padding:12px 6px 8px}.shop-ch button{padding:7px 4px;font-size:11px}}#build .bb .gem{color:#8fd3ff;background:#0f1622cc;border-radius:999px;padding:1px 5px;font-size:10px;font-style:normal;position:absolute;top:2px;right:4px}.theme-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:10px 0;display:grid}.theme{border:1px solid var(--line,#2f3b4d);background:#1d2635;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.theme.cur{border-color:#8ee36b}.theme i{border-bottom:4px solid;border-radius:4px 4px 2px 2px;flex-shrink:0;width:26px;height:22px}.theme b{flex:1;font-size:13px}.theme button{padding:6px 10px;font-size:12px}.theme-cur{color:#8ee36b;font-size:12px}#modal.world-screen{background:#0b1a22;padding:0}#modal.world-screen .box{background:#0b1a22;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}#modal.world-screen .mbody{height:100%;padding:0;display:block;overflow:hidden}#modal.world-screen .mx{z-index:5;background:#0f1622cc;border:1px solid #fff2;border-radius:50%;width:40px;height:40px;top:16px;right:16px}.world-shell{width:100%;height:100%;position:relative;overflow:hidden}#worldStage{position:absolute;inset:0}#worldStage canvas{touch-action:none;cursor:grab;display:block;width:100%!important;height:100%!important}#worldLabels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wlabel{color:#e8edf2;white-space:nowrap;background:#0f1622cc;border:1px solid #fff2;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:3px 8px;font-size:11px;line-height:1.2;display:flex;position:absolute;transform:translate(-50%,-100%)}.wlabel b{font-size:12px}.wlabel span{color:#9fb0c0;font-size:10px}.wlabel.mine{border-color:#ffcf5a;box-shadow:0 0 0 1px #ffcf5a55}.world-top{pointer-events:none;align-items:flex-end;gap:16px;display:flex;position:absolute;top:14px;left:20px}.world-top h2{text-shadow:0 2px 12px #000;margin:0;font-size:26px}.world-top .lobby-eyebrow{letter-spacing:2px;color:#e8ad69;font-size:9px}.world-stat{color:#c5d0da;background:#0f1622aa;border:1px solid #ffffff18;border-radius:999px;margin-bottom:6px;padding:6px 10px;font-size:12px}.world-side{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1622d9;border:1px solid #fff2;border-radius:14px;width:min(320px,100% - 32px);padding:14px;font-size:13px;position:absolute;top:70px;right:16px;box-shadow:0 16px 40px #0007}.world-side p{margin:6px 0}.world-side select{width:100%;margin-top:4px}.world-side .rowc{justify-content:stretch;margin-top:10px}.world-side .rowc button{flex:1}.world-kind{align-items:center;gap:10px;display:flex}.world-kind i{background:var(--k);border-radius:9px;flex-shrink:0;width:34px;height:34px;box-shadow:inset 0 -4px #0004}.world-kind h3{margin:0;font-size:15px}.world-kind p{margin:2px 0 0;font-size:11px}.world-owner{font-size:13px}.world-legend{color:#c5d0da;pointer-events:none;background:#0f1622aa;border:1px solid #ffffff18;border-radius:12px;flex-wrap:wrap;gap:6px 14px;max-width:min(720px,100% - 32px);padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:14px;left:16px}.world-legend i{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.world-legend small{opacity:.7;margin-left:4px}.world-hint{color:#8fa1b3;pointer-events:none;font-size:11px;position:absolute;bottom:14px;right:16px}.my-cities{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.my-cities button{font-size:12px}.nav-world{white-space:nowrap}@media (max-width:700px){.world-top h2{font-size:20px}.world-side{width:auto;inset:auto 8px 64px}.world-legend,.world-hint{display:none}}.my-city{align-items:stretch;display:inline-flex}.my-city>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.my-city-x{color:#f4a999;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:0 8px;font-size:11px}.world-manage button{padding:6px 8px;font-size:11px}.world-manage .danger{color:#f4a999;border-color:#f4a99955}#modal.help-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(at 80% 0,#37504466,#0000 65%),#0a191eef;padding:clamp(12px,3vw,42px)}#modal.help-screen .box{-webkit-backdrop-filter:none;backdrop-filter:none;background:#13262c;border:1px solid #e5e8d724;border-radius:14px;width:min(1200px,100%);max-width:1200px;height:min(900px,100dvh - 64px);max-height:calc(100dvh - 24px);padding:0;box-shadow:0 30px 100px #0006}#modal.help-screen .mbody{height:100%;display:block;overflow:hidden}#modal.help-screen #mbox .mbody>.help-shell{height:100%;min-height:0;padding:0}#modal.help-screen .mx{color:#cbd5c8;z-index:2;background:0 0;border:1px solid #e5e8d730;border-radius:50%;width:38px;height:38px;font-size:19px;top:20px;right:24px}#modal.help-screen .mx:hover{background:#ffffff08;border-color:#e8ad69}.help-shell{--help-ink:#eeeada;--help-muted:#9fb2a7;--help-accent:#e8ad69;--help-line:#e6e7d41c;color:var(--help-ink);flex-direction:column;font-size:13px;line-height:1.8;display:flex}.help-shell *{box-sizing:border-box}.help-shell h1,.help-shell h2,.help-shell p{margin:0}.help-shell button{border:1px solid var(--help-line);color:var(--help-ink);background:0 0;border-radius:5px;min-height:44px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:500}.help-shell button:hover{background:#ffffff08;border-color:#e8ad6970}.help-shell button:focus-visible,.help-shell summary:focus-visible,.help-reading:focus-visible{outline:2px solid var(--help-accent);outline-offset:-3px}.help-topbar{border-bottom:1px solid var(--help-line);background:#ffffff02;flex-shrink:0;align-items:center;gap:13px;min-height:80px;padding:17px 84px 17px 32px;display:flex}.help-wordmark{font-family:var(--font-ui);color:var(--help-accent);font-size:37px;font-weight:700;line-height:1}.help-wordmark>span{color:var(--help-ink)}.help-eyebrow{color:var(--help-accent);letter-spacing:1.6px;font-size:9px;font-weight:600;display:block}.help-topbar .help-eyebrow{color:#859e93;font-size:8px}.help-top-title{font-size:16px;font-weight:600}.help-header-note{color:#819c90;margin-left:auto;font-size:10px}.help-reading{scrollbar-width:thin;scrollbar-color:#456457 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:30px 32px;overflow:auto}.help-intro{justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px;display:flex}.help-intro h1{letter-spacing:-.6px;margin:8px 0;font-size:30px;font-weight:600;line-height:1.5}.help-intro h1>span{color:#b9c6b3}.help-intro p{color:var(--help-muted);font-size:12px}.help-cycle{border-left:1px solid var(--help-line);flex-shrink:0;align-items:center;gap:15px;padding:13px 22px;display:flex}.help-cycle>div{flex-direction:column;align-items:center;gap:1px;min-width:43px;display:flex}.help-cycle>div>span:first-child{color:var(--help-accent);font-size:19px;line-height:1}.help-cycle b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:400;line-height:1.5}.help-cycle b small{color:var(--help-muted);margin-left:4px;font-size:10px}.help-cycle>div>span:last-child{color:#8ba697;font-size:9px}.help-cycle-arrow{color:#658577;font-size:18px}.help-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.help-step{border:1px solid var(--help-line);background:linear-gradient(160deg,#b6d3a109,#0000 60%);border-radius:9px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.help-step-night{background:linear-gradient(160deg,#6593ad12,#0000 65%)}.help-step-label{letter-spacing:1.3px;color:#8da89c;align-items:center;gap:11px;padding:17px 20px 0;font-size:8px;display:flex}.help-step-label>span{color:var(--help-accent);font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:12px}.help-illustration{pointer-events:none;height:132px;margin:0 10px;position:relative;overflow:hidden}.help-island{background:linear-gradient(140deg,#64775340,#324c4520);border:1px solid #b9d49112;border-radius:10px;width:130px;height:68px;position:absolute;top:49px;left:calc(50% - 65px);transform:rotate(-23deg)skew(25deg);box-shadow:0 8px #05181b30}.help-model-main{object-fit:contain;filter:drop-shadow(0 8px 7px #0003);width:116px;height:110px;position:absolute;top:8px;left:calc(50% - 69px)}.help-model-small{object-fit:contain;filter:drop-shadow(0 5px 5px #0004);width:74px;height:74px;position:absolute;top:53px;left:calc(50% + 6px)}.help-step-night .help-model-small{width:59px;height:59px;top:71px;left:calc(50% + 16px)}.help-step-night .help-island{background:#47657528}.help-step-copy{flex-direction:column;flex:1;padding:5px 20px 20px;display:flex}.help-step-copy h2{letter-spacing:-.3px;margin:0 0 9px;font-size:20px;font-weight:600}.help-step-copy p{color:#b7c9bb;font-size:12px;line-height:1.9}.help-step-copy ul{color:#8fa99b;flex-direction:column;gap:5px;margin:13px 0 19px;padding:0;font-size:11px;line-height:1.9;list-style:none;display:flex}.help-step-copy li{padding-left:12px;position:relative}.help-step-copy li:before{content:"·";color:var(--help-accent);position:absolute;left:0}.help-step-note{border-top:1px solid var(--help-line);color:#c4ac87;margin-top:auto;padding-top:13px;font-size:9px;display:block}.help-between{border-bottom:1px solid var(--help-line);grid-template-columns:1fr 1fr;gap:30px;padding:25px 0;display:grid}.help-between>div{align-items:flex-start;gap:13px;display:flex}.help-small-icon{color:#b99f78;flex-shrink:0;font-size:22px;line-height:1.4}.help-between h2{margin-bottom:6px;font-size:13px;font-weight:500}.help-between p{color:#92ac9c;font-size:11px;line-height:1.9}.help-between p>span{color:#bea784}.help-controls{grid-template-columns:210px 1fr;gap:28px;margin-top:25px;display:grid}.help-controls-heading h2{margin:7px 0;font-size:17px;font-weight:500}.help-controls-heading button{color:#a9bca9;border:0;min-height:36px;padding:4px 0;font-size:10px}.help-control-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 15px;display:grid}.help-control-list>div{flex-direction:column;gap:6px;display:flex}.help-control-key{color:#d8decc;flex-wrap:wrap;align-items:center;gap:4px;min-height:25px;font-size:11px;display:flex}.help-control-key kbd{color:#c5d2c1;background:#d8e7c907;border:1px solid #d4e0c728;border-bottom-width:2px;border-radius:4px;place-items:center;min-width:23px;min-height:23px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:400;display:inline-grid}.help-control-key small{color:#718f7d;margin-left:3px;font-size:9px}.help-control-list>div>span:last-child{color:#89a593;font-size:10px}.help-city-options{border-top:1px solid var(--help-line);color:#819e8d;margin-top:24px;padding-top:15px;font-size:11px}.help-city-options summary{cursor:pointer;padding:8px 0}.help-city-options p{margin:10px 0}.help-city-options button{color:#deb29b;border-color:#bc8a7030;font-size:11px}.help-footer{border-top:1px solid var(--help-line);background:#102128;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex}.help-footer>div{align-items:center;gap:15px;display:flex}.help-footer .help-codex{color:#adbfae;border:0;padding:8px 0;font-size:11px}.help-codex>span:first-child{vertical-align:middle;margin-right:8px;font-size:18px}.help-codex>span:last-child{color:var(--help-accent);margin-left:9px}.help-footer-note{color:#829d8d;font-size:10px}.help-footer .help-primary{background:var(--help-accent);color:#1c2a28;border-color:var(--help-accent);min-height:47px;padding:11px 21px;font-size:12px;font-weight:600}.help-primary>span{margin-left:24px;font-size:19px;font-weight:400}.help-footer .help-primary:hover{background:#f2c58f;border-color:#f2c58f}.help-footer .help-tutorial{color:#d1c2a4;font-size:11px}@media (max-width:1050px){.help-intro h1{font-size:25px}.help-intro h1>span{display:block}.help-cycle{padding-right:5px}.help-step-label{letter-spacing:1px;padding-left:15px;padding-right:15px;font-size:7px}.help-step-copy{padding:5px 15px 18px}.help-step-copy h2{font-size:18px}.help-step-copy p{font-size:11px}.help-step-copy ul{font-size:10px}.help-steps{gap:12px}.help-controls{grid-template-columns:180px 1fr;gap:20px}.help-footer-note{display:none}}@media (max-width:700px){#modal.help-screen{padding:0}#modal.help-screen .box{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}#modal.help-screen .mx{width:36px;height:36px;top:17px;right:18px}.help-topbar{gap:11px;min-height:73px;padding:15px 65px 15px 20px}.help-topbar .help-eyebrow{letter-spacing:1.3px;font-size:7px}.help-wordmark{font-size:32px}.help-header-note{display:none}.help-reading{padding:24px 20px}.help-intro{margin-bottom:22px;display:block}.help-intro h1{margin:8px 0 12px;font-size:28px;line-height:1.5}.help-intro h1>span{display:block}.help-intro p{font-size:12px}.help-cycle{border:1px solid var(--help-line);border-radius:5px;justify-content:space-between;gap:10px;margin-top:21px;padding:13px 17px}.help-cycle>div{flex-direction:row;gap:10px}.help-cycle b{font-size:20px}.help-cycle>div>span:last-child{font-size:10px}.help-cycle>div>span:first-child{font-size:20px}.help-steps{grid-template-columns:1fr;gap:15px}.help-step{grid-template-columns:minmax(0,1fr) 100px;padding:19px;display:grid;position:relative}.help-step-label{z-index:1;letter-spacing:1.2px;grid-column:1;align-self:start;padding:0;font-size:8px}.help-illustration{opacity:.95;width:118px;height:106px;margin:0;position:absolute;top:10px;right:4px}.help-island{width:83px;height:44px;top:41px;left:20px}.help-model-main{width:87px;height:83px;top:2px;left:9px}.help-model-small{width:52px;height:52px;top:43px;left:58px}.help-step-night .help-model-small{width:42px;height:42px;top:48px;left:66px}.help-step-copy{grid-column:1/-1;padding:0;display:block}.help-step-copy h2{max-width:calc(100% - 80px);margin-top:13px;margin-bottom:26px;font-size:20px;line-height:1.5}.help-step-copy p{font-size:12px;line-height:1.9}.help-step-copy ul{gap:6px;margin:12px 0 16px;font-size:11px}.help-step-note{padding-top:13px;font-size:10px}.help-between{grid-template-columns:1fr;gap:20px;padding:23px 0}.help-between h2{font-size:14px}.help-between p{font-size:12px}.help-controls{grid-template-columns:1fr;gap:18px;margin-top:22px}.help-controls-heading{position:relative}.help-controls-heading h2{font-size:19px}.help-controls-heading button{min-height:30px;font-size:11px}.help-control-list{grid-template-columns:1fr 1fr;gap:20px 16px}.help-control-key{font-size:11px}.help-control-list>div>span:last-child{font-size:10px}.help-footer{align-items:center;gap:10px;padding:12px 18px}.help-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:8px}.help-footer .help-codex{text-align:left;flex-shrink:0;max-width:110px;font-size:10px;line-height:1.6}.help-codex>span:first-child{display:none}.help-codex>span:last-child{margin-left:3px}.help-footer .help-primary{min-height:44px;padding:10px 14px;font-size:11px}.help-primary>span{margin-left:13px;font-size:17px}.help-footer .help-tutorial{min-height:36px;padding:7px 10px;font-size:10px}.help-footer:has(.help-tutorial){flex-wrap:wrap}.help-footer:has(.help-tutorial)>div{flex-wrap:nowrap;flex:1}.help-footer:has(.help-tutorial) .help-codex{max-width:none}.help-footer:has(.help-tutorial) .help-primary>span{margin-left:8px}}@media (max-width:370px){.help-reading{padding:22px 16px}.help-intro h1{font-size:25px}.help-step{padding:16px}.help-illustration{width:99px;right:0}.help-step-copy h2{max-width:calc(100% - 70px);font-size:19px}.help-step-label{letter-spacing:.9px;font-size:7px}.help-cycle{padding:12px}.help-cycle>div{gap:6px}.help-footer{padding:11px 15px}.help-footer:has(.help-tutorial)>div{justify-content:space-between}.help-footer:has(.help-tutorial) .help-codex{flex-basis:100%;min-height:27px;padding:0}}@media (min-width:701px) and (max-height:560px){#modal.help-screen{padding:10px}#modal.help-screen .box{height:calc(100dvh - 20px)}.help-topbar{min-height:60px;padding-top:9px;padding-bottom:9px}#modal.help-screen .mx{top:12px}.help-footer{padding-top:10px;padding-bottom:10px}}#modal.codex-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(at 20% 10%,#29433c88,#0000 60%),#08161bef;padding:clamp(12px,3vw,48px)}#modal.codex-screen .box{-webkit-backdrop-filter:none;backdrop-filter:none;background:#122329;border:1px solid #d9e3cd25;border-radius:14px;width:min(1240px,100%);max-width:1240px;height:min(880px,100dvh - 72px);max-height:calc(100dvh - 24px);padding:0;box-shadow:0 30px 100px #0005}#modal.codex-screen .mbody{height:100%;display:block;overflow:hidden}#modal.codex-screen #mbox .mbody>.codex-shell{height:100%;min-height:0;padding:0}#modal.codex-screen .mx{color:#c5cec4;z-index:2;background:0 0;border:1px solid #e6e7d42b;border-radius:50%;width:38px;height:38px;font-size:19px;top:24px;right:24px}#modal.codex-screen .mx:hover{background:#ffffff0c;border-color:#e8ad69}.codex-shell{--cx-ink:#eeeada;--cx-muted:#9aafa9;--cx-accent:#e8ad69;--cx-line:#e6e7d41b;color:var(--cx-ink);flex-direction:column;font-size:13px;line-height:1.65;display:flex}.codex-shell *{box-sizing:border-box}.codex-shell button{font-family:inherit}.codex-shell button:focus-visible,.codex-shell summary:focus-visible,.codex-shell .cx-reading:focus-visible{outline:2px solid var(--cx-accent);outline-offset:-3px}.codex-shell h1,.codex-shell h2,.codex-shell h3,.codex-shell h4,.codex-shell p{margin:0}.cx-topbar{border-bottom:1px solid var(--cx-line);background:#ffffff02;flex-shrink:0;align-items:center;gap:15px;min-height:92px;padding:22px 82px 22px 28px;display:flex}.cx-wordmark{color:var(--cx-accent);font-family:var(--font-ui);font-size:39px;font-weight:700;line-height:1}.cx-wordmark>span{color:var(--cx-ink)}.cx-overline{color:var(--cx-accent);letter-spacing:1.25px;font-size:9px;font-weight:600;display:block}.cx-topbar .cx-overline{letter-spacing:1.6px;color:#90a59e;font-size:8px}.cx-topbar h1{letter-spacing:-.3px;margin-top:3px;font-size:18px;font-weight:600}.cx-edition{color:#819b93;margin-left:auto;font-size:10px}.cx-layout{flex:1;grid-template-columns:214px minmax(0,1fr);min-height:0;display:grid}.cx-sidebar{border-right:1px solid var(--cx-line);background:#0c1d2266;flex-direction:column;min-height:0;padding:28px 16px 18px;display:flex;overflow:auto}.cx-nav-label{color:#7b958e;margin:0 14px 17px;font-size:10px}.codex-shell .cx-tabs{flex-flow:column;gap:6px;margin:0;padding:0;display:flex;overflow:visible}.cx-tabs button{color:#9db0a7;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;min-height:47px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.cx-tabs button:hover{color:var(--cx-ink);background:#ffffff05}.cx-tabs button.on{color:#f4ca94;background:#e8ad6910;border-color:#e8ad6925}.cx-nav-index{font-family:var(--font-ui);font-variant-numeric:tabular-nums;opacity:.6;font-size:10px}.cx-nav-arrow{opacity:0;margin-left:auto;font-size:15px}.cx-tabs button.on .cx-nav-arrow{opacity:1}.cx-side-note{margin:auto 14px 26px;padding-top:35px}.cx-side-note>span{color:var(--cx-accent);font-size:27px}.cx-side-note p{color:#b9c4b4;margin:7px 0;font-size:14px;line-height:1.8}.cx-side-note small{color:#718d85;font-size:9px}.cx-sidebar .cx-return{border:1px solid var(--cx-line);color:#cbd3c4;background:0 0;border-radius:5px;min-height:43px;margin-top:10px;padding:10px;font-size:11px;font-weight:500}.cx-return>span{margin-right:8px}.cx-return:hover{background:#ffffff07;border-color:#e8ad6955}.cx-reading{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#48635a transparent;min-width:0;padding:34px 34px 30px;overflow:auto}.cx-chapter-heading{border-bottom:1px solid var(--cx-line);justify-content:space-between;align-items:center;gap:20px;min-height:120px;margin-bottom:27px;padding-bottom:23px;display:flex}.cx-chapter-heading h2{letter-spacing:-.6px;margin:10px 0;font-size:clamp(23px,2vw,29px);font-weight:600;line-height:1.45}.cx-chapter-heading p{color:var(--cx-muted);font-size:12px}.cx-chapter-heading>img{object-fit:contain;filter:drop-shadow(0 9px 12px #0004);width:118px;height:118px;transform:rotate(-5deg)}.codex-shell .cx-body{padding:0;overflow:visible}.cx-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:17px;display:grid}.cx-resource{border:1px solid var(--cx-line);background:linear-gradient(145deg,#ffffff04,#ffffff01);border-radius:8px;overflow:hidden}.cx-resource>header{justify-content:space-between;align-items:center;gap:10px;min-height:91px;padding:18px 20px 5px;display:flex}.cx-resource .cx-overline{color:#859f95;letter-spacing:.7px;font-size:8px}.cx-resource h4{letter-spacing:-.3px;margin-top:8px;font-size:20px;font-weight:600;line-height:1.4}.cx-resource>header img{object-fit:contain;filter:drop-shadow(0 5px 7px #0003);width:80px;height:72px}.cx-resource-summary{flex-direction:column;gap:8px;margin:13px 20px 15px;font-size:11px;display:flex}.cx-resource-summary>div{grid-template-columns:62px 1fr;gap:8px;display:grid}.cx-resource-summary dt{color:#829e92}.cx-resource-summary dd{color:#d0d9c9;margin:0}.cx-takeaway{gap:8px;font-size:10px;line-height:1.7;display:flex;color:#cbaa81!important;padding:0 20px 19px!important}.cx-takeaway>span{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--cx-accent);font-size:15px;line-height:1}.cx-resource-details{border-top:1px solid var(--cx-line)}.cx-resource-details summary{cursor:pointer;color:#99b0a6;background:#00000009;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:12px 20px;font-size:10px;list-style:none;display:flex}.cx-resource-details summary::-webkit-details-marker{display:none}.cx-resource-details summary>span{color:#d8b78e;font-size:16px;transition:transform .2s}.cx-resource-details[open] summary{color:var(--cx-accent);background:#e8ad6905}.cx-resource-details[open] summary>span{transform:rotate(45deg)}.cx-resource-details>div{padding:5px 20px 18px}.codex-shell .cx-resource-details .cx-row{color:#bfcdc3;margin:12px 0;font-size:11px;line-height:1.9;display:block}.cx-resource-details .cx-k{color:var(--cx-accent);margin-bottom:3px;font-size:10px}.cx-resource-details .cx-tip{color:#aec3b4;background:#e8ad6905;border-left:2px solid #e8ad6960;margin-top:15px;padding:10px 12px;font-size:11px;line-height:1.9}.codex-shell .cx-h{color:var(--cx-accent);align-items:center;gap:12px;margin:28px 0 16px;font-size:14px;font-weight:500;display:flex}.codex-shell .cx-h:first-child{margin-top:0}.codex-shell .cx-h:after{content:"";background:var(--cx-line);flex:1;height:1px}.codex-shell .cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;display:grid}.codex-shell .cx-card{border:1px solid var(--cx-line);background:#ffffff02;border-radius:8px;gap:15px;min-width:0;margin:0 0 15px;padding:20px;font-size:12px;line-height:1.9;display:flex}.codex-shell .cx-grid>.cx-card{flex-direction:column;height:100%;margin:0;display:flex}.codex-shell .cx-card>img{object-fit:contain;filter:drop-shadow(0 7px 9px #0003);align-self:center;width:104px;height:90px}.codex-shell .cx-card h4{color:var(--cx-ink);margin-bottom:9px;font-size:16px;font-weight:600;line-height:1.6}.codex-shell .cx-card h4 small{color:#94aa9c;font-size:10px;font-weight:400}.codex-shell .cx-card p{color:#c0cdc2;margin:8px 0}.codex-shell .cx-dim{font-size:11px;line-height:1.9;color:#859e94!important}.codex-shell .cx-body>p.cx-dim{background:#ffffff02;border-left:2px solid #e8ad6950;margin:18px 0;padding:14px 18px}.codex-shell .cx-lock{opacity:1}.codex-shell .cx-lock>img{filter:grayscale(.5);opacity:.7}.codex-shell .cx-warn{color:#cbaa81!important}.codex-shell .cx-card.cx-txt{display:block}.codex-shell .cx-row{color:#bfcec3;border-bottom:1px solid #e6e7d40c;grid-template-columns:125px minmax(0,1fr);gap:18px;margin:0;padding:13px 0;font-size:12px;line-height:1.9;display:grid}.codex-shell .cx-row:last-child{border:0}.codex-shell .cx-k{color:#c2aa88;flex:auto;font-size:11px;font-weight:500}.codex-shell .cx-t{border-collapse:collapse;scrollbar-width:thin;max-width:100%;margin-top:20px;font-size:11px;display:block;overflow:auto}.codex-shell .cx-t th,.codex-shell .cx-t td{border-bottom:1px solid var(--cx-line);min-width:90px;padding:12px 10px;line-height:1.8}.codex-shell .cx-t th{color:#c8b18b;background:#e8ad6906;font-size:10px;font-weight:500}.codex-shell .cx-t td{color:#afc3b4}.codex-shell .cx-t td:first-child{color:#e8ceb0}.codex-shell .cx-t tr[style] td{color:#ebbb7f}.cx-body[data-chapter=night]>.cx-card:first-child{border-left:2px solid var(--cx-accent)}.cx-body[data-chapter=keys] .cx-k{color:var(--cx-ink);font-size:14px}@media (max-width:1000px){.cx-layout{grid-template-columns:180px minmax(0,1fr)}.cx-sidebar{padding-left:10px;padding-right:10px}.cx-tabs button{gap:8px;padding:10px 9px;font-size:11px}.cx-reading{padding:24px}.cx-resource-grid,.codex-shell .cx-grid{gap:12px}.cx-resource>header{padding:15px 15px 5px}.cx-resource>header img{width:65px}.cx-resource h4{font-size:18px}.cx-resource-summary{margin-left:15px;margin-right:15px}.cx-resource-summary>div{grid-template-columns:52px 1fr;gap:5px}.cx-takeaway{padding-left:15px!important;padding-right:15px!important}.cx-chapter-heading>img{width:88px;height:88px}.cx-chapter-heading h2{font-size:23px}.cx-edition{display:none}}@media (max-width:740px){#modal.codex-screen{padding:0}#modal.codex-screen .box{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}#modal.codex-screen .mx{width:36px;height:36px;top:17px;right:18px}.cx-topbar{gap:11px;min-height:73px;padding:16px 65px 16px 20px}.cx-wordmark{font-size:32px}.cx-topbar h1{font-size:16px}.cx-topbar .cx-overline{font-size:7px}.cx-layout{flex-direction:column;display:flex}.cx-sidebar{border-right:0;border-bottom:1px solid var(--cx-line);background:#0b1c2280;flex-shrink:0;padding:10px 0;display:block;overflow:visible}.cx-nav-label,.cx-side-note,.cx-sidebar .cx-return{display:none}.codex-shell .cx-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;gap:7px;max-width:100%;padding:0 16px;display:flex;overflow-x:auto}.cx-tabs button{flex-shrink:0;min-height:40px;padding:8px 12px;font-size:11px}.cx-nav-arrow{display:none}.cx-nav-index{font-size:9px}.cx-reading{flex:1;min-height:0;padding:23px 20px 30px}.cx-chapter-heading{gap:10px;min-height:100px;margin-bottom:20px;padding-bottom:20px}.cx-chapter-heading h2{margin:9px 0;font-size:22px;line-height:1.5}.cx-chapter-heading p{font-size:11px}.cx-chapter-heading>img{width:77px;height:82px}.cx-overline{letter-spacing:.7px;font-size:8px}.cx-resource-grid{grid-template-columns:1fr;gap:14px}.cx-resource>header{min-height:80px;padding:18px 19px 0}.cx-resource>header img{width:85px;height:73px}.cx-resource h4{font-size:20px}.cx-resource-summary{gap:7px;margin:12px 19px 15px;font-size:12px}.cx-resource-summary>div{grid-template-columns:65px 1fr}.cx-takeaway{font-size:11px;padding:0 19px 16px!important}.cx-resource-details summary{min-height:45px;padding:12px 19px;font-size:11px}.codex-shell .cx-grid{grid-template-columns:1fr}.codex-shell .cx-grid>.cx-card{grid-template-columns:76px minmax(0,1fr);gap:12px;height:auto;display:grid}.codex-shell .cx-card{padding:17px}.codex-shell .cx-card>img{align-self:start;width:76px;height:83px}.codex-shell .cx-card h4{font-size:15px}.codex-shell .cx-card h4 small{font-size:10px}.codex-shell .cx-grid>.cx-txt{display:block}.codex-shell .cx-row{padding:12px 0;font-size:12px;display:block}.codex-shell .cx-k{margin-bottom:5px;font-size:11px}.cx-resource-details .cx-row{padding:7px 0;font-size:12px}.codex-shell .cx-t th,.codex-shell .cx-t td{padding:10px 8px}.cx-body[data-chapter=keys] .cx-k{font-size:13px}}@media (min-width:520px) and (max-width:740px){.cx-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-resource>header{gap:5px;padding:14px}.cx-resource>header img{width:54px}.cx-resource-summary{margin:0 14px 14px;font-size:11px}.cx-resource-summary>div{grid-template-columns:48px 1fr}.cx-resource h4{font-size:18px}.cx-takeaway{font-size:10px;padding:0 14px 15px!important}.cx-resource-details summary{padding:10px 14px;font-size:10px}}@media (max-width:370px){.cx-reading{padding:20px 15px}.cx-chapter-heading>img{display:none}.cx-chapter-heading h2{font-size:23px}.codex-shell .cx-grid>.cx-card{flex-direction:column;display:flex}.codex-shell .cx-card>img{align-self:center}}@media (max-height:560px) and (min-width:741px){#modal.codex-screen{padding:10px}#modal.codex-screen .box{height:calc(100dvh - 20px)}.cx-topbar{min-height:66px;padding-top:12px;padding-bottom:12px}#modal.codex-screen .mx{top:14px}.cx-sidebar{padding-top:12px}.cx-nav-label,.cx-side-note{display:none}.cx-tabs button{min-height:35px;padding-top:6px;padding-bottom:6px}.codex-shell .cx-tabs{gap:2px}.cx-sidebar .cx-return{min-height:34px;margin-top:12px}}@media (prefers-reduced-motion:reduce){.cx-resource-details summary>span{transition:none}}.cx-building-details{border-top:1px solid var(--cx-line);margin-top:12px}.cx-building-details summary{cursor:pointer;color:#c5b18f;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 0;font-size:11px;list-style:none;display:flex}.cx-building-details summary::-webkit-details-marker{display:none}.cx-building-details summary>span{font-size:15px}.cx-building-details[open] summary>span{transform:rotate(45deg)}.codex-shell .cx-building-details p{margin:0 0 12px}.cx-reading .cx-resource-details .cx-row{display:block}