:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#293b36;background:#f3f1e9;font-synthesis:none;--paper: #f3f1e9;--ink: #293b36;--muted: #69746a;--teal: #347f76;--clay: #b96049;--line: #dcded3;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button,input,select{min-height:44px}button{transition:background .2s,transform .2s,opacity .2s}button:active:not(:disabled){transform:scale(.98)}h1,h2,p{margin:0}h1{font-family:"Noto Serif SC",Songti SC,SimSun,Georgia,serif;font-weight:500;font-size:clamp(28px,7.7vw,48px);letter-spacing:.02em;line-height:1.45}h2{font-size:17px;font-weight:500}p{line-height:1.8}.app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1440px;margin:auto}.wordmark{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:0;white-space:nowrap}.brand-mark{display:grid;grid-template-columns:repeat(2,4px);gap:4px;transform:rotate(-9deg);margin:5px}.brand-mark i{width:4px;height:4px;background:var(--teal);border-radius:50%}.top-actions{display:flex;align-items:center;gap:6px}.icon-button{width:44px;display:grid;place-items:center;border-radius:50%;font-size:28px}.icon-button:hover{background:#e5e7dd}.quiet{font-size:13px;padding:10px 12px;color:var(--muted)}.quiet:hover{color:var(--teal)}.content{position:relative;max-width:1080px;margin:auto}.page{max-width:740px;margin:auto;padding:40px 24px 60px;animation:arrive .45s cubic-bezier(.2,.75,.25,1)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--muted);margin-bottom:13px}.lead{color:var(--muted);font-size:14px;margin:14px 0 34px;max-width:530px}.mode-list{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:44px}.mode-card{text-align:left;display:flex;align-items:center;gap:14px;padding:25px 0;border-bottom:1px solid var(--line);width:100%}.mode-card:hover{background:#ebece3}.motif{width:66px;height:76px;flex-shrink:0;color:var(--teal)}.mode-card:nth-child(2) .motif{color:var(--clay)}.mode-card:nth-child(3) .motif{color:#8b8d54}.mode-copy{display:flex;flex-direction:column;gap:7px;flex:1}.mode-copy small{font-size:10px;color:var(--muted);letter-spacing:.12em}.mode-copy strong{font-size:16px;font-weight:500;line-height:1.5}.mode-copy>span{font-size:11px;line-height:1.7;color:var(--muted)}.mode-arrow{font-size:24px;font-weight:300;padding:0 6px}.home-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:11px;color:var(--muted)}.home-footer .quiet{padding-left:0}.primary{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:54px;background:var(--teal);color:#fcfcf4;border-radius:7px;padding:14px 20px;line-height:1.5}.primary:hover{background:#2c7169}.start-button{margin:30px 0 48px;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:42px 0 24px}.stats strong{display:block;font-size:34px;font-weight:400;letter-spacing:-.04em}.stats span{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:8px}.personal-best{color:var(--muted);font-size:13px}.personal-best b{color:var(--teal);margin-left:10px}.history h2{margin-bottom:22px}.empty{padding:26px 0;color:var(--muted);font-size:13px}.history ol{list-style:none;padding:0}.history li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.history time{font-size:11px;color:var(--muted);text-align:right}.back-link{position:relative;left:12px;margin-bottom:24px}.veil{position:fixed;inset:0;background:#293b3640;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:14px;animation:fade .2s}.dialog{width:100%;max-width:480px;max-height:85dvh;overflow:auto;background:var(--paper);padding:22px 24px 28px;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 20px 100px #182f2020;animation:arrive .35s cubic-bezier(.2,.75,.25,1)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.muted,.caption{color:var(--muted)}.caption{font-size:11px;overflow-wrap:anywhere}.form{display:flex;flex-direction:column;gap:20px;margin-top:26px}.form label{display:flex;flex-direction:column;gap:9px;font-size:13px}input,select{background:#fafaf4;border:1px solid var(--line);border-radius:6px;padding:11px 12px;color:var(--ink);min-width:0;max-width:100%}.error{color:#a64d3d;font-size:13px}.segmented{display:flex;gap:4px;background:#e4e7dc;padding:4px;border-radius:9px}.segmented button{flex:1;border-radius:6px;padding:9px 16px;font-size:13px}.segmented .active{background:var(--paper);box-shadow:0 1px 5px #253b3510}.dialog .segmented{margin-top:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.toggle{width:46px;height:28px;min-height:28px;background:#c8cec0;border-radius:20px;padding:3px;position:relative}.toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.checked{background:var(--teal)}.toggle.checked span{transform:translate(18px)}.search-form{display:flex;gap:8px;margin-bottom:26px}.search-form input{flex:1}.search-form button,.person button{font-size:12px;color:var(--teal);padding:10px}.people-list{margin:16px 0 32px}.person{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.person strong{font-size:15px;font-weight:500}.person small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.presence{display:inline-block;width:5px;height:5px;background:#b2b7aa;border-radius:50%;margin-right:6px}.presence.online{background:var(--teal)}.row-actions{display:flex;gap:12px;align-items:center}.account-name{font-size:26px;margin-bottom:10px}.queue-page{text-align:center;padding-top:60px}.queue-page .lead{margin-left:auto;margin-right:auto}.queue-page h1{font-size:29px}.queue-time{font-size:48px;font-weight:300;font-variant-numeric:tabular-nums;margin:30px 0}.queue-page .quiet{display:block;margin:24px auto}.orbit{width:120px;height:120px;border:1px solid var(--line);border-radius:50%;position:relative;margin:0 auto 46px;animation:orbit 12s linear infinite}.orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal);left:55px;top:-4px}.orbit span:nth-child(2){top:85px;left:0;background:var(--clay)}.orbit span:nth-child(3){top:86px;left:107px;background:#939560}.playing{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.playing .topbar{width:100%;height:64px;flex-shrink:0}.battle{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1440px;margin:auto;padding:0 18px}.battle-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 5px 12px;flex-shrink:0}.battle-heading .eyebrow{margin:0 0 5px;font-size:9px}.battle-caption{font-size:10px;color:var(--muted)}.battle-heading time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.territory-bar{display:flex;align-items:center;gap:14px;font-size:11px;flex-shrink:0;padding:4px 5px 12px}.side-label{white-space:nowrap}.side-0{color:var(--teal)}.side-1{color:var(--clay)}.side-label b{font-weight:500}.balance{height:3px;display:flex;justify-content:space-between;background:#e1e3d9;flex:1;border-radius:2px;overflow:hidden}.balance i{display:block;height:100%;transition:width .4s}.map-area{position:relative;flex:1;min-height:0;margin:0 -14px}.game-canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.fit-button{position:absolute;right:12px;bottom:8px;background:#f3f1e9da;border:1px solid var(--line);border-radius:20px;font-size:10px;padding:0 13px;min-height:34px}.command-dock{flex-shrink:0;padding:6px 2px 16px}.gesture-tip{font-size:11px;text-align:center;color:var(--muted);margin:8px auto 13px;max-width:520px;min-height:20px}.command-row{display:flex;align-items:center;gap:16px;justify-content:center}.ratio-switch{flex:0 0 215px}.ratio-switch button{min-height:44px}.reserve-note{font-size:10px;color:var(--muted);line-height:1.7;max-width:150px}.tile-stats{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;margin-bottom:18px}.tile-stats b{display:block;margin-top:9px;font-size:18px;color:var(--ink);font-weight:500}.build-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;width:100%;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.build-list small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}.build-list b{font-size:14px;font-weight:500}.toast{position:fixed;z-index:50;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#293b36ed;color:#f9faf4;border-radius:9px;padding:14px 20px;max-width:90vw;width:max-content;font-size:12px;line-height:1.6;box-shadow:0 6px 20px #0001;animation:fade .2s}.result-page{padding-top:64px}.result-page .primary{margin-top:32px}.result-page>.quiet{display:block;margin:16px auto}.peak-result{padding:32px 0 18px}.peak-result strong{font-size:100px;font-weight:300;letter-spacing:-.05em;line-height:1.1;color:var(--teal)}.peak-result small{font-size:28px;margin-left:8px}.peak-result p{font-size:13px;color:var(--muted);margin-top:14px}.badge{margin-left:14px;font-size:10px;background:#dce8dc;color:var(--teal);border-radius:4px;padding:4px 6px}.letter{padding:40px 0;font-family:Songti SC,SimSun,Georgia,serif}.letter>p{font-size:25px;line-height:2;margin-bottom:24px}.letter footer{text-align:right;margin-top:78px}.letter b{display:block;font-size:16px;font-weight:400}.letter time{display:block;white-space:pre-line;font:11px/1.8 system-ui;color:var(--muted);margin-top:12px}@keyframes arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@media(min-width:700px){.topbar{padding:0 42px;height:94px}.page{padding-top:65px;padding-left:50px;padding-right:50px}.home-page{max-width:850px}.mode-card{gap:30px;padding:28px 10px}.motif{width:95px;height:95px}.mode-copy strong{font-size:21px}.mode-copy>span{font-size:13px}.mode-copy small{font-size:11px}.mode-arrow{padding:0 14px}.home-footer{margin-top:40px}.veil{align-items:center}.dialog{padding:26px 30px 34px}.battle{padding:0 38px}.playing .topbar{height:80px}.battle-heading{padding:8px 8px 15px}.battle-caption{font-size:12px}.territory-bar{max-width:580px;width:100%;margin:0 auto}.command-dock{padding-bottom:26px}.command-row{gap:30px}.ratio-switch{flex-basis:260px}.gesture-tip{font-size:13px}.reserve-note{font-size:11px}.stats strong{font-size:44px}.stats span{font-size:12px}.back-link{left:40px}.letter>p{font-size:32px}}@media(min-width:1100px){.home-page{max-width:900px}.home-page h1{font-size:54px}.mode-list{margin-top:50px}.page{padding-top:72px}.battle-heading{max-width:1050px;width:100%;margin:auto}.command-dock{max-width:740px;width:100%;margin:auto}.mode-card{padding:23px 10px}}@media(max-height:520px)and (orientation:landscape){.playing .topbar{height:44px}.battle-heading{padding:0 6px 3px}.battle-caption{display:none}.battle-heading .eyebrow{margin-bottom:0}.territory-bar{position:absolute;top:18px;left:50%;width:200px;transform:translate(-50%);padding:0}.command-dock{padding:0 6px 7px;display:flex;align-items:center;justify-content:center;gap:20px}.gesture-tip{font-size:10px;max-width:240px;margin:0}.reserve-note{display:none}.ratio-switch{flex-basis:190px}.ratio-switch button{min-height:32px;padding:5px 12px}.fit-button{bottom:3px}.dialog{max-height:92dvh}.veil{align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}