:root{color:#294438;font-synthesis:none;background:#dce8cc;font-family:Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #db964a}button:disabled{opacity:.45;cursor:default}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}button,a{pointer-events:auto}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:36px;right:36px}.brand{color:#294438;letter-spacing:1px;align-items:center;gap:11px;font-size:19px;font-weight:900;text-decoration:none;display:flex}.brand small{letter-spacing:2px;margin-top:5px;font-size:10px;font-weight:400;display:block}.brand-mark{color:#476c3e;font-size:42px;line-height:1}.badge{border:1px solid #758d6660;border-radius:5px;align-self:flex-start;padding:5px;font-size:10px}.top-actions{gap:8px;display:flex}.top-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafcf1b5;border:1px solid #fff9;border-radius:12px;padding:12px 15px;font-size:12px}.score-panel{width:205px;position:absolute;top:155px;left:40px}.eyebrow{letter-spacing:2.5px;color:#718364;font-size:10px;font-weight:700}.score-panel>strong{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:66px;font-weight:800;line-height:1.2;display:block}.record{color:#748268;border-bottom:1px solid #6c88512a;margin-top:16px;padding-bottom:24px;font-size:12px}.record b{float:right;color:#41583b}.timer-title{justify-content:space-between;align-items:center;margin-top:23px;font-size:12px;display:flex}.timer-title b{font-size:26px}.timer-title b span{margin-left:4px;font-size:12px}.time-track{background:#77975e30;border-radius:10px;height:5px;margin-top:10px;overflow:hidden}.time-track i{background:#66894e;width:100%;height:100%;transition:width .2s;display:block}.score-panel p{color:#748268;font-size:11px;line-height:1.8}.guide{width:177px;position:absolute;top:160px;right:40px}.guide h2{letter-spacing:-1px;margin:15px 0;font-size:25px;font-weight:650;line-height:1.5}.sample{letter-spacing:3px;font-size:29px}.guide p{color:#718266;font-size:12px;line-height:1.9}.guide-line{background:#6c88512a;height:1px;margin:25px 0}.guide button{text-align:left;background:#f9fbeeaa;border:1px solid #ffffffe0;border-radius:12px;width:100%;margin-top:10px;padding:15px;font-size:12px}.guide button span{float:right;color:#89937c;font-size:10px}footer{letter-spacing:1.8px;background:linear-gradient(#0000,#d6e5cbbb);justify-content:space-between;align-items:center;width:100%;padding:22px 36px;font-size:9px;display:flex;position:absolute;bottom:0}footer b{margin-left:10px}.live-dot{background:#698d4a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.instructions{letter-spacing:0;color:#718266;font-size:10px}.edition{color:#718266;font-size:8px}#combo{color:#b77d36;text-shadow:0 2px #fff8;font-size:30px;font-weight:900;position:absolute;top:100px;left:50%;transform:translate(-50%)}#toast{color:#f6faeb;opacity:0;white-space:nowrap;background:#294438eb;border-radius:30px;padding:13px 24px;font-size:12px;transition:opacity .2s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#23432e35;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.modal{text-align:center;background:#fbfcf0f5;border:1px solid #fff;border-radius:30px;width:100%;max-width:490px;padding:40px 48px;box-shadow:0 25px 100px #29443830}.modal-icon{color:#799451;margin-top:17px;font-size:54px}.modal h1{letter-spacing:-1.5px;margin:10px 0 18px;font-size:34px;line-height:1.4}.modal em{color:#7c934c;font-style:normal}.modal p{color:#7a8670;font-size:13px;line-height:1.9}.modal button{color:#fff;text-align:left;background:#34543e;border-radius:14px;width:100%;margin:14px 0 18px;padding:18px 22px;font-size:15px;font-weight:700}.modal button span{float:right}.modal small{color:#8c9682;font-size:10px}@media (width<=1000px){.score-panel{width:150px;left:24px}.guide{width:140px;right:24px}.guide h2{font-size:21px}.edition{display:none}}@media (width<=700px){header{top:16px;left:18px;right:18px}.brand{gap:6px;font-size:13px}.brand-mark{font-size:30px}.brand small{letter-spacing:0;font-size:8px}.badge{display:none}.top-actions{gap:5px}.top-actions button{padding:10px;font-size:10px}#fullscreen{display:none}.score-panel{grid-template-columns:1fr 1fr;gap:0 28px;width:auto;display:grid;top:85px;left:22px;right:22px}.score-panel>.eyebrow{font-size:8px}.score-panel>strong{letter-spacing:-1px;grid-row:2;font-size:34px}.record{border:0;grid-area:3/1;margin:4px 0 0;padding:0;font-size:10px}.record b{float:none;margin-left:12px}.timer-title{grid-area:1/2/3;margin:0}.time-track{grid-area:3/2;margin:6px 0}.score-panel p{display:none}.guide{width:180px;top:auto;bottom:75px;left:50%;transform:translate(-50%)}.guide>*{display:none}.guide #hint{text-align:center;margin:0;padding:12px;display:block}.guide button span{float:none;margin-left:14px}footer{justify-content:center;padding:18px}.instructions{display:none}#combo{font-size:23px;top:170px}#toast{padding:12px 15px;font-size:11px;bottom:135px}.modal{padding:25px}.modal h1{font-size:29px}}@media (height<=570px) and (width>=701px){.score-panel,.guide{top:100px}.guide-line,.guide>.eyebrow:last-of-type,.guide p:last-of-type{display:none}.guide h2{margin:5px 0}.score-panel>strong{font-size:45px}.record{padding-bottom:12px}.timer-title{margin-top:10px}.modal{padding:18px 35px}.modal-icon{display:none}.modal h1{font-size:27px}footer{padding:12px 25px}}.sample{gap:6px;display:flex}.sample img{object-fit:contain;width:42px;height:42px}:root{color:#244c46;background:#a6e4d9}header{top:22px}.brand{letter-spacing:-1.5px;color:#fff4a4;text-shadow:0 3px #417f50,2px 0 #417f50,-2px 0 #417f50;font-size:30px;font-weight:1000}.brand small{color:#316b61;text-shadow:none;letter-spacing:3px;font-size:9px;font-weight:800}.brand-mark{color:#fff5a3;text-shadow:0 3px #4a8b65;font-size:48px}.badge{color:#8a5a26;letter-spacing:0;text-shadow:none;background:#ffde71;border:2px solid #fff6c9;border-radius:20px;align-self:center;padding:6px 10px;font-size:10px;box-shadow:0 3px #d8a74a}.top-actions button{background:linear-gradient(#fffef1,#e4f4c7);border:2px solid #fff;border-radius:16px;font-weight:800;box-shadow:0 4px #70a67a,0 6px 12px #3d826522}.top-actions button:hover{filter:brightness(1.06);transform:translateY(-2px)}button:active{box-shadow:none!important;transform:translateY(3px)!important}.score-panel{background:linear-gradient(150deg,#fffef5f2,#eff9dbe6);border:3px solid #fff;border-radius:25px;width:218px;padding:22px;top:145px;box-shadow:0 7px #8abd83,0 15px 25px #347b4c18}.eyebrow{color:#548659;letter-spacing:2px;font-weight:900}.score-panel>strong{color:#efaa32;text-shadow:0 2px #b98026,0 -2px #fff;font-size:57px}.record{margin-top:12px;padding-bottom:17px}.timer-title b{color:#ed8650;font-size:30px}.time-track{background:#cfe0b8;border:2px solid #fff;height:13px;box-shadow:0 0 0 1px #a9c68c}.time-track i{background:linear-gradient(#bfe65d,#7ebc40);border-radius:8px}.score-panel p{color:#68925d;margin-bottom:0}.guide{background:#f8fff0d9;border:3px solid #fff;border-radius:25px;width:195px;padding:20px;top:145px;box-shadow:0 7px #8abd83,0 15px 25px #347b4c18}.guide h2{color:#387b60;font-size:24px;font-weight:900}.guide p{color:#5c8067}.guide-line{margin:18px 0}.sample{justify-content:center}.sample img{width:43px;height:43px}.guide button{color:#765019;background:linear-gradient(#ffe98b,#ffc65a);border:2px solid #fff4b9;border-radius:15px;padding:13px 9px;font-weight:900;box-shadow:0 4px #d39c3f}.guide button span{color:#9a6a28}footer{color:#3b7756;background:linear-gradient(#0000,#70b66655);font-weight:700}.instructions,.edition{color:#428264}#combo{color:#ffdc59;text-shadow:0 3px #8c5633,2px 0 #8c5633,-2px 0 #8c5633;letter-spacing:1px;font-size:35px;top:78px}#toast{color:#fff;background:#2f785cef;border:2px solid #baf092;font-weight:700;box-shadow:0 5px #285e45}#overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c665044}.modal{background:linear-gradient(155deg,#fffff4,#e8f8c9);border:5px solid #fffbe0;border-radius:38px;padding:30px 40px;position:relative;box-shadow:0 10px #76a15b,0 25px 80px #163f5266}.modal-icon{justify-content:center;align-items:center;gap:2px;height:110px;margin:22px 0 5px;display:flex}.modal-icon img{object-fit:contain;filter:drop-shadow(0 5px #82a66044);width:90px;height:90px;animation:2.8s ease-in-out infinite bob}.modal-icon img:nth-child(2){width:115px;height:115px;animation-delay:-.9s}.modal-icon img:nth-child(3){animation-delay:-1.8s}.modal h1{color:#2b7858;font-weight:950}.modal em{color:#f1aa35;text-shadow:0 2px #bb8434}.modal button{color:#784918;text-align:center;background:linear-gradient(#ffd969,#ffb13f);border:3px solid #fff1a2;border-radius:20px;font-size:20px;font-weight:950;box-shadow:0 6px #cc872e,0 10px 20px #d8ad3944}.modal button span{font-size:24px}.modal p{color:#688560}.modal small{color:#7e985d}@keyframes bob{50%{transform:translateY(-9px)rotate(3deg)}}@media (width<=1000px) and (width>=701px){.score-panel{width:172px;padding:15px;left:18px}.guide{width:162px;padding:13px;right:18px}.guide h2{font-size:21px}.sample img{width:36px;height:36px}.score-panel>strong{font-size:45px}.brand{font-size:25px}}@media (width<=700px){header{top:12px;left:14px;right:14px}.brand{gap:4px;font-size:23px}.brand-mark{font-size:32px}.brand small{letter-spacing:1.6px;font-size:7px}.top-actions button{border-radius:12px;padding:9px 8px;font-size:10px}.score-panel{border-radius:19px;gap:0 22px;width:auto;padding:10px 15px;top:79px;left:16px;right:16px;box-shadow:0 4px #8abd83}.score-panel>strong{font-size:33px}.record{margin:3px 0 0;padding:0}.timer-title b{font-size:27px}.time-track{height:10px;margin:3px 0}.guide{width:190px;box-shadow:none;background:0 0;border:0;padding:0;inset:auto auto 70px 50%}.guide .sample{display:none}.guide #hint{padding:12px}#combo{font-size:25px;top:168px}.modal{padding:24px}.modal-icon{height:90px}.modal-icon img{width:75px;height:75px}.modal-icon img:nth-child(2){width:95px;height:95px}.modal h1{font-size:28px}.modal .eyebrow{font-size:9px}}@media (height<=600px) and (width>=701px){.score-panel,.guide{padding:12px;top:98px}.guide-line,.guide p{margin:8px 0}.modal{padding:18px 35px}.modal-icon{height:65px;margin:10px 0}.modal-icon img{width:60px;height:60px}.modal-icon img:nth-child(2){width:75px;height:75px}.modal h1{margin:8px 0;font-size:25px}.modal button{margin:8px 0 12px;padding:12px}}@media (prefers-reduced-motion:reduce){.modal-icon img{animation:none}}#combo{top:calc(var(--board-y) + 14px);z-index:2;pointer-events:none}#toast{top:calc(var(--board-y) + var(--board-size) * .68);max-width:calc(var(--board-size) - 16px);white-space:normal;text-align:center;z-index:2;pointer-events:none;bottom:auto}@media (width>=701px){.score-panel{left:auto;right:var(--score-right);top:var(--board-y);width:min(218px,calc(var(--board-x) - 24px))}.guide{left:calc(var(--board-x) + var(--board-size) + 12px);right:auto;top:var(--board-y);width:min(195px,calc(var(--board-x) - 24px))}}@media (width<=700px){#combo{top:calc(var(--board-y) + 8px)}#toast{top:calc(var(--board-y) + var(--board-size) * .65);bottom:auto}}@media (width>=701px){.score-panel{width:min(180px,calc(var(--board-x) - 12px));padding:15px}.guide{left:calc(var(--board-x) + var(--board-size) + 4px);width:min(176px,calc(var(--board-x) - 12px));padding:12px}.guide h2{font-size:21px}.score-panel>strong{font-size:48px}}.top-actions #sound,.top-actions #pause{place-items:center;width:44px;height:44px;padding:0;font-size:23px;line-height:1;display:grid}.top-actions #pause{font-weight:900}@media (width<=700px){.top-actions #sound,.top-actions #pause{width:38px;height:38px;font-size:21px}}.brand{letter-spacing:-1.6px;text-shadow:none;gap:9px;font-family:Arial Rounded MT Bold,Malgun Gothic,sans-serif;font-size:32px;font-weight:900;line-height:1}.brand-mascot{background:#fff8dc;border:3px solid #fff;border-radius:18px;place-items:center;width:52px;height:52px;display:grid;transform:rotate(-7deg);box-shadow:0 3px #5caa8e55}.brand-mascot img{object-fit:contain;width:48px;height:48px;transform:rotate(7deg)}.brand-wordmark{white-space:nowrap;display:block}.brand-pang{color:#ed9a26;margin-left:1px;display:inline-block;transform:rotate(-5deg)}.brand-animal,.brand-pang{-webkit-text-stroke:3px #fffdf0;paint-order:stroke fill;text-shadow:0 2px #ffffffa6}.brand-bang{color:#f17869}.brand .brand-wordmark small{letter-spacing:3.5px;text-align:center;color:#438b80;text-shadow:none;margin-top:6px;font-size:8px;font-weight:800}.brand .badge{margin-left:7px;font-size:9px}@media (width<=700px){.brand{letter-spacing:-1.3px;gap:7px;font-size:26px}.brand-mascot{border-width:2px;border-radius:14px;width:40px;height:40px}.brand-mascot img{width:37px;height:37px}.brand .brand-wordmark small{letter-spacing:2.8px;margin-top:5px;font-size:6px}.brand-animal,.brand-pang{-webkit-text-stroke:2.5px #fffdf0}}#combo{left:calc(var(--board-x) + var(--board-size) / 2);top:calc(var(--board-y) + var(--board-size) / 2);text-align:center;white-space:nowrap;width:max-content;max-width:96vw;font-size:clamp(32px,calc(var(--board-size) * .095),66px);letter-spacing:-1px;-webkit-text-stroke:2px #875126;paint-order:stroke fill;text-shadow:0 4px #875126,0 7px 14px #482e4555;z-index:3;pointer-events:none;font-weight:1000;line-height:1.15;transform:translate(-50%,-50%)}[hidden]{display:none!important}.modal .network-entry{color:#285b63;background:linear-gradient(#95dcdf,#69b8d1);border-color:#e0ffff;margin:0 0 18px;padding:12px;font-size:16px;box-shadow:0 4px #46979c}#network-panel{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24584bd9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.network-card{color:#2c5f4f;background:#f2fae4;border:4px solid #fff9df;border-radius:26px;width:min(570px,100%);max-height:calc(100dvh - 36px);padding:22px;overflow:auto;box-shadow:0 9px #456b45}.network-card header{justify-content:space-between;margin-bottom:12px;display:flex;position:static}.network-card h2{margin:0;font-size:23px}.network-card h3{margin:18px 0 10px;font-size:16px}.network-card label{gap:5px;font-size:12px;font-weight:700;display:grid}.network-card input,.network-card select{width:100%;font:inherit;color:#285d45;background:#fff;border:1px solid #bdd0a6;border-radius:10px;min-width:0;padding:11px}.network-card button{background:#ffda76;border-radius:11px;padding:10px 14px;font-weight:800;box-shadow:0 2px #d8ad55}.network-card button:disabled{opacity:.45}.network-card #network-close{box-shadow:none;background:#dfedcf}.network-form{background:#e0eecf;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;padding:14px;display:grid}#network-message{background:#e0edce;border-radius:10px;min-height:34px;padding:10px;font-size:13px;line-height:1.6}#network-login button{width:100%;margin-top:15px}#network-rooms{gap:8px;font-size:13px;display:grid}.room-item{text-align:left;width:100%}.network-card h3 button{float:right;font-size:11px}#network-players{gap:7px;display:grid}#network-players>div{background:#fff;border-radius:10px;padding:12px}.network-rules{color:#729068;font-size:12px;line-height:1.8}.network-actions{flex-wrap:wrap;gap:8px;display:flex}#network-leave{background:#e8dacb}#network-messages{background:#fff;border-radius:12px;height:110px;margin-top:15px;padding:10px;font-size:12px;overflow:auto}#network-messages p{overflow-wrap:anywhere;margin:5px 0}#network-chat-form{gap:7px;margin-top:8px;display:flex}#network-result{background:#ffedb0;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:700}#battle-hud{z-index:5;color:#fff;pointer-events:none;background:#285f4fe8;border:2px solid #d9eeb6;border-radius:15px;max-width:94vw;padding:8px 12px;font-size:11px;position:fixed;bottom:55px;left:50%;transform:translate(-50%)}#battle-scores{flex-wrap:wrap;gap:12px;margin-top:5px;display:flex}#battle-room{color:#765028;pointer-events:auto;background:#ffe39a;border-radius:8px;padding:5px 12px;font-size:11px;position:absolute;top:-31px;right:6px}body[data-network=true] .guide{display:none}body[data-network=true] #pause{opacity:.4}@media (width<=700px){.network-card{padding:16px}.network-form{padding:10px}.network-card h2{font-size:20px}#battle-hud{min-width:260px;bottom:45px}.modal{max-height:calc(100dvh - 30px);overflow:auto}.modal .network-entry{margin-bottom:12px;padding:10px}}#battle-hud{left:calc(var(--board-x) + var(--board-size) + 12px);top:var(--board-y);width:164px;max-width:calc(var(--board-x) - 22px);padding-top:42px;bottom:auto;transform:none}#battle-room{top:8px;right:8px}#battle-scores{overflow-wrap:anywhere;flex-direction:column;gap:8px}@media (width<=700px){#battle-hud{width:calc(100% - 16px);min-width:0;max-width:520px;padding:8px 76px 8px 10px;top:auto;bottom:38px;left:50%;transform:translate(-50%)}#battle-scores{flex-direction:row;gap:5px 12px}#battle-room{top:8px;right:8px}}#account-bar{z-index:20;color:#345d46;background:#f6ffe6eb;border-radius:14px;align-items:center;gap:9px;max-width:42vw;padding:7px 12px;font-size:12px;display:flex;position:fixed;top:32px;right:270px}#account-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#account-bar a{color:#245b53;white-space:nowrap;font-weight:800}#network-login p{font-size:14px;line-height:1.7}@media (width<=700px){#account-bar{gap:7px;max-width:90vw;padding:3px 8px;font-size:10px;top:66px;right:14px}}.room-create-form{gap:8px;display:grid}.room-lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.room-lobby-actions .create-room,.room-lobby-actions .room-list-open{justify-content:center;align-items:center;width:100%;min-height:46px;padding:0 14px;font-size:15px;font-weight:950;display:inline-flex}.room-create-form input,.room-create-form select{color:#fffaf0;width:100%;min-height:42px;font:inherit;background:#00000038;border:1px solid #ffffff29;border-radius:8px;padding:0 12px;font-weight:850}.room-create-form select{appearance:none;color:#9ff0db;background:linear-gradient(45deg,#0000 50%,#9ff0db 50%) calc(100% - 18px) 18px/7px 7px no-repeat,linear-gradient(135deg,#9ff0db 50%,#0000 50%) calc(100% - 13px) 18px/7px 7px no-repeat,#00000038;padding-right:34px}.room-create-form select option{color:#fffaf0;background:#202832}.room-create-form select:hover{border-color:#9ff0db85}.room-create-form input[hidden]{display:none}.room-create-form input:focus,.room-create-form select:focus{outline-offset:2px;outline:2px solid #9ff0dbb3}.room-create-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-create-grid label{gap:5px;display:grid}.room-create-grid span{color:#b7bec9;font-size:11px;font-weight:900}.create-room,.room-list-open,.change-name{width:100%}.create-room{color:#dce8ff;box-shadow:none;background:#8eb8ff38;border:1px solid #8eb8ff5c}.room-list-open{color:#9ff0db;box-shadow:none;background:#9ff0db2e;border:1px solid #9ff0db57}.change-name{color:#071f1a;background:#45c6a8;box-shadow:0 6px #21806d}.change-name:active{box-shadow:0 2px #21806d}#play:active,.create-room:active,.room-list-open:active,.account-chip button:active,.room-list button:active{box-shadow:none;transform:none}.room-list{overscroll-behavior:contain;gap:7px;min-height:44px;max-height:min(58vh,420px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.room-list li{background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:minmax(0,1fr) 76px auto;align-items:center;gap:8px;min-height:42px;padding:7px 8px 7px 10px;display:grid}.room-list li.empty{color:#b7bec9;font-size:13px;font-weight:800;display:block}.room-list span{color:#eef4ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.room-list span em{color:#ffd45c;margin-left:6px;font-style:normal}.room-list small{color:#9ff0db;text-align:right;font-size:12px;font-weight:900}.room-list button{color:#fff4c2;min-height:34px;box-shadow:none;background:#f7d44a2e;border:1px solid #f7d44a57;padding:0 12px}.room-chat{left:50%;right:auto;top:var(--room-chat-offset-top,0px);z-index:24;width:min(100%,680px);max-width:680px;height:var(--room-chat-viewport-height,100dvh);padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 18% 0,#45c6a833,#0000 34%),linear-gradient(#13181f,#0c0f14);border:0;border-radius:0;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;display:grid;position:fixed;bottom:auto;transform:translate(-50%)}.room-chat[hidden]{display:none}.room-chat-head{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:8px;display:grid}.room-chat-head>div:first-child{text-align:left;grid-column:1;justify-items:start;gap:4px;min-width:0;display:grid}.room-chat-head strong{color:#9ff0db;text-overflow:ellipsis;white-space:nowrap;max-width:min(58vw,360px);font-size:14px;font-weight:1000;overflow:hidden}.room-participant-count{color:#fff4c2;background:#f7d44a29;border:1px solid #f7d44a4d;border-radius:999px;width:fit-content;padding:2px 6px;font-size:11px;font-style:normal;font-weight:950}.room-participant-count[hidden]{display:none}.room-chat-actions{grid-column:2;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.room-chat-actions button{border-radius:8px;width:auto;min-height:30px;padding:0 9px;font-size:11px;font-weight:950}.room-win-strip{scrollbar-width:none;justify-content:flex-start;align-items:center;gap:7px;min-width:0;padding:3px 0 5px;display:flex;overflow-x:auto}.room-win-strip::-webkit-scrollbar{display:none}.room-win-strip[hidden]{display:none}.room-win-pill{background:linear-gradient(#ffffff1c,#0000),#ffffff12;border:1px solid #ffffff29;border-radius:8px;flex:0 auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;max-width:150px;min-height:30px;padding:0 7px 0 10px;display:inline-grid}.room-win-pill.me{background:linear-gradient(#9ff0db33,#0000),#9ff0db21;border-color:#9ff0db80}.room-win-pill.leading{background:linear-gradient(#f7d44a3d,#0000),#f7d44a21;border-color:#f7d44a8f}.room-win-pill strong{color:#eef4ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:950;overflow:hidden}.room-win-pill span{color:#fff6a8;background:#00000047;border-radius:7px;place-items:center;min-width:34px;height:22px;padding:0 6px;font-size:11px;font-weight:1000;line-height:1;display:inline-grid}.room-chat-list{overscroll-behavior:contain;align-content:start;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.room-chat-list li{background:0 0;justify-self:start;gap:3px;max-width:82%;padding:0;display:grid}.room-chat-list li.me{text-align:right;justify-self:end}.room-chat-list li.other{border:0}.room-chat-list li.empty{color:#b7bec9;text-align:center;place-self:center stretch;max-width:none;font-size:13px;font-weight:800}.room-chat-list li.system{text-align:center;background:#ffffff24;border:1px solid #ffffff29;justify-self:center;max-width:94%;padding:6px 10px}.room-chat-list li.system span{color:#fff4c2;background:0 0;border:0;padding:0;font-size:12px;font-weight:900;display:inline-block}.room-chat-list li.system.result{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.room-chat-list li.system .my-result{color:#fff8cf;background:#f7d44a38;border:1px solid #f7d44a6b;border-radius:8px;padding:3px 7px}.room-chat-list li.system .system-divider{color:#fff4c28c}.room-chat-list strong{color:#9ff0db;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:950;display:inline-flex}.room-chat-list li.other strong:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.room-chat-list li.me strong{color:#fff;background:#9ff0db24;justify-self:end}.room-chat-list span{overflow-wrap:anywhere;color:#eef4ff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 8px;font-size:13px;font-weight:800;line-height:1.35;display:block}.room-chat-list li.me span{background:#9ff0db3d;border-color:#9ff0db47}.room-chat-form{background:linear-gradient(#0000,#0c0f14f2 40%);grid-template-columns:minmax(0,1fr) 66px;align-self:end;align-items:center;gap:7px;padding-top:8px;display:grid}.room-chat-form[hidden]{display:none}.room-chat-form input{color:#fffaf0;min-width:0;min-height:38px;font:inherit;background:#00000038;border:1px solid #ffffff29;border-radius:8px;padding:0 10px;font-weight:800}.room-chat-form input:focus{outline-offset:2px;outline:2px solid #9ff0dbb3}.room-chat-form button{color:#9ff0db;min-height:38px;box-shadow:none;background:#45c6a838;border:1px solid #9ff0db5c;padding:0 10px}.room-modal{left:0;right:0;top:var(--room-modal-offset-top,0px);z-index:30;width:100%;height:var(--room-modal-viewport-height,100dvh);overscroll-behavior:contain;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:start center;display:grid;position:fixed;bottom:auto;overflow-y:auto}.room-modal[aria-hidden=true]{display:none}.room-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 22%,#9ff0db3d,#0000 34%),#060a0fbd;position:absolute;inset:0}.room-modal-panel{width:min(100%,430px);max-height:calc(var(--room-modal-viewport-height,100dvh) - 36px);background:#202832;border:1px solid #ffffff29;border-radius:8px;align-self:center;padding:16px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000080,0 6px #111820}.room-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.room-modal-head strong{color:#9ff0db;text-shadow:0 3px #00000042;font-size:22px;font-weight:1000}.room-modal-close,.room-modal-secondary,.room-modal-danger{color:#eef4ff;background:#2f3845;border:0;border-radius:8px;min-height:38px;padding:0 12px;font-weight:950;box-shadow:0 4px #161c24}.room-modal-danger{color:#ffb4a8;box-shadow:none;background:#ee5a5a2e;border:1px solid #ee5a5a5c}.room-back-panel{gap:14px;display:grid}.room-modal-copy{color:#dce7ef;margin:0;font-size:14px;font-weight:850}.room-modal-error{color:#ffb4a8;margin:-2px 0 0;font-size:13px;font-weight:900}.room-modal-error[hidden]{display:none}.room-modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.invite-share{color:#9ff0db;box-shadow:none;background:#9ff0db2e;border:1px solid #9ff0db57}.room-leave{color:#ffb4a8;box-shadow:none;background:#ee5a5a29;border:1px solid #ee5a5a52}.room-leave:active{box-shadow:none;transform:none}.invite-share[hidden],.room-leave[hidden]{display:none}#network-panel{z-index:24;color:#eef4ff;background:#060a0fbd;padding:18px}#network-panel[data-room=true]{background:#060a0fa6;padding:0}#network-shell{color:#eef4ff;background:#202832;width:min(100%,430px);max-height:calc(100dvh - 36px);padding:16px}#network-message{color:#ffb4a8;background:0 0;min-height:0;padding:0;font-size:13px}#network-message:empty{display:none}#network-room{color:#eef4ff;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(100%,680px);max-width:680px}#network-room-title{color:#9ff0db;margin:0}#network-code{color:#83968e;font-size:10px}#network-players{white-space:nowrap;gap:8px;padding:4px 0;display:flex;overflow:auto}#network-players>span{background:#ffffff12;border-radius:8px;padding:6px 9px;font-size:12px}#network-messages{background:0 0;border-radius:0;align-content:start;gap:6px;height:auto;min-height:0;margin:0;padding:0;font-size:13px;display:grid;overflow:auto}#network-chat-form{grid-template-columns:minmax(0,1fr) 66px;margin:0;padding-top:8px;display:grid}#network-chat{width:100%;font-size:16px}#network-result{color:#fff4c2;background:#f7d44a22;margin:4px 0;padding:8px;font-size:12px}#network-result p{margin:3px}#match-prompt-text{margin:0 0 8px;font-size:13px}.match-actions{gap:8px;display:flex}.match-actions button{border-radius:8px;flex:1;padding:10px}.room-modal{background:#060a0fba;place-items:center}.room-modal-copy{margin-bottom:16px}.room-list span{display:grid}.room-list span em{font-style:normal}.room-lobby-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-chat-head button{margin:0}#network-rooms{display:grid}#network-leave{color:#ffb4a8;background:#ee5a5a29}#room-create-form input,#room-create-form select,#room-password-form input{box-sizing:border-box;width:100%;font:inherit}#network-refresh{min-height:30px;font-size:12px}.modal #start.solo-entry{color:#fff;width:100%;box-shadow:none;text-shadow:none;text-align:center;background:#388967;border:1px solid #2f795a;border-radius:12px;margin:18px 0 10px;padding:16px 20px;font-size:19px;font-weight:800;display:block;transform:none}.modal #start.solo-entry:hover{background:#2f795a}.modal .main-room-actions{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;display:grid}.modal .main-room-actions button{width:100%;box-shadow:none;color:#365e49;text-align:center;background:#e7f2df;border:1px solid #b7cda8;border-radius:10px;margin:0;padding:13px 8px;font-size:15px;font-weight:800;transform:none}.modal .main-room-actions button:hover{background:#d6e9ca}.modal #start:focus-visible,.modal .main-room-actions button:focus-visible{outline-offset:3px;outline:3px solid #e2a42a}#account-bar{color:#fffaf0;background:0 0;border:0;border-radius:0;gap:8px;max-width:42vw;padding:0;top:27px}#account-bar .account-chip{color:#fffaf0;background:#263b3a;border:1px solid #9ff0db59;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:5px 6px 5px 10px;font-size:12px;font-weight:900;display:inline-flex}#account-bar #account-status{color:#fffaf0;max-width:132px}#account-status:empty{display:none}#account-bar #account-login,#account-bar #account-logout{color:#9ff0db;min-height:28px;box-shadow:none;background:#ffffff1a;border:1px solid #9ff0db52;border-radius:7px;align-items:center;padding:0 9px;font-size:11px;text-decoration:none;display:inline-flex}#account-bar .account-home{color:#fff4c2;background:#576344;border:1px solid #f7d44a57;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:inline-flex}#account-bar svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:21px;height:21px}#account-bar a:focus-visible{outline-offset:3px;outline:2px solid #f7d44a}@media (width<=700px){#account-bar{gap:5px;max-width:90vw;top:60px;right:14px}#account-bar .account-chip{gap:6px;padding:2px 4px 2px 8px;font-size:11px}#account-bar .account-home{width:28px;height:28px}#account-bar svg{width:17px;height:17px}#account-bar #account-login,#account-bar #account-logout{min-height:22px;font-size:10px}}#language-select{color:#fffaf0;background:#203735;border:1px solid #9ff0db4d;border-radius:7px;flex:none;width:62px;min-height:28px;font-size:11px;font-weight:900}#account-bar{max-width:calc(100vw - 620px)}#language-select option{color:#fffaf0;background:#203735}[dir=rtl] .room-chat-list li.me{justify-self:end}[dir=rtl] .room-chat-list li.other{justify-self:start}[dir=rtl] #network-chat{direction:rtl}[dir=rtl] .brand,[dir=rtl] .score-panel,[dir=rtl] #account-bar{direction:ltr}@media (width<=1000px){#account-bar{max-width:46vw;right:180px}}@media (width<=700px){#account-bar{max-width:calc(100vw - 28px);right:14px}#language-select{width:54px;min-height:22px;font-size:10px}#account-bar #account-status{max-width:100px}.modal .main-room-actions button{overflow-wrap:anywhere;font-size:13px}.modal #start.solo-entry{font-size:17px}}#attack-hit{z-index:9;pointer-events:none;left:var(--board-x);top:calc(var(--board-y) + var(--board-size)*.38);width:var(--board-size);text-align:center;color:#fff5ed;text-shadow:0 3px #5e0920;background:#8f1029d9;border:2px solid #ff7892;border-radius:16px;padding:22px 8px;font-size:clamp(24px,5vw,48px);font-weight:900;position:fixed}#combo.combo-hit{color:#ff6b87;-webkit-text-stroke:2px #7c163a;text-shadow:0 4px #7c163a,0 0 24px #ff315a80}body[data-network=true] #hint{display:none!important}#match-outcome{z-index:12;left:calc(var(--board-x) + var(--board-size)/2);top:calc(var(--board-y) + var(--board-size)/2);text-align:center;color:#fff2b4;pointer-events:none;background:#203c36f2;border:3px solid #ffe7a3;border-radius:24px;width:min(84vw,400px);padding:30px 20px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 12px 60px #16392d80}#match-outcome h2{margin:0 0 12px;font-size:clamp(30px,7vw,54px);font-weight:950}#match-outcome p{margin:0;font-size:23px;font-weight:800}#match-outcome[data-result=lose]{color:#d2e9ff;border-color:#b6cee6}#match-outcome[data-result=win]{color:#ffed80;background:#556525f5}:root{--forest-ink:#28583f;--forest-muted:#617957;--forest-paper:#f6fbe8;--forest-line:#c5dba9;--forest-gold:#ffdb78}#overlay,#network-panel,#network-panel[data-room=true],.room-modal{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#20533e61}#network-shell,.room-modal-panel{color:var(--forest-ink);background:linear-gradient(150deg,#fffff5,#eaf6d4);border:3px solid #fffde9;border-radius:24px;padding:22px;box-shadow:0 7px #83a963,0 22px 60px #214d3e40}.room-modal-head{gap:12px;margin-bottom:20px}.room-modal-head strong{color:#2d7552;text-shadow:none;font-size:23px;line-height:1.25}.room-modal-copy,#network-login p{color:var(--forest-muted);font-size:14px;line-height:1.7}.room-create-grid span{color:var(--forest-muted)}#network-panel button{cursor:pointer;font-family:inherit;transition:background .15s,filter .15s}#network-panel button:disabled{opacity:.45;cursor:default;filter:saturate(.5)}#network-panel .create-room,.room-list button,#network-chat-form button{color:#69481c;background:#ffda78;border:1px solid #e5ba58;border-radius:12px;min-height:38px;padding:9px 14px;font-weight:850;box-shadow:0 3px #d4a64d}#network-panel button:not(:disabled):hover{filter:brightness(1.04)}#network-panel .room-modal-close,#network-panel .room-modal-secondary,#network-panel .room-list-open,#network-panel .invite-share{color:#3b644c;box-shadow:none;background:#e0efcb;border:1px solid #bcd3a3;border-radius:11px;min-height:34px;padding:7px 11px;font-weight:800}#network-panel .room-modal-danger,#network-leave{color:#96492f;box-shadow:none;background:#ffe4d6;border:1px solid #efbca4;border-radius:11px}#network-panel input,#network-panel select{color:var(--forest-ink);border:1px solid var(--forest-line);background:#fffff9;border-radius:12px;min-height:42px;padding:10px 12px;box-shadow:inset 0 2px 4px #527e3510}#network-panel input::placeholder{color:#809474}#network-panel select option{color:var(--forest-ink);background:#fffff9}#network-panel input:focus,#network-panel select:focus,#network-panel button:focus-visible{outline-offset:2px;outline:3px solid #75b59a}#network-message{color:#a34934;background:#fff0dd;border-radius:10px;padding:10px;line-height:1.5}.room-list{gap:10px}.room-list li{border:1px solid var(--forest-line);background:#fffff2;border-radius:14px;padding:12px}.room-list span,.room-list span em{color:var(--forest-ink)}.room-list small,.room-list li.empty{color:var(--forest-muted)}#network-room{color:var(--forest-ink);background:radial-gradient(at 0 0,#d7f2dd,#0000 50%),linear-gradient(170deg,#fcffe9,#e8f3d0);border-inline:2px solid #fbffe9;box-shadow:0 0 65px #1b503c35}.room-chat-head{border-bottom:1px solid #bbd49f;padding:5px 2px 12px}.room-chat-head strong,#network-room-title{color:#2e7754;font-size:17px}.room-participant-count{color:#775521;background:#ffecb0;border-color:#e9ce7d}#network-code{color:#758d66}#network-players>span{color:#446a48;background:#ffffffc9;border:1px solid #c7dcb5;border-radius:12px}#match-prompt{background:#ffffffb0;border:1px solid #c6dcb1;border-radius:16px;padding:12px}#match-prompt-text{color:#52764c}#network-result{color:#715429;background:#fff1bd;border:1px solid #e6d197;border-radius:12px;padding:10px}#network-messages{gap:10px;padding:8px 2px}.room-chat-list strong{color:#497b51;background:#e0edcc}.room-chat-list li.me strong{color:#315e41;background:#d0e8c0}.room-chat-list span{color:#35553f;background:#fffff6;border:1px solid #cbdcbb;border-radius:14px;padding:9px 12px;line-height:1.5;box-shadow:0 2px #abc89830}.room-chat-list li.me span{color:#2e5738;background:#cce9b7;border-color:#b1d395}.room-chat-list li.system{background:#fff4c8;border:1px solid #dacc98;border-radius:14px}.room-chat-list li.system span{color:#806332;box-shadow:none;background:0 0}.room-chat-list li.empty{color:#76886d}.room-chat-list li.tone-1 strong{color:#ab563b}.room-chat-list li.tone-2 strong{color:#8e6c12}.room-chat-list li.tone-3 strong{color:#376f9d}.room-chat-list li.tone-4 strong{color:#8256a5}.room-chat-list li.tone-5 strong{color:#48762a}#network-chat-form{background:linear-gradient(#0000,#e8f3d0 30%);padding-top:10px}#network-chat-form input{background:#fffff8}#network-chat-form button{box-shadow:none;padding:6px}#account-bar .account-chip{color:var(--forest-ink);background:#f5fbe8;border-color:#c2d8ad;border-radius:11px;box-shadow:0 2px #79a56d30}#account-bar #account-status{color:var(--forest-ink)}#account-bar #account-login,#account-bar #account-logout{color:#37634b;background:#e0edce;border-color:#b8d1a0;border-radius:8px}#account-bar .account-home{color:#795c2c;background:#fff0b7;border-color:#e6d294;border-radius:11px}#language-select,#language-select option{color:#365e48;background:#fffef4;border-color:#c5d9ae}#battle-hud{color:#37664b;background:#f6fceaef;border:2px solid #fff;border-radius:16px;box-shadow:0 4px #8aaf7340}#battle-room{color:#775825;background:#ffe497;border:1px solid #e7cc82}#match-outcome,#match-outcome[data-result=win]{color:#578040;background:linear-gradient(145deg,#fffced,#e9f5cf);border-color:#fff7cc;box-shadow:0 7px #91ae65,0 20px 65px #254d3e45}#match-outcome[data-result=win] h2{color:#b67a1e;text-shadow:0 2px #fff2b8}#match-outcome[data-result=lose]{color:#617b62;background:linear-gradient(145deg,#f7fdeb,#e5f0df);border-color:#faffee}#match-outcome[data-result=draw]{color:#537e73}@media (width<=700px){#network-shell,.room-modal-panel{border-radius:21px;padding:18px}.room-modal-head strong{font-size:21px}.room-chat-head strong,#network-room-title{font-size:15px}.room-chat-head button{font-size:10px;padding:6px 8px!important}#network-room{border-inline:0}.room-chat-list span{padding:8px 10px}}@media (prefers-reduced-motion:reduce){#network-panel button{transition:none}}#match-outcome,#match-outcome[data-result]{box-shadow:none;isolation:isolate;color:#fff8ce;background:0 0;border:0;border-radius:0;width:min(94vw,650px);padding:18px 0;overflow:visible}#match-outcome h2,#match-outcome[data-result] h2{font-size:clamp(46px,calc(var(--board-size)*.16),96px);letter-spacing:-.03em;color:#ffe277;-webkit-text-stroke:1.5px #9f582b;paint-order:stroke fill;text-shadow:0 4px #97562a,0 8px #97562a55,0 0 25px #fff7a5,0 0 50px #ffc74880;overflow-wrap:anywhere;margin:0 0 16px;line-height:1.12}#match-outcome[data-result=lose] h2{color:#d6eaff;-webkit-text-stroke-color:#426693;text-shadow:0 4px #426693,0 8px #42669355,0 0 25px #d9faff,0 0 50px #6ca6ff80}#match-outcome[data-result=draw] h2{color:#e5d5ff;-webkit-text-stroke-color:#77559f;text-shadow:0 4px #77559f,0 0 28px #efdfff}#match-outcome p{color:#fffef4;text-shadow:0 2px #3d6547,0 0 5px #3d6547,0 0 16px #ffffff80;font-size:clamp(23px,4vw,36px)}#match-outcome[data-result]:not([hidden]) h2{animation:.65s cubic-bezier(.2,.8,.2,1) both result-pop}#match-outcome[data-result]:not([hidden]) p{animation:.45s ease-out .16s both result-score}#match-outcome[data-result]:before,#match-outcome[data-result]:after{content:"✦";color:#fff6b4;text-shadow:0 0 14px #ffd854;pointer-events:none;font-size:clamp(25px,5vw,50px);animation:1.8s ease-out both result-spark;position:absolute;top:10%;left:8%}#match-outcome[data-result]:after{font-size:25px;animation-delay:.1s;top:58%;left:auto;right:8%}#match-outcome[data-result=lose]:before,#match-outcome[data-result=lose]:after{color:#dcf5ff;text-shadow:0 0 14px #86bdff}@keyframes result-pop{0%{opacity:0;transform:scale(.5)rotate(-7deg)}45%{opacity:1;transform:scale(1.16)rotate(2deg)}72%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes result-score{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes result-spark{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.2)rotate(50deg)}70%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(.6)rotate(130deg)}}@media (prefers-reduced-motion:reduce){#match-outcome[data-result]:not([hidden]) h2,#match-outcome[data-result]:not([hidden]) p,#match-outcome[data-result]:before,#match-outcome[data-result]:after{animation:none}}#network-players>span{align-items:center;gap:9px;display:inline-flex}.player-wins{color:#89631d;white-space:nowrap;background:#ffebae;border:1px solid #e9d08a;border-radius:20px;padding:3px 7px;font-size:11px}#network-result{display:none!important}#network-panel{top:var(--room-chat-offset-top,0px);height:var(--room-chat-viewport-height,100dvh);box-sizing:border-box;bottom:auto;overflow:hidden}#network-room{box-sizing:border-box;height:100%;min-height:0;position:absolute;top:0;bottom:0;overflow:hidden}#network-shell{max-height:calc(var(--room-chat-viewport-height,100dvh) - 36px)}#network-panel .room-modal{height:100%;position:absolute;inset:0}#network-panel .room-modal-panel{max-height:calc(var(--room-chat-viewport-height,100dvh) - 36px)}#network-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;scroll-padding-bottom:10px}#network-chat-form{flex-shrink:0;min-height:52px}#network-panel #network-chat{caret-color:#28583f;color:#28583f;-webkit-text-fill-color:#28583f;scroll-margin-bottom:12px;font-size:16px;line-height:1.4}#network-panel.chat-keyboard-open #network-room{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding-top:8px;padding-bottom:8px}#network-panel.chat-keyboard-open #network-players,#network-panel.chat-keyboard-open #match-prompt{display:none}#network-panel.chat-keyboard-open .room-chat-head{padding:0 2px 6px}#network-panel.chat-keyboard-open #network-chat-form{padding-top:4px}.score-panel.time-urgent .timer-title,.score-panel.time-urgent .timer-title b,.score-panel.time-urgent #time,.score-panel.time-urgent #time span{color:#d83249;text-shadow:0 1px #fff3e9}.score-panel.time-urgent .time-track{background:#ffe0d8;border-color:#ed9b94;box-shadow:0 0 0 3px #ef677215}.score-panel.time-urgent #timebar{box-shadow:0 0 12px #f0526c70}.score-panel.time-critical #time{transform-origin:50%;animation:.85s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{text-shadow:0 0 12px #ff637466;transform:scale(1.09)}}@media (prefers-reduced-motion:reduce){.score-panel.time-critical #time{animation:none}}body[data-network=true] .score-panel,#battle-room,#battle-status{display:none!important}#battle-hud{left:var(--board-x);width:var(--board-size);box-sizing:border-box;pointer-events:none;border-radius:16px;min-width:0;max-width:none;padding:10px 12px;top:100px;bottom:auto;transform:none}#battle-scores{flex-flow:row;align-items:center;gap:6px;margin:0;display:flex}#battle-scores .battle-player{border-inline-start:1px solid #bcd5aa;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:2px 5px;display:flex}#battle-scores .battle-player.is-me{color:#365e37;background:#e0efbf;border:0;border-radius:9px}#battle-scores .battle-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:750;overflow:hidden}#battle-scores strong{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.1}#battle-time-track{background:#d8e5c8;border-radius:20px;height:9px;margin-top:9px;overflow:hidden}#battle-timebar{border-radius:inherit;background:linear-gradient(#bfe65d,#7ebc40);width:100%;height:100%;transition:background .2s;display:block}#battle-hud.time-urgent #battle-timebar{background:linear-gradient(#ff7377,#dc3047);box-shadow:0 0 10px #e54b6480}#battle-hud.time-urgent #battle-time-track{background:#ffe0d8}@media (width<=700px){#battle-hud{border-radius:13px;padding:8px 7px;top:98px}#battle-scores{gap:2px}#battle-scores .battle-player{padding:3px}#battle-scores .battle-name{font-size:10px}#battle-scores strong{font-size:18px}#battle-time-track{height:8px;margin-top:8px}}#board-warning{left:var(--board-x);top:var(--board-y);width:var(--board-size);height:var(--board-size);z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#ec2d4509 30%,#e61e3742 100%);border-radius:18px;position:fixed;box-shadow:inset 0 0 34px #e6325055,0 0 14px #e6325033}#board-warning.active{animation:1.1s ease-in-out infinite board-danger-pulse}@keyframes board-danger-pulse{0%,to{opacity:.08}50%{opacity:1}}@media (prefers-reduced-motion:reduce){#board-warning.active{opacity:.45;animation:none}}@media (width<=700px){#battle-hud{border-radius:11px;width:calc(100% - 8px);padding:5px 7px;top:92px;left:4px}#battle-scores .battle-player{padding:2px 3px}#battle-scores strong{font-size:17px}#battle-time-track{height:7px;margin-top:5px}.score-panel{border-width:2px;border-radius:12px;gap:0 16px;width:auto;padding:5px 12px;top:92px;left:4px;right:4px;box-shadow:0 2px #8abd8340}.score-panel>strong{font-size:24px;line-height:1}.score-panel>.eyebrow{font-size:8px}.score-panel .record{margin:2px 0 0;font-size:9px}.score-panel .timer-title b{font-size:23px}.score-panel .time-track{height:7px;margin:2px 0}.guide{top:calc(var(--board-y) + var(--board-size) + 8px);bottom:auto}.guide #hint{padding:8px 14px}body.board-scroll{min-height:var(--stage-height);overflow-y:auto}body.board-scroll #game,body.board-scroll #hud{height:var(--stage-height);position:absolute;bottom:auto}body.board-scroll #battle-hud,body.board-scroll #board-warning,body.board-scroll #match-outcome{position:absolute}body.board-scroll footer{top:calc(var(--board-y) + var(--board-size) + 44px);padding:6px;position:absolute;bottom:auto}}:root{--forest-ink:#195570;--forest-muted:#577f8e;--forest-paper:#eefcff;--forest-line:#a9dce5;--forest-gold:#ffe294;color:#195570;background:#b9eaf3}.brand small{color:#26728a}.brand-animal{color:#ffb6c2}.brand-pang{color:#fff0aa}.score-panel,.guide,.modal{background:linear-gradient(145deg,#fffef7f5,#e4f8fff2);border-color:#fff;box-shadow:0 6px #78bdcf,0 15px 28px #175e7920}.eyebrow,.guide h2,.modal h1{color:#236f87}.modal em{color:#ec7994}.score-panel p,.guide p,.modal p{color:#547d8a}.modal button,.guide button{color:#fff;background:linear-gradient(#2586a0,#206981)}.top-actions button{background:linear-gradient(#fff,#daf4fb);box-shadow:0 4px #78bdcf}.time-track{background:#c9e8ef}.record{border-color:#bee0e8}.live-dot{background:#2da9b3}.bomb-samples{justify-content:space-between;gap:3px;margin:9px -8px 4px;display:flex}.bomb-samples img{object-fit:contain;width:32px;height:34px}.modal-icon img,.sample img{object-fit:contain}#overlay{background:#164e6838}@media (width<=700px){.guide .bomb-samples{display:none}}