:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d3440;background:#eedbc1;font-synthesis:none;font-weight:500;--ink:#1d3440;--cream:#fff7e9;--mint:#50d9b0;--yellow:#f7d565;--coral:#f17f69}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid #0b927d;outline-offset:4px}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active{transform:translateY(2px) scale(.96)}button{transition:transform .15s,background .2s,box-shadow .2s}button:hover:not(:disabled){filter:brightness(1.04)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{position:relative;background:#eedbc1}#game{position:absolute;inset:0}#game canvas{display:block;outline:0;touch-action:none}#topbar{position:absolute;inset:max(22px,env(safe-area-inset-top)) 28px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:11px;font-size:25px;line-height:.85;font-weight:950;font-style:italic;letter-spacing:-1.4px;transform:rotate(-3deg)}.brand>span>span{display:block;margin-top:4px;font-size:27px}.brand-dot{font-size:9px;vertical-align:super;margin-left:3px;font-style:normal}.brand-mark{display:grid;place-items:center;width:48px;height:53px;background:var(--ink);border-radius:12px 8px;transform:rotate(-5deg);box-shadow:3px 3px #dbbda0}.brand-mark svg{width:35px;fill:var(--mint);stroke:var(--cream);stroke-width:3;stroke-linejoin:round}.brand-mark svg path:first-child{stroke:none}.match-clock{position:absolute;left:50%;transform:translate(-50%);text-align:center}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.6px;line-height:1.5}.match-clock>.eyebrow{color:#66706b;font-size:9px;letter-spacing:2px}.match-clock b{display:block;font-size:40px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.05}.clock-line{height:3px;width:81px;margin:6px auto 0;background:#d6c5ab;overflow:hidden;border-radius:3px}.clock-line i{height:100%;width:100%;background:var(--ink);display:block;transition:width .25s}.match-clock.urgent b{color:#d35d4e}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{width:43px;height:43px;border:1px solid #1d344020;border-radius:13px;background:#fff7e9b8;display:grid;place-items:center;box-shadow:0 3px #d4bda245}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}#left-panel{position:absolute;top:153px;left:30px;width:173px;pointer-events:none}.location{padding-bottom:25px;border-bottom:1px solid #1d344025}.location>.eyebrow{font-size:9px;color:#766e5e;letter-spacing:1.6px}.location>b{display:block;font-size:23px;font-weight:900;letter-spacing:-.9px;line-height:1.05;margin:8px 0}.location>span:last-child{font-size:11px;line-height:1.6;color:#6c7069;display:block}.contract{margin-top:25px}.contract-head{display:flex;gap:5px;align-items:center;margin-bottom:10px}.contract-head .eyebrow{font-size:8px;letter-spacing:1px}.mini-icon{background:var(--ink);color:var(--yellow);padding:0 3px;border-radius:3px;font-size:15px}.contract>b{font-size:13px;line-height:1.4;display:block}.progress-track{background:#d8c8ae;border-radius:3px;height:5px;margin:15px 0 8px;overflow:hidden}.progress-track i{height:100%;background:#329b80;display:block;width:0;transition:width .4s}.contract-foot{font-size:10px;color:#6b7067;display:flex;justify-content:space-between}.contract-foot>span:last-child{color:#2c7667;font-weight:900}.coin{color:#d5a033;font-size:1.05em}#leaderboard{position:absolute;right:29px;top:157px;width:161px;pointer-events:none}#leaderboard>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:13px}#leaderboard>.eyebrow span{color:#8b8476;font-size:7px}.rank-row{display:flex;align-items:center;gap:8px;font-size:11px;height:35px;margin:3px -8px;padding:0 8px;border-radius:9px;transition:background .4s}.rank-row.you{background:#fff7e9b3;box-shadow:0 2px #d4bea035}.rank-row>span:first-child{font-weight:850;font-size:9px;width:8px;color:#817e70}.team-dot{width:9px;height:9px;border:2px solid #1d344040;border-radius:3px;display:inline-block}.rank-row>b{font-size:10px;flex:1}.rank-row>strong{font-variant-numeric:tabular-nums;font-size:10px}.rank-row small{font-size:7px;color:#7b8174;font-weight:700;display:block;line-height:1}.rank-row.you small{color:#3b967b}#bottom-bar{position:absolute;left:30px;right:30px;bottom:max(23px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;pointer-events:none}.territory{width:165px}.territory>.eyebrow{color:#687366;font-size:9px}.territory>div:nth-child(2){display:flex;align-items:center;gap:10px;height:53px}.territory b{font-size:47px;line-height:1;font-weight:900;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}.territory b span{font-size:20px;letter-spacing:-1px;margin-left:2px}.rank-badge{background:var(--ink);color:var(--mint);font-size:10px;font-weight:850;padding:5px 7px;border-radius:5px;transform:rotate(-6deg)}.territory-track{height:5px;border-radius:4px;background:#d4c4ad;overflow:hidden;margin-top:8px}.territory-track i{display:block;height:100%;width:0;background:#329b80;transition:width .3s}.control-hint{display:flex;align-items:center;gap:8px;padding-bottom:5px;color:#73786a;font-size:11px}.control-hint>.key{display:block;width:24px;height:25px;line-height:25px;text-align:center;border:1px solid #9b9d8760;border-radius:5px;box-shadow:0 2px #9b9d8740;font-weight:800;color:#384d46}.control-hint>.arrows{font-size:9px;line-height:1.2;max-width:22px;letter-spacing:2px}.control-hint>span:last-child>span{display:block;font-size:7px;font-weight:800;letter-spacing:1.1px;margin-top:5px}.workshop-button{pointer-events:auto;display:flex;align-items:center;gap:10px;border:1px solid #1d34402b;border-radius:13px;background:#fff7e9c9;box-shadow:0 3px #d4bda270;padding:12px 16px;text-align:left;font-weight:850;font-size:8px;letter-spacing:1.1px}.workshop-icon{font-size:28px;color:#537969;line-height:1;transform:rotate(-8deg)}.workshop-button b{display:block;font-size:17px;letter-spacing:-.4px;margin-top:3px}.workshop-button .coin{font-size:14px}#onboarding{position:absolute;bottom:127px;left:50%;transform:translate(-50%);padding:12px 13px 12px 10px;display:flex;align-items:center;gap:10px;border:1px solid #1d344026;border-radius:13px;background:#fff8eaf2;box-shadow:0 5px #123d3310,0 10px 30px #123d3308;pointer-events:none;animation:guide-in .6s both;white-space:nowrap}.guide-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--mint);border-radius:9px;font-size:27px;font-weight:900;color:var(--ink)}#onboarding b{display:block;font-size:9px;font-weight:900;letter-spacing:1px}#onboarding div>span{display:block;font-size:11px;margin-top:4px;color:#667268}#onboarding button{pointer-events:auto;background:none;font-size:19px;opacity:.5;padding:5px;margin-left:9px}#status{position:absolute;top:115px;left:50%;transform:translate(-50%);font-size:10px;font-weight:900;letter-spacing:1.7px;padding:8px 12px;border-radius:6px;color:var(--cream);background:var(--ink);opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#status.active{opacity:1}#claim-pop{position:absolute;top:26%;left:50%;transform:translate(-50%,-10px);text-align:center;pointer-events:none;opacity:0;transition:opacity .15s,transform .2s;color:#184c3e;text-shadow:0 2px #fff9}#claim-pop.active{opacity:1;transform:translate(-50%)}#claim-pop b{font-size:36px;letter-spacing:-1.7px;display:block;font-weight:950;font-style:italic}#claim-pop span{display:block;font-size:10px;letter-spacing:2px;font-weight:900}#toast{position:absolute;left:50%;bottom:118px;transform:translate(-50%,12px);padding:12px 18px;background:#1d3440;color:var(--cream);font-size:12px;border-radius:10px;max-width:calc(100% - 30px);text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:20}#toast.visible{opacity:1;transform:translate(-50%)}#modal{position:absolute;inset:0;background:#152f3a66;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:15}#dialog{background:#fff7e9;border:1px solid #fff8;border-radius:24px;padding:35px;width:480px;max-width:100%;max-height:calc(100% - 6px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 16px #152c3822,0 24px 100px #112f3c30;animation:modal-in .3s cubic-bezier(.2,1.3,.5,1) both;position:relative}#dialog.wide{width:690px}#dialog .eyebrow{font-size:9px;color:#66816e}h2{font-size:37px;letter-spacing:-1.9px;line-height:1.05;font-weight:950;margin:10px 0 14px}#dialog p{font-size:12px;line-height:1.7;color:#6b786b;margin:10px 0 19px}.modal-close{position:absolute;right:16px;top:14px;background:#1d34400b;border-radius:50%;width:30px;height:30px;font-size:22px;color:#617364}.button{border-radius:11px;padding:14px 18px;background:#e8e5d6;font-size:12px;font-weight:850;letter-spacing:.1px;box-shadow:0 3px #1d344015;min-height:43px}.button.primary{background:var(--ink);color:var(--cream);box-shadow:0 4px #0e222d}.button.mint{background:var(--mint);color:var(--ink);box-shadow:0 4px #2f9d82}.button.outline{background:transparent;border:1px solid #1d34402b;box-shadow:none}.modal-actions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.modal-actions .button{flex:1;white-space:nowrap}.result-emblem{font-size:49px;background:var(--yellow);border-radius:18px;width:76px;height:76px;display:grid;place-items:center;margin:0 auto 22px;transform:rotate(-7deg);box-shadow:4px 5px #1d344015}.result{text-align:center}.result h2{font-size:39px}.result-stats{display:flex;justify-content:space-around;background:#e9eddf;border-radius:13px;padding:17px 5px;margin:20px 0}.result-stats b{display:block;font-size:25px;letter-spacing:-1px}.result-stats span{font-size:8px;letter-spacing:1px;color:#6f7c6d;font-weight:800}.reward-strip{display:flex;justify-content:center;gap:25px;font-size:13px;font-weight:850;color:#4b725c}.result-table{text-align:left;margin:18px 0}.result-table .rank-row{padding:0 13px;height:34px;background:#eee9da}.result-table .rank-row.you{background:#c8edcf}.level-track{display:flex;align-items:center;gap:10px;margin-top:18px;text-align:left;font-size:9px;font-weight:800;color:#5e745d}.level-track .progress-track{margin:0;flex:1}.level-track .progress-track i{background:#449b7d}.workshop-head{display:flex;align-items:center;justify-content:space-between;margin:0 15px 15px 0}.wallet{border-radius:9px;padding:8px 12px;background:#eee6cc;font-size:18px;font-weight:900}.tabs{display:flex;gap:5px;border-bottom:1px solid #1d344020;padding:0 0 11px;margin:12px 0 20px}.tabs button{background:none;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:800;color:#7b8577}.tabs button.active{background:var(--ink);color:var(--cream)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-item{padding:15px 12px;background:#eeeddf;border:1px solid #1d344015;border-radius:13px;text-align:center}.shop-item.selected{border:2px solid #3b9f80;padding:14px 11px;background:#e3efdb}.shop-item b{display:block;font-size:12px;margin-top:12px}.shop-item p{font-size:10px!important;line-height:1.4!important;min-height:28px;margin:6px 0 12px!important}.shop-item .button{font-size:10px;min-height:36px;padding:9px;width:100%}.skin-preview{height:54px;position:relative;display:grid;place-items:center;isolation:isolate}.skin-preview:before{content:"";width:58px;height:30px;background:var(--paint);border:3px solid #1d344030;border-radius:9px;box-shadow:0 7px #1d344016;transform:rotate(-18deg)}.skin-preview:after{content:"";width:24px;height:29px;border:4px solid #1d3440;border-top:0;border-left:0;position:absolute;left:50%;top:23px;transform:rotate(-18deg);border-radius:0 0 7px}.perk-icon{height:50px;font-size:38px;color:#328b73;font-weight:900}.roof-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.roof-choice{padding:13px;text-align:left;border:1px solid #1d344020;border-radius:10px;background:#ecebdd;display:flex;gap:12px;align-items:center}.roof-choice>span{font-size:23px;font-weight:900;color:#8ba28b}.roof-choice b{font-size:12px;display:block}.roof-choice small{display:block;font-size:9px;color:#75836e;margin-top:3px}.roof-choice.selected{background:#cbeed3;border-color:#58a783}.milestone{display:flex;align-items:center;gap:14px;border-bottom:1px solid #1d344015;padding:13px 0}.milestone>span{background:#e1e6d2;border-radius:8px;padding:9px;font-size:17px;font-weight:950}.milestone>div{flex:1}.milestone b{font-size:12px}.milestone small{font-size:10px;display:block;color:#73816b;margin-top:4px}.milestone .button{min-height:35px;padding:9px;font-size:10px}.best-list{font-size:11px;display:flex;flex-direction:column;gap:10px}.best-list>div{display:flex;justify-content:space-between;padding:9px;background:#ecebdd;border-radius:7px}#loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;background:#eedbc1;z-index:30;transition:opacity .3s}#loading b{font-size:15px;letter-spacing:-.3px}.loading-roller{width:70px;height:30px;border-radius:9px;background:var(--mint);box-shadow:0 5px #2e9b7e;animation:roller-load .7s infinite alternate ease-in-out}.loading-roller:after{content:"";display:block;width:29px;height:31px;border:5px solid var(--ink);border-top:0;border-left:0;border-radius:0 0 8px;transform:translate(43px,15px)}@keyframes roller-load{to{transform:translateY(-9px) rotate(-9deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guide-in{0%{opacity:0;bottom:118px}to{opacity:1}}@media(max-width:1100px){#left-panel{top:105px;left:20px;width:150px}.location{border:0;padding:0}.location>b{font-size:18px}.location>span:last-child,.contract{display:none}#leaderboard{width:135px;right:20px;top:110px}.rank-row{height:30px}#topbar{inset:max(16px,env(safe-area-inset-top)) 20px auto}.brand{font-size:21px}.brand>span>span{font-size:23px}.brand-mark{width:40px;height:44px}.match-clock b{font-size:33px}#bottom-bar{left:20px;right:20px;bottom:max(16px,env(safe-area-inset-bottom))}.territory{width:135px}.territory b{font-size:37px}.territory>div:nth-child(2){height:44px}.workshop-button{padding:9px 12px}.control-hint{font-size:9px}.control-hint>span:last-child>span{font-size:6px}#onboarding{bottom:105px;padding:9px;gap:8px}#toast{bottom:100px}}@media(max-width:600px){#topbar{inset:max(19px,env(safe-area-inset-top)) 16px auto}.brand{font-size:18px;gap:8px;letter-spacing:-1px}.brand>span>span{font-size:19px}.brand-mark{width:31px;height:37px;border-radius:9px 6px}.brand-mark svg{width:26px}.brand-dot{display:none}.top-actions{gap:6px}.icon-button{width:34px;height:36px;border-radius:10px}.icon-button svg{width:17px}.match-clock{top:3px}.match-clock>.eyebrow{font-size:6px;letter-spacing:1px}.match-clock b{font-size:29px}.clock-line{width:56px;margin-top:4px}#left-panel{left:17px;top:98px;width:145px}.location>.eyebrow{font-size:7px}.location>b{font-size:17px;margin-top:4px}#leaderboard{top:168px;right:16px;width:125px;display:none}#bottom-bar{left:17px;right:17px;bottom:max(22px,env(safe-area-inset-bottom))}.territory{width:139px}.territory>.eyebrow{font-size:8px}.territory b{font-size:41px}.territory-track{margin-top:10px}.workshop-button{gap:8px;padding:12px 14px;font-size:7px}.workshop-button b{font-size:17px}.workshop-icon{font-size:23px}.control-hint{position:absolute;bottom:100px;left:0;right:0;justify-content:center;font-size:10px;display:none}.control-hint>.key,.control-hint>.arrows{display:none}#onboarding{bottom:132px;width:calc(100% - 34px);justify-content:center;padding:11px 6px}#onboarding b{font-size:9px}#onboarding div>span{font-size:10px}#onboarding button{margin-left:0}#toast{bottom:127px;font-size:11px;width:max-content}#status{top:145px;font-size:8px;padding:7px 10px}#claim-pop{top:27%}#claim-pop b{font-size:29px}#dialog{padding:26px 20px;border-radius:19px}h2,.result h2{font-size:32px}.shop-grid{grid-template-columns:repeat(2,1fr)}.tabs{gap:1px}.tabs button{padding:7px 8px;font-size:10px}.shop-item:last-child:nth-child(3){grid-column:1 / -1}.shop-item p{min-height:0}.roof-choice{padding:11px 8px;gap:8px}.roof-choice b{font-size:10px}.roof-choice small{font-size:8px}.result-emblem{width:59px;height:59px;font-size:38px;margin-bottom:16px}.result-stats{padding:12px 3px;margin:14px 0}.result-stats b{font-size:23px}.modal-actions{margin-top:17px}.result-table{margin:13px 0}}@media(max-height:520px)and (min-width:601px){#topbar{top:max(12px,env(safe-area-inset-top));left:18px;right:18px}.brand{font-size:16px;gap:7px}.brand>span>span{font-size:18px}.brand-mark{height:34px;width:31px;border-radius:8px}.brand-mark svg{width:26px}.match-clock>.eyebrow{font-size:6px}.match-clock b{font-size:28px}.clock-line{margin-top:3px;width:60px}.icon-button{width:34px;height:34px;border-radius:10px}.icon-button svg{width:17px}#left-panel{top:80px;left:18px;width:116px}.location>.eyebrow{font-size:7px}.location>b{font-size:15px}#leaderboard{top:80px;width:112px;right:18px}#leaderboard>.eyebrow{font-size:6px;margin-bottom:6px}.rank-row{font-size:8px;height:25px;gap:5px}.rank-row>b,.rank-row>strong{font-size:8px}.rank-row small{font-size:6px}.team-dot{width:8px;height:8px}#bottom-bar{bottom:max(13px,env(safe-area-inset-bottom));left:18px;right:18px}.territory{width:111px}.territory>.eyebrow{font-size:7px}.territory b{font-size:29px;letter-spacing:-1px}.territory b span{font-size:14px}.territory>div:nth-child(2){height:32px}.territory-track{height:3px;margin-top:4px}.rank-badge{font-size:8px;padding:4px}.workshop-button{padding:8px 10px;gap:7px;font-size:6px;border-radius:9px}.workshop-icon{font-size:20px}.workshop-button b{font-size:14px}.control-hint{display:none}#onboarding{bottom:18px;padding:8px 10px;gap:7px;border-radius:10px}#onboarding b{font-size:7px}#onboarding div>span{font-size:8px}.guide-icon{height:26px;width:26px;font-size:22px}#onboarding button{font-size:16px;padding:2px;margin-left:3px}#status{top:70px;font-size:8px;padding:6px 9px}#claim-pop{top:25%}#claim-pop b{font-size:26px}#claim-pop span{font-size:8px}#toast{bottom:75px;padding:10px;font-size:10px}#dialog{padding:24px;max-height:calc(100% - 8px)}#modal{padding:10px}#dialog.wide{width:640px}.result-emblem{width:45px;height:45px;font-size:31px;margin:0 auto 10px}.result h2{font-size:28px;margin:5px 0}.result p{margin:8px 0!important}.result-table .rank-row{height:24px}.result-stats{margin:10px 0;padding:9px}.result-stats b{font-size:22px}.result-stats span{font-size:7px}.result-table{margin:8px 0}.level-track{margin-top:10px}.modal-actions{margin-top:13px}.button{padding:11px 15px;min-height:37px}h2{font-size:28px;margin-top:5px}.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-item{padding:12px}.shop-item.selected{padding:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:600px){#app.steering-low .territory{position:fixed;left:17px;top:98px;bottom:auto;width:139px;background:#fff7e9ed;padding:9px 11px;border-radius:11px;box-shadow:0 3px #1d34400c}#app.steering-low #left-panel{opacity:0}#app.steering-low .territory b{font-size:33px}#app.steering-low .territory>div:nth-child(2){height:37px}#app.steering-low .territory-track{margin-top:6px}}.compact-pause-controls{display:none}@media(max-height:520px)and (min-width:601px){#dialog:has(>.result){width:700px;padding:19px 23px}#dialog>.result{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:24px;row-gap:5px;align-items:center}.result>.result-emblem{display:none}.result>.eyebrow{grid-column:1;grid-row:1;font-size:7px;letter-spacing:1px}.result>h2{grid-column:1;grid-row:2;font-size:28px;margin:2px 0 5px;line-height:1.05;letter-spacing:-1.2px}.result>.result-stats{grid-column:1;grid-row:3;margin:0;padding:10px 2px;gap:4px}.result>.result-stats b{font-size:22px}.result>.result-stats span{font-size:6px;letter-spacing:.6px}.result>.reward-strip{grid-column:1;grid-row:4;gap:13px;font-size:10px;min-height:22px}.result>.result-table{grid-column:2;grid-row:1 / span 3;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.result>.result-table .rank-row{margin:2px 0;height:25px;min-height:25px}.result>.level-track{grid-column:2;grid-row:4;margin:0;font-size:7px;gap:6px}.result>.modal-actions:nth-last-child(2){grid-column:1 / -1;grid-row:5;margin:7px 0 0}.result>.modal-actions:last-child{grid-column:1 / -1;grid-row:6;margin:5px 0 0}.result>.modal-actions>.button{padding:10px 14px;min-height:34px;font-size:10px}#dialog:has(#resume){padding:21px 25px}#dialog:has(#resume)>.result-stats{display:none}#dialog:has(#resume)>p{font-size:11px;line-height:1.5;margin:8px 0 12px}.compact-pause-controls{display:inline;color:#377c67;font-weight:800;font-size:10px}}