[hidden]{display:none!important}body{-webkit-user-select:none;user-select:none;background:linear-gradient(#164e87 0%,#2989d8 40%,#7db9e8 78%,#bce6ff 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}button{font-family:inherit}#ui-container{color:#333;z-index:10;transform-origin:0 0;background:#fffffff2;border:3px solid #fff;border-radius:16px;width:270px;padding:15px 18px;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s;position:absolute;top:20px;left:20px;box-shadow:0 8px 30px #00000040}.modal-header{cursor:pointer;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}h2{color:#d9381e;text-transform:uppercase;text-shadow:1px 1px gold;margin:0;font-size:18px}#collapse-btn{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(#ff7e5f,#feb47b);border:2px solid #fff;border-radius:8px;width:28px;height:28px;margin:0;padding:0;font-size:18px;font-weight:700;line-height:24px;box-shadow:0 2px 6px #00000026}.info-row{text-align:center;background:#fff0dcbf;border-radius:8px;margin:6px 0;padding:5px 8px;font-size:14px}#modal-body{opacity:1;max-height:640px;margin-top:6px;transition:max-height .4s,opacity .3s,margin-top .3s;overflow:hidden}#ui-container.collapsed #modal-body{opacity:0;pointer-events:none;max-height:0;margin-top:0}body.in-combat #ui-container{opacity:.22;pointer-events:none;transform:scale(.72)}body.in-combat #ui-container #modal-body{opacity:0;max-height:0;margin-top:0}#status{color:#e74c3c;text-align:center;min-height:20px;margin-bottom:6px;font-size:15px;font-weight:700}.mode-label{color:#666;text-align:center;margin-bottom:4px;font-size:12px}.move-list{color:#333;-webkit-user-select:text;user-select:text;background:#f0f6ffd9;border-radius:8px;height:112px;margin:0 0 6px;padding:4px 6px 4px 34px;font:13px/1.55 Consolas,Segoe UI,monospace;overflow-y:auto}.move-list li span{min-width:58px;display:inline-block}.move-list li::marker{color:#999}.btn-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.small-btn{color:#444;cursor:pointer;background:#fff4e6;border:2px solid #ffd9b0;border-radius:9px;padding:7px 4px;font-size:13px;font-weight:700}.small-btn:hover:not(:disabled){background:#ffe8cc}.small-btn:disabled{opacity:.45;cursor:default}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff7e5f,#feb47b);border:2px solid #fff;border-radius:10px;width:100%;margin-top:6px;padding:9px;font-size:14px;font-weight:700;transition:transform .1s;box-shadow:0 4px 10px #00000026}.action-btn:hover{transform:scale(1.03)}.action-btn.secondary{background:linear-gradient(#00c6ff,#0072ff)}.action-btn.gfx-btn{background:linear-gradient(#11998e,#38ef7d)}.action-btn.settings-btn{background:linear-gradient(#8e54e9,#b78bf7)}.player-bar{z-index:9;color:#333;white-space:nowrap;background:#ffffffeb;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 340px);padding:6px 14px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000038}#player-top{top:14px}#player-bottom{bottom:14px}.player-bar[data-color=w]{border-color:#ffb3a7}.player-bar[data-color=b]{border-color:#a7d3ff}.player-bar.to-move{box-shadow:0 0 0 3px gold,0 6px 20px #00000038}.pname{text-overflow:ellipsis;font-weight:700;overflow:hidden}.player-bar[data-color=w] .pname{color:#d9381e}.player-bar[data-color=b] .pname{color:#1f6fb2}.pdot{background:#2ecc71;border-radius:50%;flex:none;width:9px;height:9px;display:none}body.online .pdot{display:inline-block}.player-bar.offline .pdot{background:#e74c3c}.pthink{color:#8e44ad;font-size:12px;font-style:italic;display:none}.player-bar.thinking .pthink{display:inline}.pcaptured{color:#666;letter-spacing:-1px;font-size:15px}.player-bar[data-color=w] .pcaptured{color:#1f6fb2}.player-bar[data-color=b] .pcaptured{color:#d9381e}.pclock{color:#333;background:#eef3f8;border-radius:8px;padding:4px 8px;font:700 16px/1 Consolas,monospace}.player-bar.to-move .pclock{color:#fff;background:#2d3436}.pclock.low{color:#fff!important;background:#e74c3c!important}body.in-combat #player-top{opacity:0}body.menu-open #ui-container,body.menu-open .player-bar{opacity:0;pointer-events:none}body.booting #ui-container,body.booting .player-bar{visibility:hidden}#battle-banner{color:#fff;text-align:center;z-index:20;pointer-events:none;background:linear-gradient(135deg,#0f192df2,#410c26f2);border:3px solid #00f2fe;border-radius:24px;min-width:360px;padding:16px 38px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:25px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 12px 40px #0009,0 0 25px #00f2fe66}#battle-banner.active{transform:translate(-50%)scale(1)}.event-tag{color:#fff;text-transform:uppercase;letter-spacing:1.2px;background:#ff2a85;border-radius:12px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}#battle-vs{color:gold;text-shadow:0 2px 6px #000c;font-size:21px;font-weight:900}#battle-skill{color:#00f2fe;margin-top:6px;font-size:14px;font-weight:700}#skipBtn{z-index:21;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#0f192dd9;border:2px solid #00f2fe;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;transition:opacity .25s;position:absolute;bottom:18px;right:18px}body.in-combat #skipBtn{opacity:1;pointer-events:auto}#replay-bar{z-index:20;box-sizing:border-box;color:#333;background:#fffffff2;border:3px solid #fff;border-radius:18px;align-items:center;gap:10px;width:min(760px,100vw - 24px);padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.rb-controls{flex:none;gap:4px;display:flex}#replay-bar button{color:#444;cursor:pointer;background:#f1f4f8;border:2px solid #dde4ec;border-radius:10px;min-width:38px;height:38px;padding:0 8px;font-size:16px;transition:transform .1s}#replay-bar button:hover{transform:scale(1.06)}#replay-bar button:active{transform:scale(.95)}#replay-bar .rb-play{color:#fff;background:linear-gradient(#ff7e5f,#feb47b);border-color:#fff;min-width:46px;box-shadow:0 3px 8px #0000002e}#rbSeek{accent-color:#ff7e5f;cursor:pointer;flex:1;min-width:80px}.rb-ply{text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:64px;font-size:14px;font-weight:700}#replay-bar .rb-speed{flex:none;padding:3px}#replay-bar .rb-speed button{background:0 0;border:none;min-width:34px;height:30px;font-size:13px;font-weight:700}#replay-bar .rb-speed button.active{color:#fff;background:linear-gradient(#00c6ff,#0072ff)}#replay-bar .rb-text{white-space:nowrap;flex:none;font-size:13px;font-weight:700}body.replay #player-bottom,body.replay #skipBtn{bottom:82px}body.menu-open #replay-bar{opacity:0;pointer-events:none}.replay-list{text-align:left;max-height:min(52vh,420px);overflow-y:auto}.replay-empty{color:#666;text-align:center;margin:12px 0;font-size:14px}.replay-item{background:#f7f9fc;border:2px solid #e6ecf3;border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;display:flex}.ri-info{color:#555;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:12px;display:flex}.ri-info b{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ri-date{color:#999}.ri-actions{flex:none;gap:4px;display:flex}.ri-actions button{cursor:pointer;background:#fff;border:2px solid #dde4ec;border-radius:10px;width:34px;height:34px;font-size:15px}.ri-actions button:first-child{color:#fff;background:linear-gradient(#ff7e5f,#feb47b);border-color:#fff}.ri-actions button:hover{transform:scale(1.08)}.share-hint{color:#666;margin:0 0 10px;font-size:13px}#shareLink{box-sizing:border-box;width:100%;font-size:12px}.move-list span[data-ply]{border-radius:4px}body.replay .move-list span[data-ply]{cursor:pointer}body.replay .move-list span[data-ply]:hover{background:#ffe8cc}#offer-bar{z-index:22;color:#333;background:#fffbea;border:3px solid gold;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}#offer-bar button{cursor:pointer;color:#fff;background:#27ae60;border:2px solid #fff;border-radius:8px;padding:6px 12px;font-weight:700}#offer-bar #offerDeclineBtn{background:#c0392b}.overlay{z-index:40;background:#08142d73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{box-sizing:border-box;color:#333;text-align:center;background:#fffffff7;border:3px solid #fff;border-radius:20px;width:100%;max-width:380px;max-height:calc(100vh - 32px);padding:20px 22px;overflow-y:auto;box-shadow:0 16px 50px #00000059}.card h3{color:#d9381e;margin:0 0 12px}.menu-card{max-width:400px}#menu{background:#08142d40}.menu-title{color:#d9381e;text-transform:uppercase;text-shadow:2px 2px gold;margin:0;font-size:26px}.menu-sub{color:#666;margin:4px 0 14px;font-size:13px}.menu-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff7e5f,#feb47b);border:2px solid #fff;border-radius:12px;width:100%;min-height:44px;margin-top:8px;padding:10px;font-size:15px;font-weight:700;transition:transform .1s;display:block;box-shadow:0 4px 10px #00000026}.menu-btn:hover{transform:scale(1.02)}.menu-btn.ghost{color:#444;box-shadow:none;background:#f1f4f8;border-color:#dde4ec}.menu-back{color:#0072ff;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:6px 10px;font-size:14px}.field-label{color:#555;text-align:left;margin:12px 0 6px;font-size:13px;font-weight:700}.seg{background:#eef2f6;border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;min-height:40px;padding:6px 4px;font-size:13px;font-weight:700}.seg button.active{color:#fff;background:linear-gradient(#00c6ff,#0072ff);box-shadow:0 2px 6px #0003}#onlineTc{flex-wrap:wrap}#onlineTc button{flex:1 0 calc(20% - 4px)}.text-input{box-sizing:border-box;-webkit-user-select:text;user-select:text;border:2px solid #dde4ec;border-radius:10px;width:100%;min-height:42px;padding:8px 12px;font-size:15px}.join-row{gap:6px;margin-top:8px;display:flex}.join-row .text-input{text-transform:uppercase;flex:1}.join-row .menu-btn{width:auto;margin-top:0;padding:8px 14px}#onlineRoomLink{text-transform:none;font-size:12px}.wait-text{color:#555;margin:14px 0 6px;font-weight:700}.error-text{color:#c0392b;background:#fdecea;border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:13px;font-weight:700}.room-code{letter-spacing:6px;color:#0072ff;-webkit-user-select:text;user-select:text;margin:6px 0;font:700 34px/1.1 Consolas,monospace}.check{text-align:left;cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.check input{width:18px;height:18px}input[type=range]{width:100%}.promo-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.promo-grid button{color:#444;cursor:pointer;background:#fff4e6;border:2px solid #ffd9b0;border-radius:12px;min-height:76px;font-size:13px;font-weight:700}.promo-grid button b{font-size:34px;line-height:1.1;display:block}#promotion-dialog[data-color=w] .promo-grid b{color:#d9381e}#promotion-dialog[data-color=b] .promo-grid b{color:#1f6fb2}.go-icon{font-size:52px;line-height:1}#go-title{margin:8px 0 4px;font-size:24px}#go-reason{color:#666;margin:0 0 10px}#toast{z-index:50;color:#fff;opacity:0;pointer-events:none;background:#141e32eb;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 18px;font-weight:700;transition:transform .25s,opacity .25s;position:fixed;bottom:80px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}#debug-overlay{color:#7cfc00;z-index:30;pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.4 Consolas,monospace;position:absolute;top:10px;right:10px}@media (width<=760px){#ui-container{width:210px;padding:10px 12px;top:10px;left:10px}h2{font-size:14px}.move-list{height:80px}.player-bar{max-width:calc(100vw - 24px);padding:5px 10px;font-size:13px}#player-top{top:auto;bottom:62px}#battle-banner{width:calc(100vw - 48px);min-width:0;padding:12px 14px}#battle-vs{font-size:15px}#replay-bar{flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:6px 8px}#rbSeek{flex-basis:100%;order:1}#replay-bar .rb-speed,#replay-bar .rb-text{order:2}.rb-ply{min-width:52px}body.replay #player-bottom,body.replay #skipBtn{bottom:142px}body.replay #player-top{bottom:188px}}.account-chip{text-align:left;color:#333;cursor:pointer;background:#f1f4f8;border:2px solid #dde4ec;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:4px;padding:6px 12px;display:flex}.account-chip:hover{border-color:#0072ff}.account-avatar{background:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.account-text{flex-direction:column;min-width:0;font-size:14px;display:flex}.account-text b,.account-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-text small{color:#666;font-size:12px}.note-text{color:#555;margin:8px 0;font-size:13px}.profile-name{color:#d9381e;overflow-wrap:anywhere;font-size:20px;font-weight:700}.link-btn{color:#0072ff;cursor:pointer;background:0 0;border:none;min-height:44px;margin:6px auto 0;padding:6px 10px;font-size:14px;display:block}.link-btn.danger{color:#c0392b}.menu-btn.danger{background:linear-gradient(#e74c3c,#c0392b)}#accountForm .error-text,#accountReset .error-text{text-align:left}.prank{color:#8a5a00;white-space:nowrap;background:#fff3d6;border-radius:8px;padding:2px 6px;font-size:12px;font-weight:700}.prank:empty{display:none}.go-rank{color:#8a5a00;margin:6px 0 12px;font-size:15px;font-weight:700}.lb-tabs{gap:4px;padding:2px 0 8px;display:flex}.lb-tabs button{text-align:center;color:#555;cursor:pointer;white-space:nowrap;background:#eef2f6;border:2px solid #0000;border-radius:10px;flex:1 1 0;min-width:0;padding:7px 0;font-size:19px;font-weight:700;line-height:1.2}.lb-tabs button.active{color:#fff;background:linear-gradient(#ff7e5f,#e8590c)}.lb-hint{color:#777;text-align:left;margin:8px 0;font-size:12px}.lb-hint b{color:#d9381e;font-size:14px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lb-list{text-align:left;max-height:46vh;margin:0;padding:0;list-style:none;overflow-y:auto}.lb-row{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:7px 8px;font-size:14px;display:flex}.lb-row.mine{background:#fff3d6;border-radius:8px}.lb-rank{text-align:center;color:#888;flex:none;width:30px;font-weight:700}.lb-name{flex-direction:column;flex:1;min-width:0;display:flex}.lb-name b{text-overflow:ellipsis;white-space:nowrap;color:#333;overflow:hidden}.lb-name small{color:#999}.lb-value{color:#d9381e;white-space:nowrap;flex:none;font-weight:700}.lb-empty{color:#888;text-align:center;padding:18px 8px;font-size:13px}.lb-me{color:#555;text-align:left;background:#f4f7fb;border-radius:10px;margin:10px 0 4px;padding:8px 10px;font-size:13px;font-weight:700}.av{object-fit:cover;background:#fff;border-radius:50%;flex:none}.account-avatar .av{width:36px;height:36px}.av-xl{border:3px solid #fff;width:88px;height:88px;box-shadow:0 3px 10px #0003}.pavatar{border:2px solid #fff;width:28px;height:28px;box-shadow:0 1px 4px #0003}.player-bar[data-color=w] .pavatar{border-color:#ffb3a7}.player-bar[data-color=b] .pavatar{border-color:#a7d3ff}.lb-avatar{width:32px;height:32px}.lb-row.link{cursor:pointer}.lb-row.link:hover{background:#f4f7fb}.lb-row.link.mine:hover{background:#ffecc2}.lb-row.link:focus-visible{outline-offset:-3px;border-radius:8px;outline:3px solid #0072ff}.pf-head{text-align:left;align-items:center;gap:14px;margin-bottom:6px;display:flex}.pf-id{min-width:0}.pf-tier{color:#8a5a00;background:#fff3d6;border-radius:14px;margin-top:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.pf-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 2px;display:grid}.pf-stat{background:#f4f7fb;border-radius:10px;padding:8px 2px}.pf-stat b{color:#333;font-size:18px;display:block}.pf-stat small{color:#777;font-size:11px}.pf-chart{background:#f4f7fb;border-radius:10px;padding:6px}.pf-chart svg{width:100%;height:auto;display:block}.pf-chart .line{fill:none;stroke:#e8590c;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.pf-chart .area{fill:#e8590c1f;stroke:none}.pf-chart .dot{fill:#e8590c;stroke:#fff;stroke-width:2px}.pf-chart .base{stroke:#cfd8e3;stroke-dasharray:3 4}.pf-chart text{fill:#777;font:11px Segoe UI,sans-serif}.pf-empty{color:#888;padding:10px 6px;font-size:13px}.pf-recent{max-height:220px}.pf-result{text-align:center;flex:none;width:34px;font-size:20px}.av-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:44vh;padding:2px;display:grid;overflow-y:auto}.av-item{cursor:pointer;background:#f4f7fb;border:3px solid #0000;border-radius:50%;padding:0;display:block;position:relative}.av-item img{aspect-ratio:1;border-radius:50%;width:100%;height:auto;display:block}.av-item:hover:not(:disabled){border-color:#9fc3ff}.av-item.selected{border-color:#e8590c;box-shadow:0 0 0 2px #fff,0 0 0 4px #ffd0b0}.av-item:disabled{cursor:not-allowed}.av-item:disabled img{opacity:.35;filter:grayscale(.6)}.av-item .av-lock{color:#444;text-shadow:0 0 3px #fff,0 0 3px #fff;font-size:11px;font-weight:700;position:absolute;inset:auto 0 2px}.av-item:focus-visible{outline-offset:2px;outline:3px solid #0072ff}#avatar-crop{z-index:45}.crop-card{max-width:340px}#cropCanvas{aspect-ratio:1;cursor:grab;touch-action:none;background:#222;border-radius:12px;width:280px;max-width:100%;height:auto;margin:0 auto;display:block}#cropCanvas:active{cursor:grabbing}.crop-tools{align-items:center;gap:10px;margin:4px 0 8px;display:flex}.crop-tools input{accent-color:#ff7e5f;flex:1}.crop-previews{justify-content:center;align-items:flex-end;gap:18px;margin-bottom:4px;display:flex}.crop-previews figure{color:#777;margin:0;font-size:11px}.crop-previews canvas{background:#eee;border-radius:50%;margin:0 auto 2px;display:block}.go-reward{color:#7a4b00;white-space:pre-line;margin:6px 0 12px;font-size:14px;font-weight:700;line-height:1.5}.pf-xp{text-align:left;margin:4px 0 2px}.pf-xp small{color:#777;margin-top:2px;font-size:11px;display:block}.pf-xp-bar{background:#e6ecf3;border-radius:99px;height:8px;overflow:hidden}.pf-xp-bar i{background:linear-gradient(90deg,#ffb347,#e8590c);border-radius:99px;min-width:0;height:100%;display:block}.pf-ach{background:#f4f7fb;border-radius:10px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.pf-badge{cursor:help;background:#fff;border:2px solid #ffd27a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.pf-badge.locked{filter:grayscale();opacity:.35;border-color:#dde4ec}.pf-missions{gap:6px;display:grid}.pf-mission{text-align:left;background:#f4f7fb;border-radius:10px;padding:7px 10px}.pf-mission.done{background:#eaf8ee}.pf-mission-head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.pf-mission-head span{color:#8a5a00;flex:none;font-weight:700}.menu-card{flex-direction:column;display:flex;overflow:hidden}.menu-card>section{scrollbar-width:thin;scrollbar-color:#c3cdd9 transparent;min-height:0;margin:0 -6px;padding:0 6px 2px;overflow-y:auto}.menu-card:has(section[data-page=profile]:not([hidden])){max-width:780px}.menu-card:has(section[data-page=avatar]:not([hidden])){max-width:500px}:is(.menu-card:has(section[data-page=profile]:not([hidden])) :is(.menu-title,.menu-sub),.menu-card:has(section[data-page=avatar]:not([hidden])) :is(.menu-title,.menu-sub)){display:none}.pf-cols{grid-template-columns:1fr;gap:0 22px;display:grid}.pf-col{min-width:0}.pf-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pf-actions .menu-btn{flex:180px;width:auto;margin-top:0}@media (width>=720px){.pf-cols{grid-template-columns:1fr 1fr}.pf-col:first-child .field-label:first-child{margin-top:0}.pf-recent{max-height:200px}}.menu-card:has(section[data-page=avatar]:not([hidden])) .av-grid{grid-template-columns:repeat(6,1fr);max-height:none}.pf-ach .pf-empty{flex:0 0 100%;padding:0 2px 2px}.menu-card:has(section[data-page=shop]:not([hidden])){max-width:560px}.menu-card:has(section[data-page=shop]:not([hidden])) :is(.menu-title,.menu-sub){display:none}.menu-card>section[data-page=shop]:not([hidden]){flex-direction:column;display:flex;overflow:hidden}.menu-card>section[data-page=shop] #shopBody:not([hidden]){flex-direction:column;flex:auto;min-height:0;display:flex}.menu-card>section[data-page=shop] .shop-grid{scrollbar-width:thin;scrollbar-color:#c3cdd9 transparent;flex:auto;align-content:start;min-height:0;margin-right:-4px;padding:2px 4px 2px 2px;overflow-y:auto}.menu-card>section[data-page=shop] :is(.shop-head,.lb-tabs,.lb-hint,.error-text,.note-text,.menu-back){flex:none}.shop-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:18px;display:flex}.shop-gold{color:#8a5a00;white-space:nowrap;background:#fff3d6;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:700}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin-bottom:8px;display:grid}.shop-item{background:#f4f7fb;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.shop-item.owned{background:#effaf1;border-color:#bfe8c8}.shop-item.season:not(.owned){background:#fbf6ea;border-style:dashed;border-color:#ecd9a8}.shop-item.season .shop-price{text-align:center;line-height:1.3}.shop-name{text-align:center;font-size:13px;line-height:1.25}.shop-price{color:#8a5a00;font-size:12px}.shop-item .menu-btn{width:100%;margin-top:4px;padding:7px 6px;font-size:13px}.shop-prev{justify-content:center;align-items:center;width:100%;height:72px;display:flex}.shop-prev .av{width:56px;height:56px}.prev-avatar .av{width:64px;height:64px}.shop-swatch{border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;display:grid;box-shadow:0 3px 8px #00000040}.shop-board{border:4px solid var(--b);background:conic-gradient(var(--l) 25%, var(--d) 0 50%, var(--l) 0 75%, var(--d) 0);background-size:50% 50%;border-radius:4px;width:60px;height:60px}.shop-emoji{font-size:44px;line-height:1}.frame-gold{outline-offset:1px;outline:3px solid #f5b800;box-shadow:0 0 10px 2px #ffc400b3}.frame-frost{outline-offset:1px;outline:3px solid #7fd4ff;box-shadow:0 0 10px 2px #96dcffcc}.frame-spore{outline-offset:2px;outline:3px dotted #b266ff;box-shadow:0 0 10px 2px #b266ff8c}.frame-flame{outline-offset:1px;outline:3px solid #ff5722;box-shadow:0 0 12px 3px #ff5722bf,0 0 4px 1px #ffc107}.frame-rainbow{box-sizing:border-box;background:conic-gradient(#ff3b30,#ff9500,#ffd60a,#34c759,#00c7ff,#5856d6,#ff2d92,#ff3b30);padding:3px}.frame-shiitake{outline-offset:1px;outline:3px solid #b8692a;box-shadow:0 0 0 6px #e8a05073,0 0 12px 4px #ffaa3c99}.frame-reishi{outline-offset:2px;outline:3px solid #8e24aa;box-shadow:0 0 0 2px #ffd54f,0 0 0 7px #8e24aa59,0 0 14px 5px #ba68c8bf}.frame-crown{box-sizing:border-box;background:conic-gradient(gold,#fff6c2,#ffb300,gold,#fff6c2,#ffb300,gold);padding:3px;box-shadow:0 0 0 2px #7a4a00,0 0 16px 5px #ffc800d9}#emote-bar{z-index:9;background:#ffffffeb;border-radius:999px;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 6px 20px #00000038}#emote-bar[hidden]{display:none}#emote-bar button{cursor:pointer;background:#eef2f6;border:0;border-radius:50%;width:38px;height:38px;padding:0;font-size:22px;line-height:1}#emote-bar button:hover:not(:disabled){background:#dbe7f5}#emote-bar button:disabled{opacity:.4;cursor:not-allowed}body.menu-open #emote-bar{opacity:0;pointer-events:none}.emote-bubble{pointer-events:none;font-size:38px;line-height:1;animation:2.5s ease-out forwards emote-pop;position:absolute;left:50%;transform:translate(-50%)}#player-bottom .emote-bubble{bottom:calc(100% + 6px)}#player-top .emote-bubble{top:calc(100% + 6px)}@keyframes emote-pop{0%{opacity:0;transform:translate(-50%)scale(.3)}12%{opacity:1;transform:translate(-50%)scale(1.25)}22%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}}@media (prefers-reduced-motion:reduce){.emote-bubble{animation:none}}.pf-meta{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 4px;display:flex}.pf-chip{color:#444;text-overflow:ellipsis;white-space:nowrap;background:#eef2f6;border-radius:999px;max-width:100%;padding:3px 10px;font-size:13px;font-weight:700;overflow:hidden}.pf-chip.gold{color:#8a5a00;background:#fff3d6}.pf-chip.muted{color:#777;background:0 0;padding-left:2px;padding-right:2px;font-weight:400}#accountMeta{display:flex}#accountMeta>span{white-space:pre;flex:none}#accountMeta>span.shrink{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}#kingdom-ui{z-index:12;pointer-events:none;font-size:14px;position:fixed;inset:0}#kingdom-ui[hidden]{display:none}#kingdom-ui>*{pointer-events:auto}.kd-top{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.kd-top>*{pointer-events:auto}.kd-owner{background:#fffffff0;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:5px 14px 5px 6px;display:flex;box-shadow:0 4px 14px #0003}.kd-av{flex:none;width:36px;height:36px}.kd-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.kd-name b{text-overflow:ellipsis;white-space:nowrap;color:#d9381e;overflow:hidden}.kd-name small{text-overflow:ellipsis;white-space:nowrap;color:#666;overflow:hidden}.kd-stats{flex-wrap:wrap;gap:6px;display:flex}.kd-chip{color:#444;white-space:nowrap;background:#fffffff0;border-radius:999px;padding:5px 10px;font-weight:700;box-shadow:0 3px 10px #0000002e}.kd-chip.gold{color:#8a5a00;background:#fff3d6}.kd-btn{color:#444;cursor:pointer;background:#fffffff2;border:2px solid #fff;border-radius:999px;min-height:38px;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #0003}.kd-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.kd-btn:disabled{opacity:.5;cursor:default}.kd-btn.gold{color:#fff;background:linear-gradient(#ffb300,#ff8f00)}.kd-btn.danger{color:#fff;background:linear-gradient(#e74c3c,#c0392b)}.kd-btn.like.on{color:#fff;background:linear-gradient(#ff5c8a,#e91e63)}.kd-tools{pointer-events:none;flex-wrap:wrap;gap:8px;max-width:calc(100vw - 20px);display:flex;position:absolute;top:64px;left:10px}.kd-tools>*{pointer-events:auto}.kd-tools[hidden],.kd-visit[hidden]{display:none}.kd-note{color:#5d4037;background:#fff3d6;border-radius:999px;padding:5px 12px;font-weight:700;position:absolute;top:112px;left:10px;box-shadow:0 3px 10px #0000002e}.kd-note[hidden],.kd-sheet[hidden]{display:none}.kd-sheet{background:#fffffff7;border-radius:18px;width:min(560px,100vw - 20px);max-height:46vh;padding:12px 14px;position:absolute;bottom:12px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.kd-sheet-head{justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.kd-close{cursor:pointer;background:#eef2f6;border:0;border-radius:50%;width:32px;height:32px;padding:0}.kd-sub{color:#555;margin:6px 0 8px}.kd-sub.warn{color:#b24a00}.kd-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.kd-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;display:grid}.kd-card{text-align:center;cursor:pointer;background:#f6f8fb;border:2px solid #e1e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.kd-card:hover:not(:disabled){background:#fff8e8;border-color:#ffc53d}.kd-card:disabled{opacity:.55;cursor:default}.kd-card small{color:#666;line-height:1.25}.kd-icon{font-size:30px;line-height:1.1}.kd-price{color:#8a5a00;margin-top:2px;font-weight:700}.kd-visitors{flex-direction:column;gap:4px;margin-top:8px;display:flex}.kd-visitor{text-align:left;cursor:pointer;background:#f6f8fb;border:0;border-radius:10px;align-items:center;gap:8px;padding:5px 8px;display:flex}.kd-visitor:disabled{cursor:default}.kd-visitor small{color:#777;margin-left:auto}.kd-visit{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:calc(100vw - 20px);max-width:720px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.kd-visit>*{pointer-events:auto}.kd-reactions{background:#fffffff2;border-radius:999px;gap:4px;padding:3px 6px;display:flex;box-shadow:0 4px 12px #0003}.kd-react{cursor:pointer;background:#eef2f6;border:0;border-radius:50%;width:38px;height:38px;padding:0;font-size:22px;line-height:1}.kd-react:hover:not(:disabled){background:#dbe7f5}.kd-react:disabled{opacity:.5;cursor:default}@media (width<=760px){.kd-stats{width:100%}.kd-tools{gap:6px;top:100px}.kd-tools .kd-btn{min-height:32px;padding:3px 10px;font-size:13px}.kd-note{top:190px}.kd-sheet{max-height:52vh}}.menu-btn.gold{background:linear-gradient(#ffb300,#ff8f00)}.live-row{flex-wrap:wrap;gap:8px}.live-side{flex:140px;align-items:center;gap:6px;min-width:0;display:flex}.live-row .lb-value{flex:none}body.spectating #drawBtn,body.spectating #resignBtn,body.spectating #undoBtn,body.spectating #emote-bar{display:none}.friend-list{flex-direction:column;gap:6px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.friend-row{background:#f6f8fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.friend-row .lb-name{flex:120px;min-width:0}.friend-dot{background:#b0b8c4;border-radius:50%;flex:none;width:10px;height:10px}.friend-dot.online{background:#2ecc71}.friend-dot.playing{background:#ff9500}.friend-actions{flex-wrap:wrap;gap:4px;display:flex}.friend-empty{color:#777;text-align:center;padding:8px}#invite-bar{z-index:60;color:#fff;background:#141e32f2;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 14px;font-weight:700;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}#invite-bar[hidden]{display:none}#invite-bar button{color:#fff;cursor:pointer;background:#27ae60;border:2px solid #fff;border-radius:8px;padding:6px 12px;font-weight:700}#invite-bar #inviteDeclineBtn{background:#c0392b}.small-btn.primary{color:#fff;background:linear-gradient(#00c6ff,#0072ff);border-color:#fff}.report-reasons{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.report-reason{text-align:left;color:#444;cursor:pointer;background:#f1f4f8;border:2px solid #dde4ec;border-radius:10px;padding:8px 12px;font-weight:700}.report-reason.active{color:#fff;background:linear-gradient(#e74c3c,#c0392b);border-color:#fff}#reportNote{resize:vertical;box-sizing:border-box;width:100%}.chat-head{text-align:left;align-items:center;gap:10px;margin-bottom:8px;display:flex}.chat-log{text-align:left;overscroll-behavior:contain;background:#f4f7fb;border-radius:12px;max-height:min(46vh,380px);padding:8px;overflow-y:auto}.chat-log>.small-btn{margin:0 auto 8px;display:block}.chat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chat-msg{background:#fff;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:82%;padding:7px 10px 5px;position:relative;box-shadow:0 1px 2px #0000001f}.chat-msg.mine{background:#dcefff;border-radius:12px 12px 4px;align-self:flex-end}.chat-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#1d2733;font-size:14px;display:block}.chat-time{color:#7a8796;margin-top:2px;font-size:11px;display:block}.chat-msg.mine .chat-time{text-align:right}.chat-report{cursor:pointer;opacity:.45;background:0 0;border:0;border-radius:50%;width:26px;height:26px;padding:0;font-size:13px;position:absolute;top:2px;right:-30px}.chat-report:hover,.chat-report:focus-visible{opacity:1;background:#fde3e0}.chat-form{gap:6px;margin-top:8px;display:flex}.chat-form .text-input{flex:1;min-width:0}.chat-form .menu-btn{flex:none;width:auto;padding:0 18px}.report-quote{white-space:pre-wrap;overflow-wrap:anywhere;background:#fdf1ef;border-left:3px solid #e74c3c;border-radius:6px;margin:0 0 8px;padding:6px 10px;font-size:14px}