:root{font-family:DM Sans Variable,sans-serif;color:#203c2d;background:#dce2cc;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf9e45;outline-offset:4px}button{transition:background .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.veil{position:fixed;inset:0;background:linear-gradient(90deg,#edf0df 0%,#edf0dfee 27%,#edf0df70 47%,transparent 70%),linear-gradient(0deg,#1735236b,transparent 22%);pointer-events:none}header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:27px 42px;height:101px}.brand{display:flex;gap:13px;align-items:center;color:#1d3929;text-decoration:none}.brand>svg{width:38px;height:42px}.brand>span{font-family:Space Grotesk Variable,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.4px;line-height:1}.brand small{display:block;font-family:DM Sans Variable,sans-serif;font-size:8px;font-weight:700;letter-spacing:2.4px;margin-top:7px}.header-right{display:flex;align-items:center;gap:26px}.connection{font-size:10px;letter-spacing:1.2px;font-weight:700;cursor:pointer}.connection.online:before{content:"";display:inline-block;width:6px;height:6px;background:#87ac5f;border-radius:50%;margin-right:7px}.quiet{background:#f9f6eac7;border:1px solid #d6dcc4;border-radius:7px;color:#294832;padding:11px 17px;font-size:12px;font-weight:600}.quiet:hover{background:#fffdf3}#panel{position:relative;z-index:2;margin:22px 0 80px 6.4%;width:420px}.card{width:100%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;margin:0 0 19px;color:#56704b}.leaf{color:#8caa54;margin-right:5px}h1{font-family:Space Grotesk Variable,sans-serif;font-size:62px;font-weight:600;line-height:1.03;letter-spacing:-3.7px;margin:0 0 21px}h1 em{font-style:normal;color:#648844}h2{font-family:Space Grotesk Variable,sans-serif;font-size:34px;line-height:1.1;letter-spacing:-1.3px;margin:0 0 16px}.intro{font-size:14px;line-height:1.8;color:#64705c;margin:0 0 27px}label{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;margin:0 0 10px}input,select{width:100%;height:49px;padding:0 15px;color:#263f2e;border:1px solid #cbd2bb;border-radius:7px;background:#fffdf5c9;outline:none;font-size:13px}input::placeholder{color:#8d9683}.input-wrap{position:relative}.input-wrap input{padding-right:40px}.input-wrap>span{position:absolute;right:17px;top:14px;color:#789366}.section-label{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-label label{margin:0}.section-label>span{font-size:10px;color:#7b8871}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.avatar{padding:7px 3px 10px;border:1px solid #d6dac8;border-radius:9px;background:#f7f6e980;color:#33482f;text-align:center;position:relative}.avatar:hover{background:#fbfaf0}.avatar.selected{border:2px solid #62834c;background:#e1e7ce;padding:6px 2px 9px;box-shadow:0 2px #577544}.avatar.selected:after{content:"✓";position:absolute;top:7px;right:8px;font-size:10px;font-weight:700;color:#5c7b43}.avatar svg{display:block;width:100%;height:95px}.avatar strong{display:block;font-size:12px}.avatar>span{display:block;font-size:9px;color:#7b856f;margin-top:3px}.primary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#fff9e7;border:1px solid #385535;border-radius:7px;background:#3e6240;font-weight:600;font-size:13px;box-shadow:0 3px #284a2e}.primary:hover:not(:disabled){background:#4e754b}.primary>span{font-size:19px;font-weight:400}.wide{width:100%;margin-top:22px}.fine{font-size:10px;line-height:1.6;color:#7b856e;margin:14px 0 0}.entry .fine{text-align:center}.scene-caption{position:fixed;left:64%;bottom:15%;color:#fffbea;text-shadow:0 2px 15px #18382460;pointer-events:none}.live-tag{display:inline-block;padding:7px 11px;background:#25452fd9;border:1px solid #8ca78066;border-radius:4px;font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.scene-caption h2{font-size:40px;letter-spacing:-1.7px;line-height:1.1;margin:0 0 14px}.scene-caption p{font-size:12px;line-height:1.7;color:#e1e8cc}.scene-caption .key-hints{font-size:8px;margin-top:22px;color:#fff5d8}.key-hints{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:.6px}kbd{font-family:inherit;background:#fcf9ebd9;color:#365038;padding:6px 8px;border:1px solid #d4d9c3;border-radius:4px;box-shadow:0 2px #c0c9b0;font-weight:700}footer{position:fixed;bottom:0;padding:24px 42px;display:flex;justify-content:space-between;width:100%;color:#f1f3df;font-size:9px;letter-spacing:1.7px;font-weight:600;z-index:2}footer span:first-child{color:#5c7350}footer i{font-style:normal;margin:0 13px;color:#dae3b7}.tabs{display:flex;border-bottom:1px solid #bec9b0;margin-bottom:20px;gap:25px}.tab{background:none;border:0;padding:0 0 12px;font-size:12px;color:#7b8772}.tab.active{border-bottom:2px solid #4b6a3e;color:#2d4c31;font-weight:700}.text-button{border:0;background:none;color:#527446;font-size:11px;padding:3px}.empty{border:1px dashed #bdc8af;border-radius:8px;padding:25px 20px;text-align:center;margin:15px 0 24px;background:#f6f6e768}.empty>span{display:block;font-size:29px;color:#8ca771;margin-bottom:8px}.empty strong{display:block;font-size:13px;font-weight:500}.empty p{font-size:11px;line-height:1.5;color:#7e8a75}.join-row{display:flex;gap:8px}.join-row input{text-transform:uppercase}.secondary{background:#e1e7d2;border:1px solid #c0cbae;border-radius:6px;padding:0 18px;white-space:nowrap;color:#3c5b37;font-size:12px}#create-form>label:not(:first-child){margin-top:23px}.arena-row{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #cbd5bb;background:#fcfaf0ad;border-radius:7px;padding:13px;text-align:left;color:#2e4a31;margin-bottom:9px}.arena-row strong{font-size:12px;display:block}.arena-row small{display:block;font-size:10px;margin-top:4px;color:#889177}.arena-symbol{font-size:25px;color:#6e8a4c}.room-count{margin-left:auto;font-size:12px}.muted{font-size:12px;line-height:1.6;color:#7d8a72}.invite{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px dashed #aabd99;border-radius:6px;font-size:9px;letter-spacing:1px;background:#ffffff30}.invite strong{font-size:17px;margin-left:12px;letter-spacing:2px}.roster{margin:15px 0}.roster-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c5cfb666;padding:7px 0}.mini-avatar{height:42px;width:36px;overflow:hidden;background:#dce5cd;border-radius:5px}.mini-avatar svg{height:48px;width:39px}.roster-row strong{font-size:12px;font-weight:600}.roster-row small{display:block;font-size:9px;color:#7b896e;margin-top:3px}.roster-row strong small{display:inline}.status-dot{width:6px;height:6px;background:#83a65b;border-radius:50%;margin-left:auto;margin-right:8px}.status-dot.offline{background:#cfa16d}.lobby .wide{margin-top:15px}.lobby .quiet{background:none;border:none}.lobby .avatar svg{height:70px}.lobby h2{font-size:31px;overflow-wrap:anywhere}.lobby .section-label{margin-top:18px}#toast{position:fixed;z-index:20;left:50%;bottom:35px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#203c2df2;color:#fffbe8;border:1px solid #b8cc9755;border-radius:9px;padding:14px 22px;font-size:13px;max-width:90vw;width:max-content;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}dialog{border:1px solid #d1d8bf;background:#f6f4e7;color:#26422e;border-radius:13px;padding:35px;width:480px;max-width:92vw;box-shadow:0 24px 100px #122a3066}dialog::backdrop{background:#17372780;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:12px;background:none;border:0;font-size:25px;color:#496347}.rank-table{margin:25px 0}.rank-table>div{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #dce0cf;font-size:12px}.rank-table>div>span{color:#a48b52}.rank-table small{margin-left:auto;color:#829074}.rank-table b{min-width:35px;text-align:right}body[data-screen=battle] .veil{background:linear-gradient(180deg,#1a382444,transparent 25%,transparent 75%,#1a382444)}body[data-screen=battle] header{padding:18px 25px;pointer-events:none}body[data-screen=battle] .brand{color:#fff6d8;filter:drop-shadow(0 2px 3px #28432b)}body[data-screen=battle] .header-right{display:none}body[data-screen=battle] footer{display:none}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}.health-panel{position:absolute;top:86px;left:25px;background:#203b2bdc;border:1px solid #e3ecc53d;border-radius:8px;padding:13px 16px;color:#f9f5d8;min-width:220px}#player-label{font-size:10px;letter-spacing:1.1px;text-transform:uppercase}#hearts{display:flex;gap:4px;margin-top:5px}.heart{font-size:25px;color:#657563;text-shadow:0 2px 0 #0c281a}.heart.full{color:#ed806f}#effects{display:flex;gap:6px}.effect{font-size:9px;padding:6px 7px;margin-top:8px;border-radius:4px}.shield{background:#77c7e32e;color:#a5e1fc}.boost{background:#e7bd582b;color:#ffe092}.expiring{animation:pulse .35s infinite alternate}@keyframes pulse{to{opacity:.35}}.match-clock{position:absolute;left:50%;top:25px;transform:translate(-50%);background:#203b2bdc;color:#fff7db;border:1px solid #e3ecc53d;border-radius:8px;padding:10px 25px;text-align:center}.match-clock strong{font-family:Space Grotesk Variable,sans-serif;font-size:36px;display:block;letter-spacing:1px;line-height:1.1}.match-clock span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:4px}.match-clock.danger{background:#a44936ed}.map-panel{position:absolute;top:22px;right:25px;background:#203b2bdc;padding:6px 6px 9px;border:1px solid #e3ecc53d;border-radius:10px;text-align:center;color:#fff5d8}.map-panel canvas{display:block;width:132px;height:132px;border-radius:5px}.map-panel>span{display:block;font-size:10px;margin-top:7px;letter-spacing:1px}.battle-bottom{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#fff8de}.battle-bottom .key-hints{background:#203b2bdd;padding:12px;border-radius:8px}.battle-bottom button{pointer-events:auto}.battle-bottom #dash-status{min-width:30px;color:#bad593;font-size:8px}.countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;font-size:100px;font-weight:700;color:#fff6d8;text-shadow:0 5px 0 #355437}.countdown small{display:block;font-size:10px;letter-spacing:2px}.spectating{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;background:#263f32df;border-radius:7px;padding:15px 23px;color:#fff7db;font-size:13px;white-space:nowrap}.spectating small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;color:#c4d5b1}.result-emblem{display:flex;width:65px;height:65px;align-items:center;justify-content:center;background:#dae4bf;color:#5c7b41;border-radius:15px;margin:25px 0}.result-emblem svg{width:40px;height:40px}.results h1{font-size:50px}.result-list{border-top:1px solid #c3cfb0;margin:20px 0}.result-list>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #c3cfb0;font-size:12px}.result-list strong{font-weight:500;color:#6e825d}.graphics-error{margin:140px 30px;padding:30px;background:#fff}#touch{position:fixed;inset:0;pointer-events:none;z-index:5;display:none}#joystick{position:absolute;bottom:34px;left:30px;width:105px;height:105px;border:2px solid #fff3c788;border-radius:50%;background:#173c3260;pointer-events:auto;touch-action:none;display:grid;place-items:center}#joystick span{display:block;width:43px;height:43px;border-radius:50%;background:#f2edcf66;border:2px solid #fff7d6b0}.touch-actions{position:absolute;bottom:28px;right:26px;display:flex;gap:14px;align-items:flex-end}.touch-actions button{border-radius:50%;width:68px;height:68px;border:2px solid #f6e7b588;background:#1e443bb0;color:#fff4cd;pointer-events:auto;touch-action:none;font-size:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.touch-actions small{font-size:8px;letter-spacing:1px}.touch-actions #attack-touch{width:88px;height:88px;background:#3e6948cf}.touch-actions svg{width:34px;height:34px;margin-bottom:5px}@media(min-width:1600px){#panel{margin-top:55px;width:460px}h1{font-size:72px}.avatar svg{height:112px}.intro{font-size:15px}}@media(max-height:800px)and (min-width:801px){header{height:84px;padding-top:18px;padding-bottom:18px}#panel{margin-top:9px;width:385px}h1{font-size:53px;margin-bottom:16px}.intro{margin-bottom:20px}.eyebrow{margin-bottom:14px}.avatar svg{height:77px}.section-label{margin-top:19px}.wide{margin-top:17px}.scene-caption{bottom:17%}.lobby .avatar svg{height:55px}.roster-row{padding:4px 0}}@media(max-width:1000px){#panel{margin-left:5%;width:365px}.scene-caption{left:64%}.scene-caption h2{font-size:31px}.scene-caption .key-hints{display:none}header{padding-left:5%;padding-right:5%}.header-right{gap:12px}.connection{font-size:8px}.veil{background:linear-gradient(90deg,#edf0dff5,#edf0dfdd 33%,#edf0df20 85%),linear-gradient(0deg,#203d2566,transparent 35%)}footer{padding-left:5%;padding-right:5%;font-size:8px}}@media(max-width:700px){header{height:86px;padding:21px 6%}.brand>span{font-size:24px}.brand>svg{width:28px;height:33px}.brand small{font-size:6px}.header-right .connection{display:none}.header-right .quiet{font-size:10px;padding:9px 11px}#panel{margin:25px auto 95px;width:88%;max-width:430px;padding:25px;background:#f0f1e3e8;border:1px solid #ffffff85;border-radius:14px;backdrop-filter:blur(10px)}h1{font-size:48px;letter-spacing:-2.7px}.intro{font-size:12px;line-height:1.8}.scene-caption{display:none}.veil{background:linear-gradient(0deg,#1e412a88,transparent 40%)}.eyebrow{font-size:8px;letter-spacing:1.3px}.avatar-grid{gap:5px}.avatar svg{height:80px}.avatar strong{font-size:10px}.section-label>span{font-size:8px}.section-label label{font-size:8px}footer{padding:17px 6%;font-size:7px;background:#203c2dab}footer span:first-child{display:none}footer span:last-child{margin:auto}body[data-screen=battle] #panel{display:none}.lobby h2{font-size:25px}.invite strong{font-size:14px}.results h1{font-size:39px}.health-panel{top:72px;left:14px;padding:8px 10px;min-width:150px}.heart{font-size:20px}.match-clock{top:19px;padding:8px 12px}.match-clock strong{font-size:25px}.match-clock span{font-size:6px}.map-panel{top:77px;right:13px}.map-panel canvas{width:87px;height:87px}.map-panel>span{font-size:8px}.battle-bottom .key-hints{display:none}.battle-bottom{bottom:12px;left:auto;right:13px}.battle-bottom .quiet{font-size:9px;padding:7px}body[data-screen=battle] header{padding-left:15px}.spectating{bottom:190px;white-space:normal;width:80%;font-size:12px}.effect{font-size:7px}.countdown{font-size:72px}}@media(pointer:coarse){#touch:not([hidden]){display:block}.battle-bottom .key-hints{display:none}.battle-bottom{inset:190px 15px auto auto}.battle-bottom .quiet{font-size:9px;padding:6px 9px}.spectating{bottom:160px}}@media(max-height:500px)and (pointer:coarse){.battle-bottom{top:120px}header{height:65px}#panel{margin-top:5px;margin-left:5%;max-width:420px}.scene-caption,body[data-screen=battle] .brand{display:none}.health-panel{top:14px;left:16px}.map-panel{top:12px;right:15px}.map-panel canvas{width:78px;height:78px}.map-panel>span{font-size:8px}.match-clock{top:14px}.match-clock strong{font-size:26px}#joystick{bottom:26px;width:92px;height:92px}.touch-actions{bottom:24px}.touch-actions #attack-touch{width:76px;height:76px}.spectating{bottom:95px}}body[data-screen=battle] .header-right{display:flex;pointer-events:auto}body[data-screen=battle] .header-right .quiet,body[data-screen=battle] .connection.online{display:none}body[data-screen=battle] .connection:not(.online){display:block;position:fixed;bottom:145px;right:24px;background:#713d2f;color:#fff7e4;border-radius:6px;padding:12px;font-size:10px;z-index:10}body[data-screen=battle]{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}html:has(body[data-screen=battle]){overflow:hidden;overscroll-behavior:none}.reward-prize{display:flex;align-items:center;gap:14px;background:#f3eddc;border:1px solid #a3ad86;border-radius:12px;padding:10px;margin:16px 0}.reward-art{display:block;width:90px;height:82px;flex-shrink:0;border-radius:8px}.reward-prize strong,.reward-prize span,.reward-prize small{display:block}.reward-prize small{font-size:10px;letter-spacing:.08em}.reward-prize strong{font-size:19px;margin:4px 0}.reward-prize span{font-size:12px}.reward-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reward-card{padding:10px;border:1px solid #b3b59a;border-radius:12px;text-align:center;background:#f5efde}.reward-card.owned{border:2px solid #467640}.reward-card .reward-art{width:100%;height:auto}.reward-card strong,.reward-card span{display:block}.reward-card span{font-size:12px;margin-top:5px}@media(max-width:600px){#collection-button{font-size:11px;padding:5px}}#battle-chat{position:absolute;right:24px;bottom:88px;width:min(320px,calc(100vw - 32px));pointer-events:auto;z-index:20;color:#fff9e8}#chat-toggle,#chat-form button{background:#183b29;color:#fff9e8;border:1px solid #d3ddac;border-radius:8px;padding:10px 16px;cursor:pointer}#chat-toggle{float:right}#chat-content{clear:both;padding:10px;background:#122d24f5;border:1px solid #aabd91;border-radius:10px}#chat-log{max-height:160px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;font-size:14px;overflow-wrap:anywhere}#chat-log p{margin:7px 0}#chat-log strong{color:#c3e990}#chat-form{display:flex;gap:6px;margin:10px 0 5px}#chat-input{min-width:0;padding:9px;font-size:16px;background:#fffbea;color:#163523}#chat-content small{font-size:10px;color:#d3ddac}@media(pointer:coarse),(max-width:700px){#battle-chat{right:16px;bottom:150px}#chat-log{max-height:100px}}@media(max-height:500px){#battle-chat{right:50%;transform:translate(50%);bottom:12px;width:min(300px,calc(100vw - 220px))}#chat-log{max-height:80px}}.match-clock #ping-indicator{font-size:12px;letter-spacing:0;margin-top:7px;font-weight:700}#ping-indicator[data-quality=good]{color:#a3ee8b}#ping-indicator[data-quality=fair]{color:#ffe17b}#ping-indicator[data-quality=poor]{color:#ffaca2}#ping-indicator[data-quality=unknown]{color:#e8e7d8}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}