:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#34463c;background:#f4f2eb;font-synthesis:none;font-weight:400;--ink: #34463c;--muted: #81867a;--line: #e6e7dc;--orange: #e88952;--green: #576b4e}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}select{font:inherit;color:inherit}.theme-picker{width:92px;height:36px;border:1px solid #dfe2d5;border-radius:18px;background:#fffdf7;padding:0 9px;font-size:11px;cursor:pointer}.theme-picker:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e88952;outline-offset:4px}a{color:inherit}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 42px}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e2d7}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;font-weight:700;margin-top:1px}.brand-bomb{font-size:47px;line-height:1;color:var(--orange);transform:rotate(-14deg)}.header-right{display:flex;align-items:center;gap:22px}.offline{font-size:12px;font-weight:500;letter-spacing:1px}.offline i,.live-dot,.bot-note i{display:inline-block;width:7px;height:7px;background:#93aa74;border-radius:50%;margin-right:7px}.icon-button{width:39px;height:39px;background:#fffdf7;border:1px solid #dfe2d5;border-radius:50%;font-size:18px}.intro{display:flex;align-items:center;justify-content:space-between;padding:33px 0 31px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.4px;color:#959987}.intro h1{font-size:31px;letter-spacing:1px;margin:7px 0 9px;font-weight:900}.intro h1 span{color:var(--orange);display:inline-block;transform:rotate(10deg);margin-left:4px}.intro p{font-size:13px;color:#7b8475;margin:0;line-height:1.8}.intro-stamp{border:1px dashed #afb49f;border-radius:12px;padding:12px 21px;transform:rotate(3deg);font-size:11px;letter-spacing:1px;color:#78876c;line-height:1.8;text-align:center}.intro-stamp b{font-size:19px;letter-spacing:2px}.intro-stamp span{display:block;font-size:9px;letter-spacing:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.game-card{border:1px solid #dde2d3;border-radius:18px;background:#fffdf8;overflow:hidden;box-shadow:0 8px 24px #46522d06}.arena-header{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);font-size:12px}.arena-header>div{display:flex;align-items:center;gap:7px}.arena-header .live-dot{margin:0;width:6px;height:6px}.arena-header b{font-weight:700;letter-spacing:.5px}.map-tag{border:1px solid #e5e7d9;border-radius:4px;font-size:9px;color:#929b86;padding:1px 5px;margin-left:4px}.arena-tools{color:#8a9181;font-size:10px;gap:14px!important}.small-button{background:transparent;border:1px solid #e2e5d9;border-radius:6px;font-size:10px;padding:5px 9px}.small-button:hover{background:#f3f4e9}.match-hud{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 24px;gap:12px}.arena-timer{position:absolute;top:0;left:50%;transform:translate(-50%);height:calc(100% / 13);z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fffdf3;text-shadow:-2px 0 #34463c,2px 0 #34463c,0 -2px #34463c,0 2px #34463c,0 3px 3px #24382c80}.arena-timer strong{font-size:clamp(18px,2.5vw,34px);font-family:ui-monospace,monospace;letter-spacing:2px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.arena-timer .urgent{color:#ffd18a}.arena-timer .critical{color:#ff6565}.phase{background:#f0f2e7;border-radius:20px;color:#7b8b6a;font-size:10px;padding:7px 11px;white-space:nowrap}.phase.warning{background:#fff0de;color:#bc6b38}.ability-group{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:15px}.ability-group>span:nth-child(2){color:#e2934e}.ability-group>span:nth-child(3){color:#8baeb4}.ability-group b{font-size:13px}.ability-group small{font-size:10px;color:#a1a794}.ability-group .active{color:#3c99b5!important}.arena-wrap{position:relative;margin:0 17px;border:6px solid #b3c0a5;border-radius:12px;overflow:hidden;aspect-ratio:15/13;background:#d4e1c1}#game{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block}.arena-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;font-size:10px;color:#86917c;gap:10px}.arena-footer b{font-weight:600;color:#637655}.you-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#edbf68;margin-right:5px}.keyboard-help{border-top:1px dashed #e2e5d5;padding:16px 17px;display:flex;align-items:center;justify-content:center;gap:19px;color:#9aa18e;font-size:9px}kbd{font-family:inherit;background:#f4f4ed;border:1px solid #e0e3d4;border-bottom:2px solid #d4d9c7;border-radius:4px;padding:1px 4px;margin-right:3px;font-size:9px;color:#78836b}kbd.wide{padding:1px 9px}.sidebar{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid #e1e4d7;background:#fffdf8;border-radius:14px;padding:21px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:16px}.panel-title h2{font-size:12px;letter-spacing:.4px;margin:0;font-weight:800}.panel-title>span{font-size:8px;color:#a5aa98;letter-spacing:1.1px}.friend-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #edf0e4;gap:10px}.friend-row:last-child{border:0}.avatar{display:block;width:46px;height:50px;flex-shrink:0}.friend-row .avatar{background:#f2f1e7;border-radius:11px;padding:3px}.friend-row>div{flex:1;min-width:0}.friend-row b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row>div>span{font-size:9px;color:#9aa08f;display:block;margin-top:4px}.player-status{font-size:8px;letter-spacing:1px;background:#f1f2e9;padding:4px 7px;border-radius:4px;color:#9da68e}.player-status.is-you{background:#fff0d3;color:#b39651}.friend-row.eliminated{opacity:.4}.life-hearts,.friend-row>div>span.life-hearts{color:#cf7f76;font-size:11px;letter-spacing:2px}.friend-row.eliminated .avatar{filter:grayscale(1)}.bot-note{padding-top:12px;font-size:9px;color:#9ba38e}.bot-note i{width:5px;height:5px;background:#bdc7a9}.field-guide{padding-bottom:17px}.guide-item{display:flex;align-items:center;gap:12px;margin:18px 0}.item-icon{height:36px;width:36px;display:grid;place-items:center;font-size:21px;border-radius:10px;background:#f3f2e5;border:1px solid #eae8d6;flex-shrink:0}.bomb-icon{color:#536453}.fire-icon{background:#fff1d6;color:#e69b3e;border-color:#f5e5bf}.shield-icon{background:#eaf4f4;color:#79aeba;border-color:#d5e8e9}.guide-item b{font-size:11px;font-weight:700}.guide-item p{font-size:9px;line-height:1.8;color:#939b86;margin:3px 0 0}.shrink-note{border-top:1px dashed #dfe3d1;padding-top:15px;display:flex;gap:9px;color:#ab8454}.shrink-note>span{font-size:24px}.shrink-note p{font-size:9px;line-height:1.9;margin:0}.shrink-note b{font-size:10px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats-grid>div+div{border-left:1px solid #e7eadb}.stats-grid strong{font-family:ui-monospace,monospace;font-size:25px;font-weight:500;display:block;color:#617651}.stats-grid span{font-size:9px;color:#9ca48f}.stats-panel>p{font-size:9px;text-align:center;color:#a9b09d;margin:18px 0 0}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0 32px;color:#9fa58f;font-size:9px;letter-spacing:1px}.site-footer i{color:var(--orange);font-size:17px;margin-left:8px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#34473950;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:14px}.overlay-card{max-height:100%;overflow-y:auto;scrollbar-width:thin;background:#fffdf5;box-shadow:0 14px 45px #24361d35;border:1px solid #f8f4dc;border-radius:21px;width:min(100%,390px);padding:25px 28px;text-align:center}.overlay-card h2{font-size:21px;font-weight:900;letter-spacing:.5px;margin:13px 0 8px}.overlay-card>p{font-size:11px;color:#8a9380;line-height:1.9;margin:0 0 18px}.lobby-friends{display:flex;align-items:flex-end;justify-content:center;margin:11px 0 0}.lobby-friends .friend-main{width:80px;height:88px;z-index:1}.lobby-friends .friend-side{width:52px;height:57px;transform:rotate(-9deg);margin-right:-4px}.lobby-friends .friend-side:last-child{transform:rotate(9deg);margin-left:-4px}.lobby-card h2{font-size:18px;margin-top:11px}.character-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.character-option{border:1px solid #e8ebdb;border-radius:10px;background:#f7f7ef;padding:5px 3px 7px;display:flex;align-items:center;flex-direction:column}.character-option .avatar{width:42px;height:46px}.character-option span{font-size:9px;color:#8b9580}.character-option.selected{border-color:#9baa76;background:#eef1dc;box-shadow:0 0 0 1px #9baa76}.character-option.selected span{color:#687a4e;font-weight:700}.character-option:hover{background:#eff2e3}.name-field{display:flex;align-items:center;margin:14px 0;gap:10px;text-align:left}.name-field>span{font-size:10px;color:#8e9781;white-space:nowrap}.name-field input{min-width:0;width:100%;font-size:11px;border:1px solid #e0e5d4;border-radius:7px;padding:8px 10px;color:#52664b;background:#f8f8ef}.name-field input::placeholder{color:#adb5a0}.primary-button{border:0;border-bottom:3px solid #bd6b3f;border-radius:9px;background:var(--orange);color:#fff9ed;font-size:13px;letter-spacing:1px;font-weight:700;padding:13px 20px;width:100%;display:flex;justify-content:center;gap:18px}.primary-button:hover{background:#dd7c43}.lobby-tip{display:block;font-size:9px;color:#a3ab96;margin-top:13px}.countdown-card{text-align:center;color:#fff9e9}.countdown-card>span{font-size:15px;letter-spacing:3px}.countdown-card strong{display:block;font-size:110px;font-weight:900;line-height:1.5;text-shadow:0 6px 0 #3b583c60}.countdown-card p{font-size:12px}.pause-card>.avatar,.result-card>.avatar{width:87px;height:95px;margin:8px auto}.text-button{display:block;margin:15px auto 0;border:0;background:transparent;font-size:11px;color:#8f997f;padding:4px}.text-button:hover{color:#465d3d}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f3e7;border-radius:11px;padding:17px 5px;margin:19px 0}.result-stats strong{display:block;font-size:23px;font-family:ui-monospace,monospace;color:#6d8057}.result-stats span{font-size:9px;color:#9aa38b}.result-card>small{display:block;font-size:8px;color:#adb69d;margin-top:15px}.touch-controls{display:none}@media(min-width:1400px){.shell{max-width:1230px}.layout{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.intro{padding:40px 0}.site-header{height:115px}}@media(max-width:1050px){.shell{padding:0 24px}.layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.panel{padding:17px}.match-hud{padding:0 18px}.ability-group{gap:8px}.phase{font-size:9px}.keyboard-help{gap:10px;font-size:8px}.intro h1{font-size:28px}.arena-wrap{margin:0 12px}.arena-footer{padding:13px 18px}}@media(max-width:800px){.shell{max-width:650px;padding:0 18px}.site-header{height:83px}.intro{padding:24px 0}.intro h1{font-size:25px}.intro p{font-size:11px}.intro-stamp{display:none}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats-panel{grid-column:1/-1}.stats-panel .panel-title{margin-bottom:10px}.stats-panel>p{margin-top:10px}.keyboard-help{font-size:9px;gap:20px}.arena-wrap{margin:0 14px}.overlay-card{padding:20px 25px}.touch-controls{display:flex;padding:16px 26px;justify-content:space-between;align-items:center;border-top:1px dashed #e1e5d5}.touch-controls>span{font-size:10px;color:#9fa78f;line-height:1.8;text-align:center}.joystick{height:105px;width:105px;border-radius:50%;background:#ecf0df;border:1px solid #dce3cb;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-arrow{position:absolute;font-size:9px;color:#aebd97}.joystick-arrow.up{top:8px;left:48px}.joystick-arrow.down{bottom:8px;left:48px}.joystick-arrow.left{top:45px;left:9px}.joystick-arrow.right{top:45px;right:9px}.stick{width:44px;height:44px;border-radius:50%;background:#bbc9a5;box-shadow:0 3px #93a67b,0 4px 9px #637b3920;position:absolute;top:30px;left:30px;pointer-events:none}.touch-bomb{width:84px;height:84px;border-radius:50%;background:#e8995f;color:#fff6e2;border:3px solid #f4c18c;box-shadow:0 4px #c47f49;font-size:28px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-bomb small{display:block;font-size:10px;margin-top:3px}.arena-footer{font-size:9px}.site-footer{font-size:8px}.keyboard-help{padding:14px}}@media(pointer:coarse){.keyboard-help{display:none}.touch-controls{display:flex;padding:15px 25px;align-items:center;justify-content:space-between}.joystick{width:105px;height:105px;border-radius:50%;background:#ecf0df;border:1px solid #dce3cb;position:relative;touch-action:none}.joystick-arrow{position:absolute;font-size:9px;color:#aebd97}.joystick-arrow.up{top:8px;left:48px}.joystick-arrow.down{bottom:8px;left:48px}.joystick-arrow.left{top:45px;left:9px}.joystick-arrow.right{top:45px;right:9px}.stick{width:44px;height:44px;border-radius:50%;background:#bbc9a5;position:absolute;top:30px;left:30px;pointer-events:none}.touch-bomb{width:84px;height:84px;border-radius:50%;background:#e8995f;color:#fff6e2;border:3px solid #f4c18c;font-size:28px;touch-action:none}.touch-bomb small{display:block;font-size:10px}.touch-controls>span{font-size:10px;line-height:1.8;color:#9fa78f;text-align:center}}@media(max-width:440px){.shell{padding:0 10px}.site-header{height:72px;padding:0 6px}.brand{font-size:22px;gap:7px}.brand-bomb{font-size:38px}.header-right{gap:12px}.offline{font-size:10px;letter-spacing:0}.intro{padding:22px 6px}.intro h1{font-size:23px}.intro .eyebrow{font-size:8px;letter-spacing:1.8px}.intro p{font-size:10px}.arena-header{padding:0 14px;height:49px}.match-hud{padding:0 14px;height:48px;gap:6px}.phase{font-size:8px;padding:6px 8px}.ability-group{gap:7px;font-size:13px}.ability-group b{font-size:11px}.ability-group small{display:none}.arena-wrap{margin:0 8px;border-width:4px;border-radius:8px}.overlay{padding:8px}.overlay-card{padding:13px 15px;border-radius:15px}.lobby-friends{margin-top:4px}.lobby-friends .friend-main{width:58px;height:63px}.lobby-friends .friend-side{width:42px;height:46px}.lobby-card h2{font-size:15px;margin:6px 0}.overlay-card>p{font-size:9px;margin-bottom:10px}.character-option{padding:2px 1px 4px}.character-option .avatar{width:33px;height:36px}.character-option span{font-size:8px}.character-picker{gap:5px}.name-field{margin:9px 0}.name-field input{padding:6px 8px;font-size:10px}.primary-button{padding:10px 15px;font-size:11px}.lobby-tip{font-size:8px;margin-top:7px}.lobby-card>.eyebrow{font-size:7px}.arena-footer{padding:12px;font-size:8px}.keyboard-help{gap:10px;font-size:8px;padding:12px 6px}.sidebar{gap:10px}.panel{padding:15px 12px}.panel-title>span{font-size:6px;letter-spacing:.5px}.panel-title h2{font-size:10px}.friend-row{gap:7px}.friend-row .avatar{width:36px;height:40px}.friend-row b{font-size:10px}.friend-row>div>span{font-size:8px}.player-status{font-size:7px;padding:3px 5px}.bot-note{font-size:7px}.guide-item{gap:7px;margin:15px 0}.item-icon{width:29px;height:31px;font-size:18px}.guide-item b{font-size:9px}.guide-item p,.shrink-note p,.shrink-note b{font-size:8px}.site-footer{font-size:6px;letter-spacing:.6px;padding:23px 4px}.pause-card>.avatar,.result-card>.avatar{width:56px;height:61px}.overlay-card h2{font-size:17px}.result-stats{padding:10px 4px;margin:10px 0}.result-stats strong{font-size:20px}.result-card>small{font-size:6px;margin-top:9px}.text-button{margin-top:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}body.game-expanded{overflow:hidden}.rotate-hint{display:none}@media(orientation:portrait)and (max-width:700px){.game-card.expanded .rotate-hint{display:block;position:absolute;bottom:150px;padding:6px 12px;max-width:90%;border-radius:12px;background:#24263de6;color:#fff;font-size:12px;text-align:center;pointer-events:none}}.game-card.expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;padding:0 0 12px}.game-card.expanded .arena-header,.game-card.expanded .match-hud{width:100%;flex-shrink:0;height:44px;padding:0 12px}.game-card.expanded .arena-wrap{box-sizing:content-box;width:var(--expanded-arena-width, 50%);margin:auto;flex-shrink:0;border-width:6px}.game-card.expanded .arena-footer,.game-card.expanded .keyboard-help{display:none}.game-card.expanded .touch-controls{width:100%;flex-shrink:0;padding:12px 25px}@media(orientation:landscape)and (max-height:500px)and (max-width:950px){.game-card.expanded{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.game-card.expanded .arena-header,.game-card.expanded .match-hud{height:36px;min-height:36px}.game-card.expanded .touch-controls{display:flex;position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;width:100%;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:transparent;border:0;pointer-events:none}.game-card.expanded .touch-controls>span{display:none}.game-card.expanded .joystick,.game-card.expanded .touch-bomb{width:100px;height:100px;flex-shrink:0;pointer-events:auto}}@media(max-width:440px){.arena-tools{gap:6px!important}.arena-header .map-tag{display:none}.small-button{padding:5px 6px}}:root[data-theme=dark]{color-scheme:dark;color:#e4ecdf;background:#151d23;--ink: #e4ecdf;--muted: #b1bdad;--line: #35433f;--orange: #eda473;--green: #acc692}[data-theme=dark] .game-card,[data-theme=dark] .panel,[data-theme=dark] .overlay-card{background:#202c30;border-color:#3a4945;box-shadow:0 8px 24px #00000025}[data-theme=dark] .site-header,[data-theme=dark] .friend-row,[data-theme=dark] .keyboard-help,[data-theme=dark] .touch-controls,[data-theme=dark] .shrink-note,[data-theme=dark] .stats-grid>div+div{border-color:#3a4945}[data-theme=dark] .icon-button,[data-theme=dark] .theme-picker,[data-theme=dark] kbd,[data-theme=dark] .character-option,[data-theme=dark] .name-field input,[data-theme=dark] .friend-row .avatar,[data-theme=dark] .result-stats,[data-theme=dark] .item-icon{background:#2c3a3e;border-color:#4a5c53;color:#dbe8ce}[data-theme=dark] .small-button,[data-theme=dark] .map-tag,[data-theme=dark] .intro-stamp{border-color:#526254}[data-theme=dark] .small-button:hover,[data-theme=dark] .character-option:hover{background:#35473f}[data-theme=dark] .character-option.selected{background:#3a4f3f;border-color:#acc692;box-shadow:0 0 0 1px #acc692}[data-theme=dark] .character-option.selected span,[data-theme=dark] .arena-footer b,[data-theme=dark] .stats-grid strong,[data-theme=dark] .result-stats strong,[data-theme=dark] .text-button:hover{color:#c1dca8}[data-theme=dark] .eyebrow,[data-theme=dark] .intro p,[data-theme=dark] .intro-stamp,[data-theme=dark] .map-tag,[data-theme=dark] .arena-tools,[data-theme=dark] .arena-footer,[data-theme=dark] .keyboard-help,[data-theme=dark] .panel-title>span,[data-theme=dark] .friend-row>div>span,[data-theme=dark] .bot-note,[data-theme=dark] .guide-item p,[data-theme=dark] .stats-grid span,[data-theme=dark] .stats-panel>p,[data-theme=dark] .site-footer,[data-theme=dark] .overlay-card>p,[data-theme=dark] .character-option span,[data-theme=dark] .name-field>span,[data-theme=dark] .lobby-tip,[data-theme=dark] .text-button,[data-theme=dark] .result-stats span,[data-theme=dark] .result-card>small,[data-theme=dark] .touch-controls>span,[data-theme=dark] .ability-group small{color:#b1bdad}[data-theme=dark] .name-field input::placeholder{color:#95a58e}[data-theme=dark] .phase,[data-theme=dark] .player-status{background:#35443a;color:#c2d5b0}[data-theme=dark] .phase.warning,[data-theme=dark] .player-status.is-you,[data-theme=dark] .fire-icon{background:#513e2d;color:#ffd19b;border-color:#70543d}[data-theme=dark] .shield-icon{background:#2d414d;color:#a2d5e5;border-color:#486473}[data-theme=dark] .shrink-note{color:#edbc87}[data-theme=dark] .primary-button{background:#c97745;color:#fff9ed}[data-theme=dark] .primary-button:hover{background:#d78651}[data-theme=dark] .arena-wrap{border-color:#485d4d;background:#28362e}[data-theme=dark] #game canvas{filter:brightness(.78) contrast(1.08)}[data-theme=dark] .overlay{background:#0a131a80}[data-theme=dark] .joystick{background:#2e3f37;border-color:#53684a}[data-theme=dark] .joystick-arrow{color:#bbce9f}[data-theme=dark] .stick{background:#829b68;box-shadow:0 3px #50683e}[data-theme=dark] .life-hearts,[data-theme=dark] .friend-row>div>span.life-hearts{color:#f29a9c}@media(max-width:440px){.header-right{gap:8px}.header-right .offline{display:none}}