:root{color:#5a391e;font-synthesis:none;background:#2e291d;font-family:Microsoft JhengHei,PMingLiU,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}body{cursor:var(--coco-cursor,auto)}button{cursor:var(--coco-cursor,pointer);touch-action:manipulation}select,label{cursor:var(--coco-cursor,auto)}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:1px;outline:2px solid #276578}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}#app{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#1d1a12;justify-content:center;align-items:center;display:flex;position:relative}.viewport{width:min(100%, calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3), 1120px);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 40px #0008}.logical-stage{transform-origin:0 0;width:800px;height:600px;position:absolute}.screen,#game-canvas{width:800px;height:600px;position:absolute;inset:0}.screen{background:#000;overflow:hidden}#game-canvas{touch-action:none;outline:none;display:block}html,body,#app,#app *,#app :before,#app :after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}#app input,#app textarea,#app [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#app input[type=checkbox],#app input[type=radio],#app input[type=file]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ui30{border:0;margin:0;padding:0;display:block;position:absolute}.ui30-btn{background-color:#0000}.ui30-btn:hover,.ui30-btn:focus-visible,.ui30-btn:active,.ui30-btn[aria-pressed=true],.ui30-btn.is-ready{outline:none;background:var(--down)!important}.ui30-btn:disabled{filter:grayscale(.6)brightness(.9)}.screen-art{pointer-events:none}.modal-portal{pointer-events:none;z-index:20;position:absolute;inset:0}.modal-portal>*{pointer-events:auto}.modal-scrim{background:#0005;position:fixed;inset:0}.ui30-layer{width:800px;height:600px;transform:translate(-50%, -50%) scale(var(--ui-scale,1));transform-origin:50%;pointer-events:none;position:fixed;top:50%;left:50%}.ui30-layer>*{pointer-events:auto}.ui30-layer .ui30:not(button){pointer-events:none}.coco-button{color:#fff;text-shadow:0 1px 1px #8a4000;background:linear-gradient(#ffd24a,#ff9d00 60%,#f08000);border:2px solid #fff;border-radius:16px;padding:0 12px;font-weight:900;box-shadow:0 2px #a65200}.coco-button.primary{text-shadow:0 1px 1px #245a0c;background:linear-gradient(#a7e35a,#5fb12a 60%,#3f8f16);box-shadow:0 2px #2d6a10}.coco-button:hover{filter:brightness(1.08)}.coco-button:active{transform:translateY(1px)}.icon-button{color:#fff;text-shadow:0 1px #b87322;background:linear-gradient(#ffd960,#f0a52c);border:2px solid #fff7cc;border-radius:50%;width:30px;height:30px;padding:0;font-size:19px;font-weight:900}.battle-controls{gap:6px;display:flex;position:absolute;top:46px;right:9px}#app[data-touch=false] .battle-controls{display:none}.login-field{color:#7a4a10;letter-spacing:1px;text-shadow:0 1px #fff8;background:0 0;border:0;padding:0;font-size:15px;font-weight:900;position:absolute}.login-field:hover,.login-field:focus-visible{background:var(--down);color:#5a2a00;outline:none}.room-field{color:#2a2a2a;text-align:center;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;line-height:14px;position:absolute;overflow:hidden}.room-field.room-name{line-height:18px}button.room-field:hover,button.room-field:focus-visible{background:#fff8;outline:none}.map-preview{display:block;position:absolute}.user-card{width:105px;height:127px;position:absolute}.card-name{color:#222;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:72px;height:13px;font-size:11px;font-weight:400;line-height:13px;position:absolute;top:18px;left:14px;overflow:hidden}.card-face{background-position:-2px -10px;background-repeat:no-repeat;width:46px;height:46px;position:absolute;top:35px;left:28px}.card-level,.card-money{color:#222;text-align:center;width:32px;height:13px;font-size:10px;line-height:13px;position:absolute;left:32px;overflow:hidden}.card-level{top:85px}.card-money{top:100px}.card-plate{pointer-events:none}.user-card.is-empty>i.ui30{opacity:.55;filter:grayscale(.5)}.card-team,.card-remove,.card-skill,.card-add{color:#fff;text-shadow:0 1px 1px #0008;cursor:var(--coco-cursor,pointer);border:1px solid #fff;border-radius:4px;padding:0;font-size:10px;font-weight:700;line-height:14px;position:absolute}.card-team{width:22px;height:16px;top:84px;left:72px}.team-1 .card-team{background:#e0567a}.team-2 .card-team{background:#3a86d8}.card-remove{background:#8a5a2c;width:16px;height:16px;top:2px;left:86px}.card-skill{background:#6aa82a;width:60px;height:16px;top:106px;left:22px}.card-skill:disabled{opacity:1;cursor:default;background:#8a9a7a}.card-add{background:linear-gradient(#ffd24a,#f08000);width:70px;height:22px;font-size:12px;top:42px;left:18px}.card-add.second{background:linear-gradient(#a7e35a,#3f8f16);top:72px}.card-team:hover,.card-remove:hover,.card-skill:hover:enabled,.card-add:hover{filter:brightness(1.12)}.room-password{color:#222;background:#fff;border:1px solid #b47a30;border-radius:3px;padding:0 3px;font-size:11px;line-height:14px;position:absolute}.room-password[hidden]{display:none}#team-red[aria-pressed=true],#team-blue[aria-pressed=true]{filter:drop-shadow(0 0 3px #fff)}.online-password input{width:120px}.list-row{color:#3a2a10;font-size:11px;line-height:14px;position:absolute}.list-row>*{white-space:nowrap;text-align:center;display:block;position:absolute;overflow:hidden}.list-face{background-position:-3px -10px;background-repeat:no-repeat;width:44px;height:44px;top:3px;left:4px}.list-lv{width:26px;top:2px;left:72px}.list-place{color:#2a8a7a;width:60px;top:2px;left:104px}.list-id{width:92px;top:18px;left:72px}.list-money{width:92px;top:34px;left:72px}.list-label{color:#3a2a10;width:18px;font-size:11px;left:52px}.profile-face{background-position:9px -2px;background-repeat:no-repeat;width:68px;height:66px;position:absolute;top:430px;left:568px}.profile-card p{color:#222;margin:0;font-size:11px;line-height:15px;position:absolute;overflow:hidden}.room-log{color:#333;margin:0;padding:2px 6px;font-size:12px;line-height:16px;position:absolute;overflow:hidden}.room-log p{margin:0}.room-status{color:#6a3a0a;text-align:center;margin:0;font-size:12px;position:absolute}.online-chat{pointer-events:none;padding:0;position:absolute;inset:0}.online-chat>*{pointer-events:auto}.chat-log{color:#333;overflow-wrap:anywhere;margin:0;padding:2px 6px;font-size:12px;line-height:16px;list-style:none;position:absolute;overflow-y:auto}.chat-name{font-weight:400}.chat-seat-A .chat-name,.chat-seat-C .chat-name,.chat-seat-E .chat-name,.chat-seat-G .chat-name{color:#1d5fa8}.chat-seat-B .chat-name,.chat-seat-D .chat-name,.chat-seat-F .chat-name,.chat-seat-H .chat-name{color:#b03a3a}.chat-system{color:#4c7a1c}.chat-form{gap:0;display:flex;position:absolute}.chat-form .chat-input{color:#222;background:0 0;border:0;flex:1;min-width:0;padding:0 4px;font-size:12px}.chat-form .chat-input:focus{background:#0000000d;outline:none}.chat-form .chat-send{background:0 0;border:0;width:24px;height:22px;padding:0;font-size:0;position:absolute;top:-2px;right:-32px}.net-status{color:#fff3c4;z-index:5;white-space:nowrap;background:#3b2a16e0;border-radius:12px;margin:0;padding:6px 14px;font-size:13px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.battle-chat{pointer-events:none;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;overflow-wrap:anywhere;z-index:3;flex-direction:column;justify-content:flex-end;width:330px;height:236px;margin:0;padding:0;font-size:12px;line-height:15px;list-style:none;display:flex;position:absolute;top:228px;left:12px;overflow:hidden}.battle-chat .chat-name{color:#fff}.battle-chat .chat-seat-A .chat-name{color:#9fe0ff}.battle-chat .chat-seat-B .chat-name{color:#ffb8b8}.battle-chat .chat-system{color:#ffef8a}.chat-composer{gap:6px;display:flex}.chat-input{background:#fffef4;border:1px solid #ddb56d;border-radius:7px;flex:1;min-width:0;padding:3px 8px;font-size:12px}.chat-send{background:#ffd574;border:1px solid #b47b31;border-radius:7px;padding:2px 10px;font-size:12px}.logical-stage>.chat-composer{z-index:4;gap:0;width:228px;height:18px;position:absolute;top:517px;left:38px}.logical-stage>.chat-composer .chat-input{color:#fff;background:0 0;border:0;border-radius:0;padding:0 4px;font-size:12px;line-height:18px}.logical-stage>.chat-composer .chat-input:focus{background:#00000026;outline:none}.logical-stage>.chat-composer .chat-send{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#app>.chat-composer{z-index:30;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));background:#b86a00f0;position:fixed;top:0;left:0;right:0}#app>.chat-composer .chat-input{min-height:40px;font-size:16px}#app>.chat-composer .chat-send{min-width:64px;font-size:15px}.chat-composer[hidden]{display:none}.chat-toggle{font-size:13px}.face-picker{z-index:6;width:191px;height:154px}.face-picker[hidden]{display:none}.face-picker-grid{position:absolute;inset:0}.face-choice{background:var(--up);cursor:pointer;border:0;width:35px;height:35px;padding:0;position:absolute}.face-choice:hover,.face-choice:active{background:var(--over)}.face-choice:focus-visible{outline-offset:-2px;outline:2px solid #1d6fd8}.logical-stage>.face-picker{position:absolute;top:321px;left:609px}#app>.face-picker{left:50%;top:max(8px, env(safe-area-inset-top));transform-origin:50% 0;z-index:30;position:fixed;transform:translate(-50%)scale(1.3)}.voice-picker{z-index:6;width:163px;height:168px}.voice-picker[hidden]{display:none}.voice-row{color:#000;text-align:left;white-space:nowrap;cursor:pointer;padding:0 0 0 1px;font:12px/15px Microsoft JhengHei,PingFang TC,sans-serif;overflow:hidden}.voice-row:disabled{cursor:default;filter:none}.logical-stage>.voice-picker{position:absolute;top:336px;left:200px}#app>.voice-picker{left:50%;top:max(8px, env(safe-area-inset-top));transform-origin:50% 0;z-index:30;position:fixed;transform:translate(-50%)scale(1.4)}.dr-line{color:#fff;white-space:nowrap;pointer-events:none;font-size:12px;line-height:15px;position:absolute}.stats-dialog .dr-silhouette{opacity:.9}.stats-left{color:#fff;text-shadow:0 1px 1px #8a4000;margin:0;font-size:12px;position:absolute}.stats-left b{color:#fff36e;font-size:14px}.stats-row{color:#fff;text-shadow:0 1px 1px #8a4000;grid-template-columns:52px 26px 30px 26px 1fr;align-items:center;gap:2px;width:196px;font-size:12px;display:grid;position:absolute}.stats-row b{text-align:center;font-size:14px}.stats-row small{text-align:right;font-size:10px}.stats-row button{color:#fff;background:linear-gradient(#5aa8ff,#1d63c8);border:2px solid #fff;border-radius:11px;height:22px;padding:0;font-size:11px}.stats-row button:disabled{opacity:.35}.stats-dialog .palette-picker{grid-template-columns:repeat(7,20px);gap:3px 6px;width:196px;display:grid;position:absolute;top:378px;left:592px}.palette-picker button{background:var(--swatch);border:2px solid #fff;border-radius:50%;width:20px;height:20px;padding:0;box-shadow:0 1px 2px #0006}.palette-picker button.selected{border-color:#ff3b23;box-shadow:0 0 0 2px #ffd0a0}.shop-card{width:102px;height:106px;position:absolute}.shop-card-name{text-align:center;color:#222;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;width:94px;font-size:12px;line-height:14px;position:absolute;top:7px;left:4px;overflow:hidden}.shop-card-icon{width:32px;height:32px;image-rendering:pixelated;pointer-events:none;position:absolute;top:32px;left:35px}.shop-card-count{text-align:center;color:#222;pointer-events:none;width:26px;font-size:12px;position:absolute;top:75px;left:18px}.shop-card-hit{background:0 0;border:0;border-radius:8px;width:100%;height:100%;padding:0;position:absolute;inset:0}.shop-card-hit:hover,.shop-card-hit.focus{box-shadow:inset 0 0 0 2px #ff7a1a}.shop-card.is-on .shop-card-count{color:#c84a00;font-weight:700}.shop-tab{padding:0}.shop-tab[aria-pressed=true]{filter:brightness(1.05)}.shop-money,.shop-page{color:#fff;text-align:center;pointer-events:none;font-size:12px;line-height:18px;position:absolute}.shop-page{color:#333}.shop-detail-icon{image-rendering:pixelated;pointer-events:none;position:absolute}.shop-detail-price,.shop-detail-text{color:#333;pointer-events:none;margin:0;font-size:12px;line-height:15px;position:absolute}.shop-empty{color:#fff;text-align:center;margin:0;font-size:13px;position:absolute}.bag-status,.bag-load,.bag-weapon-name{color:#fff;text-shadow:0 1px 1px #8a4000;margin:0;font-size:12px;font-weight:400;line-height:16px;position:absolute}.bag-status{color:#333;text-shadow:none}.bag-slot{background:0 0;border:0;padding:0;position:absolute}.bag-slot img{width:27px;height:27px;image-rendering:pixelated;display:block}.bag-slot b{color:#fff;text-shadow:0 0 2px #000;font-size:9px;position:absolute;bottom:-2px;right:0}button.bag-slot:hover,button.bag-slot.selected{box-shadow:0 0 0 2px #ff3b23}.option-page,.option-row{display:none}.option-window[data-page="0"] .page-0,.option-window[data-page="1"] .page-1,.option-window[data-page="2"] .page-2{display:block}.option-tab{padding:0}.option-tab:hover,.option-tab:focus-visible{filter:brightness(1.12);outline:none}.option-on,.option-off{appearance:none;background:var(--off);cursor:pointer;border:0;width:64px;height:32px;margin:0;padding:0;position:absolute}.option-on:checked,.option-off[aria-pressed=true]{background:var(--on)}.option-on:focus-visible,.option-off:focus-visible{outline:2px solid #276578}.option-controls{color:#4a2a10;justify-content:center;align-items:center;gap:8px;font:700 14px Microsoft JhengHei,sans-serif;display:flex;position:absolute}.option-controls-label{margin-right:4px}.option-mode{color:#6b3b12;min-width:62px;height:26px;font:inherit;cursor:pointer;background:#fff3d8;border:2px solid #b8742a;border-radius:13px;padding:0 10px}.option-mode[aria-pressed=true]{color:#fff;background:#ff9d1e;border-color:#c25a00;box-shadow:inset 0 -2px #0002}.option-mode:focus-visible{outline:2px solid #276578}.result-badge{pointer-events:none;position:absolute}.gameover-field{color:#fff;text-align:center;text-shadow:0 1px 2px #000a;pointer-events:none;font-size:15px;font-weight:900;line-height:22px;position:absolute}.help-title{color:#fff;text-shadow:0 1px 1px #333;background:#8e8e8e;margin:0;padding-left:2px;font-size:14px;line-height:24px;position:absolute}.help-text{overscroll-behavior:contain;color:#fff;text-shadow:0 1px 1px #333;scrollbar-width:none;font-size:12px;line-height:18px;position:absolute;overflow-y:auto}.help-text::-webkit-scrollbar{display:none}.help-text p{margin:0 0 6px}.help-dialog .help-text{touch-action:pan-y;-webkit-overflow-scrolling:touch}.help-track{touch-action:none;position:absolute}.help-thumb{touch-action:none;cursor:var(--coco-cursor,grab);display:block;position:absolute}#app[data-touch=true] .help-track:before{content:"";position:absolute;inset:0 -10px 0 -14px}#app[data-touch=true] .help-thumb:before{content:"";position:absolute;inset:-8px -10px -8px -14px}.help-dialog .help-text{text-shadow:0 1px 1px #000;font-size:15px;line-height:20px}.help-page h3{margin:0 0 6px;font-size:16px;font-weight:400;line-height:22px}.help-page+.help-page{margin-top:14px}.help-text p.help-heading{margin-bottom:2px}.help-actions{background:#fff;border:3px solid #ffbe29;border-radius:28px;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;box-shadow:0 2px 6px #0005}.help-actions .ui30{flex-shrink:0;position:relative;top:auto!important;left:auto!important}.message-title{color:#fff;text-align:center;text-shadow:0 1px 2px #000;width:276px;margin:0;font-size:15px;position:absolute;top:172px;left:262px}.message-text{color:#fff;width:262px;margin:0;font-size:13px;line-height:20px;position:absolute;top:214px;left:270px}.online-field{color:#fff;align-items:center;gap:8px;margin:0;font-size:13px;display:flex;position:absolute}.online-field input{color:#222;background:#fff;border:0;border-radius:6px;flex:1;min-width:0;height:26px;padding:2px 8px;font-size:14px}.online-dialog .coco-button{font-size:13px;position:absolute}.online-status{color:#ffd26e;margin:0;font-size:12px;position:absolute}#online-code{text-transform:uppercase;letter-spacing:3px}.touch-controls{display:none}.safe-probe{z-index:-1;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);visibility:hidden;pointer-events:none;position:fixed;inset:0}#app[data-touch=true] .battle-controls{display:none}#app[data-touch=true][data-screen=battle]{padding:0}#app[data-touch=true][data-screen=battle] .viewport{box-shadow:none;position:fixed;inset:0;aspect-ratio:auto!important;width:100vw!important;height:100dvh!important}#app[data-touch=true][data-screen=battle] .logical-stage{inset:0}#app[data-touch=true][data-screen=battle] #game-canvas{width:100vw;height:100dvh}#app[data-touch=true][data-screen=battle] .touch-controls{z-index:6;pointer-events:none;touch-action:none;--sl:max(8px, env(safe-area-inset-left));--sr:max(8px, env(safe-area-inset-right));--st:max(6px, env(safe-area-inset-top));--sb:max(6px, env(safe-area-inset-bottom));--pb:var(--plate-bottom,128px);--bark:#5a3412;--ink:#4a2606;--honey:#ffbe29;--cream:#fff3c4;--glass:#2e1a086b;--rim:#ffbe29bf;color:var(--cream);display:block;position:fixed;inset:0}.touch-controls>*{pointer-events:auto}.touch-controls>.tc-tip,.touch-controls>.tc-status{pointer-events:none}.touch-controls button{touch-action:none;border:2px solid var(--bark);min-width:44px;min-height:44px;color:var(--ink);text-shadow:0 1px #fff9;box-shadow:inset 0 2px 0 #fffd, inset 0 -3px 0 #c8650a55, 0 3px 0 var(--bark);background:linear-gradient(#fffbea 0%,#ffe27e 36%,#ffb320 70%,#f08a00 100%);border-radius:14px;padding:0;font:900 18px/1 Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;transition:opacity .2s,transform .12s,filter .2s;position:relative}.touch-controls button:active:not(:disabled){box-shadow:inset 0 2px 0 #fffd, 0 1px 0 var(--bark);filter:brightness(1.06);transform:translateY(2px)}.touch-controls button:disabled{filter:saturate(.3)brightness(.82);opacity:.62}.tc-art{transform:scale(var(--k,1));pointer-events:none;flex-shrink:0;display:block}.touch-controls .tc-artbtn{border-color:var(--honey);background:radial-gradient(circle at 50% 30%,#84521c,#3c2006 78%);justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffd27a77,0 3px #241302}.touch-controls .tc-round{border-radius:50%;width:44px;height:44px}.touch-controls .tc-round[data-action=help],.touch-controls .tc-round[data-action=sound],.touch-controls .tc-round[data-action=fullscreen]{box-shadow:none;background:radial-gradient(circle,#2c1804cc 56%,#0000 58%);border:0}.tc-round[data-action=help] .tc-art,.tc-round[data-action=sound] .tc-art,.tc-round[data-action=fullscreen] .tc-art{--k:1.36}.tc-artbtn[data-action=bag] .tc-art{--k:.6}.tc-artbtn[data-action=face] .tc-art{--k:1.3}.tc-artbtn[data-action=voice] .tc-art{--k:1.45}.tc-artbtn[aria-pressed=true]{box-shadow:0 0 0 3px #ff5a3a,0 3px #241302}.tc-glyph b{color:var(--ink);font-size:17px}.tc-round.tc-wide{border-radius:22px;width:auto;padding:0 14px;font-size:15px}.tc-menu{z-index:9;left:var(--sl);top:var(--st);grid-template-columns:repeat(4,44px);gap:6px;display:grid;position:fixed}.tc-status{left:50%;top:calc(var(--st) + 63px);background:var(--glass);border:1.5px solid var(--rim);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:46vw;padding:3px 12px;display:flex;position:fixed;transform:translate(-50%)}.touch-status{text-overflow:ellipsis;color:var(--cream);text-shadow:0 1px 2px #000;font-size:14px;font-weight:700;line-height:20px;overflow:hidden}.tc-status output{color:#ffd24a;text-shadow:0 1px 2px #000;font-size:15px;font-weight:900}.tc-status:has(.touch-status:empty){display:none}.tc-recenter{right:var(--sr);top:calc(var(--pb) + 8px);position:fixed!important}.tc-recenter i{border:3px solid var(--ink);border-radius:50%;width:22px;height:22px;position:relative}.tc-recenter i:before,.tc-recenter i:after{content:"";background:var(--ink);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tc-recenter i:before{width:30px;height:3px}.tc-recenter i:after{width:3px;height:30px}.touch-controls .tc-recenter{background:radial-gradient(circle at 50% 30%,#fffbea,#ffd04a 60%,#f39a00);border-radius:50%}.tc-cluster{bottom:var(--sb);background:var(--glass);border:1.5px solid var(--rim);border-radius:22px;gap:6px;padding:6px;transition:opacity .25s,transform .25s;display:grid;position:fixed}.tc-left{left:var(--sl);transform-origin:0 100%;grid-template-rows:46px 56px;grid-template-columns:62px 62px}.tc-right{right:var(--sr);transform-origin:100% 100%;grid-template:"turn turn"44px"angle fire"94px/94px 92px}.touch-move .touch-jump,.touch-move .touch-dig{white-space:nowrap;font-size:18px}.tc-tri{filter:drop-shadow(0 1px #fff8);border-top:13px solid #0000;border-bottom:13px solid #0000;width:0;height:0;margin:auto;display:block}.tc-tri-l{border-right:20px solid var(--ink)}.tc-tri-r{border-left:20px solid var(--ink)}.tc-turn{grid-area:turn;grid-template-columns:1fr 1fr;gap:6px;display:grid}.touch-controls .tc-pill{border-radius:22px}.tc-turn .tc-art{--k:1.08}.tc-artbtn[data-action=hot][aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px #ff5a3a,0 0 14px #ff7a3a}.tc-turn.is-charging [data-action=hot],.tc-turn.is-charging #touch-pass{display:none}.touch-controls .tc-cancel{color:#fff;text-shadow:0 1px 1px #000;background:linear-gradient(#b6bec8,#6a7480);grid-column:1/-1;font-size:17px}.touch-angle{grid-area:angle;grid-template-rows:44px 44px;grid-template-columns:44px 44px;gap:6px;display:grid}.touch-angle button{font-size:19px}.touch-controls .touch-angle button.selected{background:linear-gradient(#ffe3ea,#ff9ab0 45%,#e0567a)}.tc-fire{grid-area:fire;justify-content:center;align-items:center;display:flex}.touch-controls #touch-fire{color:#fff;text-shadow:0 1px 2px #6a0a00;background:radial-gradient(circle at 42% 30%,#ffb08a,#f0442e 58%,#b81e10);border-width:3px;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:92px;height:92px;display:flex;box-shadow:inset 0 3px #ffd0b8aa,0 4px #6a1206}#touch-fire .tc-ring{background:conic-gradient(#ffe14a var(--charge,0%), #0000 0);pointer-events:none;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 61%,#000 63%);mask:radial-gradient(circle,#0000 61%,#000 63%)}#touch-fire .tc-slot{margin-top:6px;transform:scale(1.25)}#touch-fire span{margin-top:4px;font-size:13px;line-height:14px}#touch-fire .tc-power{color:#fff;text-shadow:0 2px 2px #7a1006,0 0 8px #000;pointer-events:none;justify-content:center;align-items:center;font-size:34px;font-style:normal;display:flex;position:absolute;inset:0}#touch-fire.is-charging .tc-slot{opacity:.35}#touch-fire.is-outside{filter:grayscale(.85)}.tc-strip{bottom:var(--sb);left:calc(var(--sl) + 152px);right:calc(var(--sr) + 216px);pointer-events:none;justify-content:center;transition:opacity .25s;display:flex;position:fixed}.touch-inventory{pointer-events:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;background:var(--glass);border:1.5px solid var(--rim);border-radius:18px;gap:5px;max-width:100%;padding:5px 7px;display:flex;overflow:auto hidden}.touch-inventory::-webkit-scrollbar{display:none}.tc-slot{pointer-events:none;flex-shrink:0;width:31px;height:31px;display:block}.tc-slot .item-icon{width:31px;height:31px;display:block}.touch-controls.has-keyed .tc-slot .item-icon{background-image:var(--icons-keyed)!important}.touch-controls .touch-inventory button{touch-action:pan-x;background:#1d2f38;border:0;border-radius:9px;flex-shrink:0;width:46px;min-width:46px;height:46px;min-height:46px;box-shadow:inset 0 0 0 2px #2c4450}.touch-inventory button .tc-slot{transform-origin:0 0;border-radius:3px;position:absolute;top:0;left:0;transform:scale(1.4838)}.touch-controls .touch-inventory button.selected{box-shadow:0 0 0 3px #fff,0 0 12px 2px #ff7aa0}.touch-inventory kbd{color:#ffe14a;text-shadow:0 0 2px #000,0 0 2px #000;font:900 10px/10px Segoe UI,sans-serif;position:absolute;top:2px;left:3px}.touch-inventory small{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font:800 11px/11px Segoe UI,sans-serif;position:absolute;bottom:2px;right:3px}.touch-inventory .is-empty .tc-slot{opacity:.45}.touch-controls[data-turn=wait] .tc-cluster{opacity:.3}.touch-controls[data-turn=wait] .tc-strip{opacity:.55}.touch-controls[data-aim="1"] .tc-strip,.touch-controls[data-aim="1"] .tc-left{opacity:.32}.tc-bag{z-index:8;width:min(560px, calc(100vw - var(--sl) - var(--sr) - 8px));max-height:calc(100dvh - var(--st) - var(--sb) - 8px);border:3px solid var(--bark);color:var(--ink);background:linear-gradient(#ffd25a,#ffab1c);border-radius:20px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 2px #fff6,0 8px 28px #000a}.tc-bag-head{justify-content:space-between;align-items:center;padding:4px 6px 2px 16px;display:flex}.tc-bag-head b{letter-spacing:4px;text-shadow:0 1px #fff8;font-size:18px}.touch-controls .tc-bag-close{border-radius:12px;width:44px;height:44px;font-size:20px}.tc-bag-body{gap:10px;min-height:0;padding:4px 12px 12px;display:flex}.tc-bag-grid{background:#4a6d7b;border-radius:14px;grid-template-columns:repeat(4,50px);grid-auto-rows:50px;align-content:start;gap:6px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #2c4450}.tc-bag-slot{width:50px;height:50px;display:block;position:relative}.touch-controls .tc-bag-slot{background:#1d2f38;border:0;border-radius:8px;width:50px;min-width:50px;height:50px;min-height:50px;box-shadow:inset 0 0 0 2px #2c4450}.tc-bag-slot .tc-slot{transform-origin:0 0;border-radius:3px;position:absolute;top:0;left:0;transform:scale(1.6129)}.touch-controls .tc-bag-slot.selected{box-shadow:0 0 0 3px #fff,0 0 10px 2px #ff7aa0}.touch-controls .tc-bag-slot.shown:not(.selected){box-shadow:0 0 0 3px #ffe14a}.tc-bag-slot kbd{color:#ffe14a;text-shadow:0 0 2px #000,0 0 2px #000;font:900 10px/10px Segoe UI,sans-serif;position:absolute;top:2px;left:3px}.tc-bag-slot small{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font:800 11px/11px Segoe UI,sans-serif;position:absolute;bottom:2px;right:3px}.tc-bag-slot.is-empty .tc-slot,.tc-bag-slot[data-locked] .tc-slot{opacity:.5}.tc-bag-info{touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#fff6dc;border-radius:14px;flex:1;min-width:0;padding:10px 12px;font-size:15px;line-height:21px;overflow-y:auto;box-shadow:inset 0 0 0 2px #e0a040}.tc-bag-pic{float:right;background:#4a6d7b;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 0 4px 8px;display:flex}.tc-bag-pic .item-icon{transform:scale(1.4)}.tc-bag-info h3{color:#b8430a;margin:0 0 4px;font-size:17px}.tc-bag-info ul{color:#6a4418;margin:0 0 6px;padding:0;font-size:14px;list-style:none}.tc-bag-info p{margin:0 0 4px}.tc-bag-use{color:#7a5a2a}#app[data-touch=true][data-screen=battle] .battle-chat{left:var(--chat-l,max(8px, env(safe-area-inset-left)));top:calc(max(6px, env(safe-area-inset-top)) + 156px);z-index:5;text-shadow:0 1px 2px #000,0 0 3px #000;width:min(300px,40vw);height:auto;max-height:30dvh;padding:0;font-size:13px;line-height:17px;position:fixed}.tc-rotate{left:50%;top:calc(var(--pb) + 60px);border:2px solid var(--honey);width:min(340px,100vw - 16px);color:var(--cream);background:#2e1a08e0;border-radius:16px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #0008}.tc-rotate span{flex:1}.tc-rotate[hidden],.touch-controls[inert] .tc-rotate{display:none!important}.touch-controls .tc-rotate button{min-height:44px;padding:0 12px;font-size:14px}.tc-tip{z-index:40;border:2px solid var(--honey);color:var(--cream);pointer-events:none;background:#2c1c08f5;border-radius:12px;padding:8px 10px;font-size:14px;line-height:20px;position:fixed;box-shadow:0 4px 12px #0008}.tc-tip b{color:#ffd24a;font-size:15px}.tc-tip p{margin:4px 0 0}.touch-controls[data-mode=watch] .tc-menu{grid-template-columns:repeat(4,auto)}@media (orientation:landscape){.tc-rotate{display:none!important}}@media (orientation:portrait){.tc-menu{left:50%;top:calc(var(--pb) + 6px);grid-template-columns:none;grid-auto-columns:44px;grid-auto-flow:column;transform:translate(-50%)}.tc-status{top:auto;bottom:calc(var(--sb) + 230px)}.tc-recenter{bottom:calc(var(--sb) + 230px);top:auto!important}.tc-strip{left:var(--sl);right:var(--sr);bottom:calc(var(--sb) + 158px)}.tc-left{grid-template-columns:58px 58px}.tc-right{grid-template-rows:44px 94px;grid-template-columns:94px 88px}.touch-controls #touch-fire{width:88px;height:88px}#app[data-touch=true][data-screen=battle] .battle-chat{top:calc(var(--plate-bottom,128px) + 60px);width:min(300px,70vw);max-height:22dvh}.tc-bag{top:calc(var(--pb) + 56px);max-height:calc(100dvh - var(--pb) - 60px - var(--sb));transform:translate(-50%)}.tc-bag-body{flex-direction:column;overflow-y:auto}.tc-bag-grid{align-self:center}}@media (orientation:portrait) and (width<=370px){.tc-right{grid-template-columns:90px 84px}.touch-angle{grid-template-rows:44px 44px;grid-template-columns:42px 42px}.touch-controls #touch-fire{width:84px;height:84px}.tc-left{grid-template-columns:54px 54px}.touch-controls .touch-angle button{min-width:42px}}.stats-bag{pointer-events:none;position:absolute;inset:0}#app>.chat-form.chat-native{z-index:25;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#b86a00f0;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}#app>.chat-form.chat-native .chat-input{background:#fff;border-radius:8px;min-height:40px;padding:4px 10px;font-size:16px}#app>.chat-form.chat-native .chat-send{color:#fff;background:#ff9d00;border:2px solid #fff;border-radius:10px;min-width:64px;font-size:15px;position:static}.item-icon{image-rendering:pixelated;background-repeat:no-repeat;display:block}.login-input{color:#5a2a00;background:0 0;border:0;outline:none;padding:0 6px;font-size:16px;font-weight:900;position:absolute}.login-input:focus{background:#fff6}.login-status,.char-status,.newchar-status{text-align:center;color:#fff;text-shadow:0 1px 2px #6a3200,0 0 3px #6a3200;pointer-events:none;margin:0;font-size:13px;font-weight:900;position:absolute}#login-ok{cursor:var(--coco-cursor,pointer)}.channel-row{background:var(--up) no-repeat;color:#7a3c00;border:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;font-weight:900;display:flex;position:absolute}.channel-row small{color:#8a5a2c;font-size:11px}.channel-row:hover,.channel-row:focus-visible{background:var(--down) no-repeat;outline:none}.channel-news{color:#6a4210;pointer-events:none;font-size:13px;line-height:20px;position:absolute}.channel-news p{margin:0 0 6px}.char-circle{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.char-motion{pointer-events:none;width:200px;height:200px;position:absolute}.char-motion.is-side{opacity:.39}.profile-body{pointer-events:none;width:220px;height:180px;position:absolute}.char-portrait{pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:auto;position:absolute}.char-field{text-align:center;color:#2c4a12;white-space:nowrap;pointer-events:none;font-size:13px;line-height:18px;position:absolute;overflow:hidden}.char-empty{z-index:5;color:#fff;text-align:center;pointer-events:none;background:#3d3a5ccc;border-radius:8px;margin:0;padding:6px 4px;font-size:14px;font-weight:900;position:absolute}.char-backup{gap:6px;display:flex;position:absolute}.char-backup .coco-button{height:26px;padding:0 10px;font-size:12px}.newchar-card{background-color:#0000;background-repeat:no-repeat;border:0;border-radius:6px;padding:0;position:absolute}.newchar-card:hover,.newchar-card:focus-visible{outline:none;box-shadow:0 0 0 3px #ff7a1a}.newchar-card.selected{box-shadow:0 0 0 3px #ff3b23}.newchar-name{color:#6a3a00}.login-field,.newchar-name{color:#4a2200;background:#fff7dc;border:2px solid #9c6418;border-radius:4px;box-shadow:inset 0 2px 4px #7a4a0a80}.login-field:focus,.newchar-name:focus{background:#fffbea;border-color:#e0601a;box-shadow:inset 0 2px 4px #7a4a0a80,0 0 0 2px #ffb04a}.login-field::placeholder,.newchar-name::placeholder{color:#a47a4a;font-size:13px;font-weight:700}.newchar-name.is-missing{border-color:#e02020;animation:.32s 2 cue-shake;box-shadow:inset 0 2px 4px #7a4a0a80,0 0 0 3px #ff4a3a}@keyframes cue-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.login-password{color:#8a7350;text-align:center;background:#e8dcb4b0;border:2px solid #9c641880;border-radius:4px;margin:0;font-size:12px;font-weight:700;line-height:25px;position:absolute}.login-hint{color:#5a2a00;text-align:center;pointer-events:none;background:#fff3cdee;border:2px solid #c8722a;border-radius:11px;margin:0;font-size:13px;font-weight:900;line-height:18px;position:absolute}.newchar-caption{color:#8a4a00;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:900;line-height:16px;position:absolute}.newchar-card.is-locked{background:0 0}.newchar-card.is-locked:hover,.newchar-card.is-locked:focus-visible{box-shadow:0 0 0 3px #9a8a70}.ui-tip{z-index:2;cursor:help;position:absolute}.ui-tipart{cursor:help}.cue-banner{z-index:40;color:#5a2a00;text-align:center;white-space:nowrap;pointer-events:none;max-width:520px;animation:cue-banner var(--cue-ms,2.2s) ease forwards;background:#fff3cd;border:3px solid #c8722a;border-radius:16px;padding:8px 22px;font-size:20px;font-weight:900;line-height:26px;position:absolute;transform:translate(-50%);box-shadow:0 3px #8a4a10,0 6px 14px #0006}@keyframes cue-banner{0%{opacity:0;transform:translate(-50%)translateY(6px)}8%{opacity:1;transform:translate(-50%)translateY(0)}82%{opacity:1}to{opacity:0}}.cue-banner.is-error{color:#8a1a00;border-color:#d0401a}#app:not([data-touch=true]):before{content:"";background:var(--backdrop,none) center / cover no-repeat;pointer-events:none;position:absolute;inset:0}#app{overflow:hidden}.newchar-value{text-align:center;color:#6a3a00;pointer-events:none;font-size:14px;font-weight:900;line-height:18px;position:absolute}.newchar-motion{z-index:1}.newchar-note{color:#5a3a10;pointer-events:none;font-size:12px;line-height:16px;position:absolute}.shop-sub{cursor:var(--coco-cursor,pointer)}.shop-card-icon.item-icon{width:31px;height:31px;top:32px;left:35px}.shop-detail-icon{background-repeat:no-repeat}.store-tab{background:0 0;border:0;border-radius:6px 6px 0 0;padding:0;position:absolute}.store-tab[aria-pressed=true],.store-tab:hover{box-shadow:inset 0 -3px #ff7a1a}.store-cell,.equip-slot{background:#4a6d7b;border:0;padding:0;position:absolute}.store-cell b{color:#fff;text-shadow:0 0 2px #000;font-size:9px;position:absolute;bottom:-1px;right:1px}.store-cell:hover,.equip-slot:hover,.store-cell:focus-visible,.equip-slot:focus-visible{outline:none;box-shadow:0 0 0 2px #ff3b23}.store-page{color:#c84a00;background:0 0;border:0;padding:0;font-size:12px;position:absolute}.bag-slot .item-icon{transform-origin:0 0;transform:scale(.871)}.gameover-level{text-align:center;color:#ffe14a;text-shadow:0 2px 2px #8a3a00;pointer-events:none;margin:0;font-size:18px;font-weight:900;position:absolute}.online-field b{color:#c84a00}.lobby-rooms{pointer-events:none;position:absolute;inset:0}.lobby-rooms>*{pointer-events:auto}.lobby-room{width:227px;height:166px;position:absolute}.lobby-room>*{position:absolute}.lobby-room-no{color:#7a4a10;letter-spacing:1px;pointer-events:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.lobby-room-name{color:#4a2a08;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 4px;font-size:12px;font-weight:400;line-height:20px;overflow:hidden}.lobby-cell.is-off{pointer-events:none;background:#00000018;border-radius:3px}.lobby-room-count{color:#7a4a10;pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex}.lobby-room-info{color:#5a3a10;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;line-height:14px;overflow:hidden}.lobby-room.is-playing .lobby-room-info{color:#555}.lobby-empty,.rank-empty,.record-empty{color:#fff;text-align:center;text-shadow:0 1px 2px #8a4000;pointer-events:none;margin:0;font-size:14px;font-weight:900;position:absolute}.lobby-page{text-align:center;color:#fff;text-shadow:0 1px 1px #8a4000;pointer-events:none;font-size:12px;line-height:22px;position:absolute}.lobby-search{gap:6px;display:flex;position:absolute}.lobby-search input{color:#4a2a08;background:#fffbe8;border:1px solid #c87a20;border-radius:10px;flex:1;min-width:0;height:20px;padding:0 8px;font-size:12px}.lobby-chip{color:#fff;background:#f0a030;border:1px solid #fff;border-radius:10px;flex-shrink:0;height:20px;padding:0 8px;font-size:11px;font-weight:900}.lobby-chip[aria-pressed=true]{background:#5fb12a}.lobby-chat>.ui30:not(button){pointer-events:none}.chat-watch .chat-name{color:#7a5aa8}.rank-cell{color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:23px;position:absolute;overflow:hidden}.rank-tabs{justify-content:center;gap:10px;display:flex;position:absolute}.rank-tabs .coco-button{height:28px;font-size:13px}.rank-tabs .coco-button[aria-pressed=true]{outline:2px solid #fff}.qty-dialog input{color:#fff;text-align:center;background:0 0;border:0;padding:0 6px;font-size:15px;font-weight:900;position:absolute}.qty-dialog input:focus{background:#ffffff1f;outline:none}.close-text,.view-text{text-align:center;color:#fff;justify-content:center;align-items:center;margin:0;font-size:14px;line-height:20px;display:flex;position:absolute}.card-kick{background:#c0392b}.card-host{color:#fff;pointer-events:none;background:#ff9d00;border-radius:3px;padding:0 3px;font-size:9px;line-height:13px;position:absolute;top:2px;left:4px}.room-sit{font-size:15px;position:absolute}.record-dialog input#record-name{color:#fff;background:0 0;border:0;padding:0 6px;font-size:13px;position:absolute}.record-dialog input#record-name:focus{background:#fff2;outline:none}.record-body{color:#fff;font-size:12px;line-height:18px;position:absolute;overflow:hidden}.record-body p{margin:0 0 4px}.record-status{color:#ffe14a;text-align:center;text-shadow:0 1px 1px #000;margin:0;font-size:12px;position:absolute}.record-body .record-status{text-align:left;position:static}.record-row{color:#234;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex;position:absolute}.record-row b{white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.record-row small{color:#567;flex-shrink:0;font-size:10px}.record-row:hover,.record-row[aria-selected=true]{color:#fff;background:#7fb8e8}.record-row[aria-selected=true] small{color:#fff}.record-page{text-align:center;color:#fff;pointer-events:none;font-size:11px;line-height:14px;position:absolute}.record-files{justify-content:center;gap:10px;display:flex;position:absolute}.record-files .coco-button{height:26px;font-size:12px}.record-files .coco-button:disabled{filter:grayscale(.7);opacity:.7}.record-play{pointer-events:none;z-index:4;position:absolute;inset:0}.record-play>*{pointer-events:auto}.record-play>i,.record-play>span,.record-play>p{pointer-events:none}.record-screen{white-space:pre-line;color:#bfe6ff;margin:0;font-size:12px;line-height:17px;position:absolute;overflow:hidden}.record-speed{color:#fff36e;text-align:center;font-size:15px;font-weight:900;line-height:18px;position:absolute}.record-weapon,.record-hp,.record-turn{color:#333;text-align:center;white-space:nowrap;font-size:11px;line-height:13px;position:absolute;overflow:hidden}.record-weapon{white-space:normal;justify-content:center;align-items:center;display:flex}.record-face{background-position:6px -4px;background-repeat:no-repeat;position:absolute}.record-progress{border-radius:6px;position:absolute;overflow:hidden}.record-progress b{background:linear-gradient(#ff9a3a,#e8303a);width:0;height:100%;display:block}.record-time{color:#fff;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #003a66,0 0 2px #003a66;font-size:12px;font-weight:900;line-height:18px;position:absolute}.record-seek{position:absolute}.record-seek .record-progress{pointer-events:none}.record-seek input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.record-seek input::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.record-seek input::-moz-range-track{background:0 0;border:0;height:100%}.record-seek input::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 40% 30%,#fff,#ffd27a 55%,#ff9a3a);border:2px solid #8a4000;border-radius:8px;width:16px;height:24px;margin-top:4px;box-shadow:0 1px 2px #0008}.record-seek input::-moz-range-thumb{background:radial-gradient(circle at 40% 30%,#fff,#ffd27a 55%,#ff9a3a);border:2px solid #8a4000;border-radius:8px;width:12px;height:20px;box-shadow:0 1px 2px #0008}.record-seek input:focus{outline:none}.record-seek input:focus-visible::-webkit-slider-thumb{outline:2px solid #fff36e}.record-seek input:focus-visible::-moz-range-thumb{outline:2px solid #fff36e}html[data-touch=true],html[data-touch=true] body{overscroll-behavior:none;touch-action:manipulation}#app[data-touch=true]{touch-action:manipulation}#app[data-touch=true][data-screen=battle]{touch-action:none}#app[data-touch=true] .ui30-layer{left:var(--ui-x,50%);top:var(--ui-y,50%)}.native-panel{display:none}#app[data-touch=true][data-dock=flow] .native-panel,#app[data-touch=true][data-dock=overlay] .native-panel{z-index:21;overscroll-behavior:contain;touch-action:pan-y;padding:8px max(8px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));color:#fff3c4;font-size:15px;display:block;position:relative;overflow-y:auto}#app[data-touch=true][data-dock=overlay] .native-panel{z-index:22;background:#1d1a12f5;position:fixed;box-shadow:0 -4px 16px #0008}#app[data-touch=true][data-screen=lobby] .native-panel,#app[data-touch=true][data-screen=online-room] .native-panel{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.native-panel[data-modal=true] .native-custom,.native-custom:empty{display:none}.native-head{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.native-head .coco-button{flex:1;min-width:64px;min-height:44px;font-size:15px}.native-panel .coco-button:disabled{filter:grayscale(.7);opacity:.6}.native-status{color:#ffd26e;margin:0 0 8px;font-size:14px}.native-list{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.native-list li{background:#5a3a12;border:2px solid #ffbe29;border-radius:10px;align-items:center;gap:8px;min-height:52px;padding:4px 8px;display:flex}.native-list li.is-playing{border-color:#9a9a9a}.native-list li>b{color:#ffd24a;text-align:center;min-width:36px;font-size:16px}.native-list li>span{flex-direction:column;flex:1;min-width:0;display:flex}.native-list li strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.native-list li small{color:#e8d6a8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.native-list li .coco-button{min-width:56px;min-height:44px;font-size:14px}.native-seats li.team-1{border-color:#f07c9a}.native-seats li.team-2{border-color:#6aaef0}.native-empty{color:#e8d6a8;justify-content:center}.native-search{color:#4a2a08;background:#fffbe8;border:2px solid #ffbe29;border-radius:10px;width:100%;min-height:44px;margin:0 0 8px;padding:4px 12px;font-size:16px;display:block}.native-dock{gap:10px;display:grid}.native-dock:empty{display:none}.dock-top{justify-content:flex-end;margin-top:4px;display:flex}.dock-group{gap:6px;display:grid}.dock-group h3{color:#ffd26e;margin:2px 0 0;font-size:14px;font-weight:900}.dock-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:6px;display:grid}.dock-btn{color:#fff;text-shadow:0 1px 1px #8a4000;overflow-wrap:anywhere;touch-action:manipulation;background:linear-gradient(#ffd24a,#ff9d00 60%,#f08000);border:2px solid #fff;border-radius:12px;min-width:44px;min-height:44px;padding:4px 8px;font-size:15px;font-weight:900;line-height:1.2;box-shadow:0 2px #a65200}.dock-btn.primary{text-shadow:0 1px 1px #245a0c;background:linear-gradient(#a7e35a,#5fb12a 60%,#3f8f16);font-size:17px;box-shadow:0 2px #2d6a10}.dock-btn[aria-pressed=true]{background:linear-gradient(#ff9ab0,#e0567a);box-shadow:0 0 0 3px #fff3c4}.dock-btn:disabled{filter:grayscale(.7);opacity:.5}.dock-btn:active:not(:disabled){filter:brightness(1.08);transform:translateY(1px)}.dock-swatch,.dock-swatch[aria-pressed]{background:var(--swatch)}.dock-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #ff3b23}.dock-fs{font-size:14px}.dock-row{background:#5a3a12;border:2px solid #ffbe29;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:52px;padding:4px 6px 4px 10px;display:flex}.dock-row.is-info{border-width:1px;min-height:36px;padding-top:2px;padding-bottom:2px}.dock-row .dock-name{color:#fff3c4;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:96px;min-width:96px;font-size:15px;font-weight:900;overflow:hidden}.dock-row button.dock-name{box-shadow:none;text-shadow:none;background:#7a5220;border-color:#ffbe2988;padding:4px 6px}.dock-row button.dock-name[aria-pressed=true]{box-shadow:none;background:#b86a00;border-color:#fff}.dock-row output{text-align:center;color:#ffd24a;min-width:34px;font-size:17px;font-weight:900}.dock-ctl{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;max-width:100%;margin-left:auto;display:flex}.dock-ctl .dock-btn{padding:4px 6px;font-size:14px}.dock-text{color:#ffe9b0;white-space:pre-line;margin:0;font-size:14px;line-height:20px}.dock-field{color:#ffd26e;flex-direction:column;gap:4px;font-size:14px;display:flex}.dock-field input{color:#4a2a08;background:#fffbe8;border:2px solid #ffbe29;border-radius:10px;min-height:46px;padding:4px 12px;font-size:16px}.dock-field.dock-range input{accent-color:#ff7a2a;touch-action:none;width:100%;padding:0 6px}.dock-read{text-shadow:0 1px 1px #333;background:#6e6e6e;border-radius:8px;padding:8px 12px;font-size:15px;line-height:22px}.dock-read p{margin:0 0 6px}.dock-read h3{margin:10px 0 4px;font-size:16px;font-weight:400}.dock-table{border-collapse:collapse;width:100%;font-size:14px}.dock-table th{color:#ffd26e;text-align:left;font-weight:400}.dock-table td,.dock-table th{border-bottom:1px solid #5a3a12;padding:6px 4px}#app>.chat-form.chat-native{bottom:var(--kb,0px)}@media (orientation:portrait){#app[data-touch=true][data-dock=flow]{flex-direction:column;justify-content:flex-start}#app[data-touch=true][data-dock=flow] .viewport{width:100%}#app[data-touch=true][data-dock=flow] .native-panel{flex:1;width:100%;min-height:0}#app[data-touch=true][data-dock=overlay] .native-panel{bottom:0;left:0;right:0;top:var(--vp-bottom,50%)}}@media (orientation:landscape){#app[data-touch=true][data-dock=flow] .viewport{width:min(calc(100vw - 260px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3))}#app[data-touch=true][data-screen=lobby] .viewport,#app[data-touch=true][data-screen=online-room] .viewport{width:min(calc(100vw - 260px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 64px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3));align-self:flex-start}#app[data-touch=true][data-dock=flow] .native-panel{flex:1;min-width:260px;height:100%}#app[data-touch=true][data-dock=overlay] .native-panel{width:max(260px, calc(100vw - var(--vp-right,50vw)));top:0;bottom:0;right:0}}#app[data-touch=true] .native-panel{color:#fff3c4;background:linear-gradient(#2a1c0c,#1d1408)}#app[data-touch=true][data-dock=overlay] .native-panel{background:linear-gradient(#2a1c0cf7,#1d1408f7);border-left:2px solid #ffbe2966}.dock-btn,.native-panel .coco-button{color:#4a2606;text-shadow:0 1px #fff9;background:linear-gradient(#fffbea 0%,#ffe27e 36%,#ffb320 70%,#f08a00 100%);border:2px solid #5a3412;border-radius:14px;box-shadow:inset 0 2px #fffd,inset 0 -3px #c8650a55,0 3px #5a3412,0 4px 8px #0006}.dock-btn.primary{color:#fff;text-shadow:0 1px 1px #245a0c;background:linear-gradient(#e4ffb8 0%,#a7e35a 35%,#5fb12a 70%,#3f8f16 100%);box-shadow:inset 0 2px #fff9,0 3px #1f4a08,0 4px 8px #0006}.dock-btn[aria-pressed=true]{color:#4a0a1c;background:linear-gradient(#ffe3ea,#ff9ab0 45%,#e0567a);box-shadow:0 0 0 3px #fff3c4,0 3px #5a3412}.dock-btn:active:not(:disabled),.native-panel .coco-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #fffd,0 1px #5a3412}.dock-group h3{letter-spacing:1px;color:#ffd24a;text-shadow:0 1px 2px #000;align-items:center;gap:8px;font-size:14px;display:flex}.dock-group h3:after{content:"";background:linear-gradient(90deg,#ffbe29aa,#ffbe2900);border-radius:1px;flex:1;height:2px}.dock-row,.native-list li{background:linear-gradient(#6a4418,#4a2c0c);border:1.5px solid #ffbe29bb;border-radius:14px;box-shadow:inset 0 1px #ffd27a44,0 2px 6px #0005}.dock-row button.dock-name{color:#fff3c4;text-shadow:none;box-shadow:none;background:#3a2208;border:1.5px solid #ffbe2988;border-radius:10px}.dock-row button.dock-name[aria-pressed=true]{color:#fff;background:linear-gradient(#ffb320,#e07800);border-color:#fff3c4}.dock-row output{color:#ffd24a;text-shadow:0 1px 2px #000}.dock-field input,.native-search{background:#fff8e0;border:2px solid #c8650a;border-radius:12px;box-shadow:inset 0 2px 3px #c8650a33}.dock-read{color:#4a2606;text-shadow:none;background:#fff6dc;border-radius:14px;box-shadow:inset 0 0 0 2px #e0a040}.dock-read h3{color:#b8430a}.native-head .coco-button.team-1{background:linear-gradient(#ffe3ea,#ff9ab0 45%,#e0567a)}.native-head .coco-button.team-2{background:linear-gradient(#e3f1ff,#8cc4ff 45%,#3a86d8)}.guide-root{z-index:1000;background:#1d140a99;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.guide{width:min(520px,100%);max-height:100%;display:flex;position:relative}.guide-angel{z-index:1;pointer-events:none;background-repeat:no-repeat;width:112px;height:107px;animation:.625s steps(5,end) infinite guide-angel;position:absolute;top:-50px;left:-22px}.guide-window{color:#4a2606;background:linear-gradient(#fff8e2,#ffe9b0);border:4px solid #fff;border-radius:22px;flex:1;grid-template:"head""live""art""text"1fr"actions"/1fr;gap:8px 16px;padding:14px 18px;display:grid;position:relative;overflow:auto;box-shadow:0 0 0 4px #f08000,0 10px 30px #0008}@keyframes guide-angel{0%{background-position:0 0}to{background-position:-560px 0}}.guide-head{grid-area:head;justify-content:space-between;align-items:baseline;padding-left:76px;display:flex}.guide-head h2{color:#b8430a;text-shadow:0 1px #fff;margin:0;font-size:22px;font-weight:900}.guide-count{color:#8a5a20;font-size:13px;font-weight:900}.guide-live{color:#fff;text-align:center;background:#b8230e;border-radius:10px;grid-area:live;margin:0;padding:6px 10px;font-size:14px;font-weight:900}.guide-art{grid-area:art;justify-content:center;align-items:center;display:flex}.guide-scene{aspect-ratio:440/280;background:#3a6a8a;border-radius:12px;width:100%;max-width:440px;height:auto;display:block;box-shadow:0 0 0 3px #26445a}.guide-text{grid-area:text;font-size:16px;font-weight:700;line-height:1.5}.guide-text p{margin:0 0 4px}.guide-actions{grid-area:actions;justify-content:space-between;align-items:center;gap:10px;display:flex}.guide-pager{gap:10px;display:flex}.guide-actions .coco-button{min-height:40px;font-size:15px}.guide-root[data-touch=true] .guide-actions .coco-button{min-width:96px;min-height:48px;font-size:16px}@media (width<=560px){.guide-window{padding:12px}.guide-text{font-size:15px}}@media (height<=500px) and (width>=561px){.guide{width:min(860px,100%)}.guide-window{grid-template:"head head""live live""art text"1fr"actions actions"/auto 1fr;gap:6px 14px;padding:10px 14px}.guide-scene{width:auto;max-width:none;height:min(280px,100dvh - 150px)}.guide-head{padding-left:0}.guide-angel{transform-origin:100% 0;top:-2px;left:auto;right:70px;transform:scale(.6)}.guide-text{align-self:center;font-size:15px}}.help-guide{z-index:2;font-size:13px;position:absolute}.guide-hint{z-index:3;color:#4a2606;cursor:pointer;white-space:nowrap;background:linear-gradient(#fff3a8,#ffb320);border:2px solid #fff;border-radius:12px;height:24px;padding:0 12px;font:900 13px/20px Microsoft JhengHei,PingFang TC,sans-serif;animation:1.6s ease-in-out infinite guide-hint;position:absolute;top:434px;left:28px;box-shadow:0 2px #8a4a10}.guide-hint:hover{filter:brightness(1.08)}@keyframes guide-hint{50%{box-shadow:0 2px #8a4a10,0 0 10px 2px #fff6}}@media (prefers-reduced-motion:reduce){.guide-hint{animation:none}}.chat-team{color:#9fe0ff}.chat-whisper{color:#ffb4f0}.battle-chat .chat-team{color:#9fe0ff}.battle-chat .chat-whisper{color:#ffb4f0}.online-room.kick-mode [data-kick-seat]{cursor:pointer}