.oaq-language-switcher{display:inline-grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,222,144,.72);border-radius:6px;background:#371907c7;box-shadow:0 3px 8px #210d024d;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif}.oaq-language-switcher button{min-width:42px;min-height:30px;border:0;border-radius:4px;color:#fff1c4;background:transparent;font:inherit;font-size:.86rem;font-weight:900;line-height:1;cursor:pointer}.oaq-language-switcher button.is-active{color:#fff7d8;background:#2f7f22;text-shadow:0 1px 0 rgba(36,18,5,.5)}.oaq-language-switcher button:focus-visible{outline:3px solid rgba(228,174,61,.95);outline-offset:2px}.oaq-legal-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1f0d039e}.oaq-legal-dialog{position:relative;width:min(860px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:4px solid #85511d;border-radius:8px;background:#ffe8b3;box-shadow:0 18px 46px #1c0c0373;color:#321806;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif}.oaq-legal-dialog header{padding:22px 56px 14px 28px;border-bottom:2px solid rgba(120,70,22,.28);background:linear-gradient(180deg,#ffeeb7f2,#f2c37080)}.oaq-legal-dialog h2,.oaq-legal-dialog h3,.oaq-legal-dialog p{margin:0}.oaq-legal-dialog h2{font-size:1.85rem;font-weight:1000;line-height:1.12}.oaq-legal-dialog header p{margin-top:8px;color:#6b3b15;font-size:.95rem;font-weight:800}.oaq-legal-dialog__body{min-height:0;overflow:auto;padding:22px 28px 30px;line-height:1.55}.oaq-legal-dialog__intro{font-weight:750}.oaq-legal-dialog__body section{margin-top:18px}.oaq-legal-dialog h3{font-size:1.08rem;font-weight:950}.oaq-legal-dialog__body p+p{margin-top:8px}.oaq-legal-dialog__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:2px solid #7f4616;border-radius:999px;color:#fff4d8;background:#8d3f18;font-size:1.4rem;font-weight:1000;line-height:1;cursor:pointer}.oaq-legal-dialog__close:focus-visible{outline:3px solid rgba(228,174,61,.95);outline-offset:3px}.oaq-legal-links{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#5a3214;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:.9rem;font-weight:850}.oaq-legal-links button{border:0;padding:0;color:inherit;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.oaq-legal-links button:focus-visible{outline:3px solid rgba(228,174,61,.95);outline-offset:3px;border-radius:4px}:root{--ui-ink: #2e1608;--ui-ink-soft: #5f3719;--ui-cream: #fff4d8;--gui-panel: url(/assets/ui/gui/panel-parchment-large.webp);--gui-input: url(/assets/ui/gui/input-parchment.webp);--gui-button-primary: url(/assets/ui/gui/button-primary.webp);color:#f8ead1;background:#130d08;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;line-height:1.5;background:#130d08}.loading-screen{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,230,158,.2),transparent 34%),url(/assets/ui/login-ui/new-splash-art.webp) center / cover no-repeat,#1a2715;color:#fff6d7}.shell-screen{position:relative;display:grid;min-height:100vh;overflow:hidden;color:#f8ead1}.shell-card{position:relative;z-index:1;border:none;border-radius:34px;background:var(--gui-panel) center / 100% 100% no-repeat;box-shadow:none;color:var(--ui-ink)}.splash-screen{background:radial-gradient(circle at 70% 20%,rgba(255,220,150,.12),transparent 30%),url(/assets/ui/login-ui/new-splash-art.webp) center / cover no-repeat;display:grid;place-items:center;padding:8px;overflow:hidden}.splash-card-login{background:none!important;position:absolute!important;top:14%;right:15.5%;width:23.5%;height:64.8%;background-color:transparent!important;padding:0;border:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;transform:translate(-5%,3%);container-type:size}.splash-card-login .login-panel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0}.login-header-text{display:none}.splash-auth-form{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:1}.login-input-group{position:absolute;left:17%;width:66%;height:clamp(28px,7.8cqh,42px);z-index:2}.login-input-group.username-input-group{top:27%;transform:translateY(-50%)}.login-input-group.password-input-group{top:36.2%;transform:translateY(-50%)}.register-input-group.register-player-name-input-group{top:30%;transform:translateY(-50%)}.register-input-group.register-email-input-group{top:38%;transform:translateY(-50%)}.register-input-group.password-input-group{top:46%;transform:translateY(-50%)}.register-input-group.confirm-password-input-group{top:54%;transform:translateY(-50%)}.splash-auth-form .login-input{width:100%;height:100%;min-height:0;background:var(--gui-input) center / 100% 100% no-repeat;border:none;border-radius:clamp(8px,2.5cqh,14px);font-size:clamp(12px,3.4cqh,16px);line-height:1.05;padding:0 clamp(10px,3.2cqh,16px);color:#4a2a12;font-family:inherit;font-weight:700;outline:none;text-shadow:0 1px 0 rgba(255,235,180,.8)}.splash-auth-form .login-input::placeholder{color:#7a5730;opacity:.92;font-weight:650}.login-extra-row{position:absolute;top:41%;left:13.5%;width:69.5%;display:flex;align-items:center;justify-content:space-between;gap:min(10px,.521vw,.926vh);z-index:2}.splash-auth-form .login-remember{display:inline-flex;align-items:center;gap:min(8px,.417vw,.741vh);color:#5b3821;font-size:clamp(9px,2.15cqh,11px);font-weight:600;white-space:nowrap}.splash-auth-form .login-remember input{width:clamp(11px,2.8cqh,14px);height:clamp(11px,2.8cqh,14px);min-height:0;flex:0 0 auto;padding:0;border-radius:4px;background:#fff8dc;accent-color:#7a4a27}.login-forgot-link{margin-left:auto;background:none;border:none;color:#7a4a27;font-family:inherit;font-size:clamp(9px,2.15cqh,11px);font-weight:700;text-decoration:underline;cursor:pointer;padding:0;white-space:nowrap}.login-main-actions{position:absolute;top:50.8%;left:17%;width:66%;display:grid;gap:min(5px,.26vw,.463vh);justify-items:center;z-index:2}.login-social-actions{position:absolute;top:76.6%;left:17%;width:66%;display:block;z-index:2}.login-social-divider{position:absolute;left:0;right:0;top:-5.25cqh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:min(10px,.521vw,.926vh);color:#7a4a27;font-size:clamp(10px,2.6cqh,13px);font-weight:800;line-height:1;text-transform:lowercase;text-shadow:0 1px 0 rgba(255,238,190,.85);transform:none}.login-social-actions>div:last-child{display:grid;justify-items:center}.login-social-divider:before,.login-social-divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(122,74,39,.6),transparent)}.login-footer-actions{position:absolute;bottom:7.2%;width:100%;display:flex;flex-direction:column;align-items:center;gap:min(6px,.313vw,.556vh);justify-content:center;z-index:2}.splash-language-switcher{position:absolute;top:clamp(12px,2.2vh,24px);right:clamp(14px,2.4vw,32px);z-index:8}.splash-legal-links{position:absolute;left:50%;bottom:max(4px,env(safe-area-inset-bottom));z-index:8;padding:4px 12px;border-radius:999px;color:#fff4c5;background:transparent;border-color:transparent;box-shadow:none;text-shadow:0 2px 0 rgba(54,24,5,.98),0 4px 10px rgba(0,0,0,.72);transform:translate(-50%)}.splash-legal-links button{color:inherit}.login-auth-error{width:76%;margin:0;color:#8f1f17;font-size:clamp(10px,2.9cqh,14px);font-weight:900;line-height:1.18;text-align:center;text-shadow:0 1px 0 rgba(255,238,190,.8)}.login-auth-error p{margin:0}.login-auth-error p+p{margin-top:min(3px,.156vw,.278vh)}.login-auth-error-inline{position:absolute;top:43.7%;left:12%;width:76%;z-index:3}.register-actions{position:absolute;top:63%;left:17%;width:66%;display:flex;flex-direction:column;align-items:center;gap:min(10px,.521vw,.926vh);z-index:1}.register-actions .login-btn-styled{width:100%;height:clamp(30px,8.8cqh,50px)}.login-btn-styled{position:relative;cursor:pointer;background:transparent;border:none;outline:none;display:flex;align-items:center;justify-content:center;z-index:2}.login-btn-styled span{position:relative;z-index:1;font-family:inherit;font-weight:800;font-size:clamp(11px,3.4cqh,18px);color:#fff4d8;text-shadow:1px 2px 2px rgba(0,0,0,.5)}.login-button-primary{width:97%;height:clamp(30px,8.8cqh,50px);background:url(/assets/ui/login-ui/button_login.webp) center / 100% 100% no-repeat}.login-button-secondary{width:100%;height:clamp(30px,8.8cqh,50px);background:url(/assets/ui/login-ui/button-play-now.webp) center / 100% 100% no-repeat}.login-button-secondary span{font-size:clamp(11px,3.4cqh,18px)}.social-login-google-wrap{position:relative;width:97%;height:clamp(28px,8.2cqh,47px);justify-self:center}.social-login-button{display:inline-flex;align-items:center;justify-content:center;gap:min(5px,.26vw,.463vh);width:100%;height:clamp(28px,8.2cqh,47px);min-height:clamp(28px,8.2cqh,47px);border:none;border-radius:12px;padding:0 min(8px,.417vw,.741vh) min(4px,.208vw,.37vh);font-family:inherit;font-size:clamp(9px,2.25cqh,11px);font-weight:800;color:#3a2414;cursor:pointer;background:url(/assets/ui/login-ui/button_register.webp) center / 100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 0 rgba(255,238,190,.9),0 2px 2px rgba(0,0,0,.18);transition:transform .12s ease,filter .12s ease}@media(min-width:1500px)and (min-aspect-ratio:1.4/1){.social-login-button{font-size:clamp(12px,2.35cqh,15px);gap:min(7px,.365vw,.648vh)}.social-login-badge{width:clamp(16px,3.3cqh,22px);height:clamp(16px,3.3cqh,22px)}}.social-login-google-wrap .social-login-button{pointer-events:none}.social-login-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.social-login-google{background-image:url(/assets/ui/login-ui/button_register.webp)}.social-login-badge{display:inline-grid;place-items:center;width:clamp(13px,3.3cqh,18px);height:clamp(13px,3.3cqh,18px);border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #402a181f,0 1px 2px #341b0a38}.social-login-google .social-login-badge{background:#fff}.google-logo-icon{display:block;width:74%;height:74%}.google-signin-click-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;opacity:.01}.google-signin-click-layer>div{width:100%!important;height:100%!important}.google-signin-click-layer iframe{width:100%!important;height:100%!important}.social-login-button span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-signin-wrapper{display:grid;justify-items:center;gap:min(4px,.208vw,.37vh);min-height:clamp(28px,7.8cqh,42px)}.google-signin-button{min-height:clamp(28px,7.4cqh,40px)}.google-signin-status{color:#6f4a27;font-size:clamp(9px,2.4cqh,12px);font-weight:800;line-height:1;text-shadow:0 1px 0 rgba(255,238,190,.85)}.login-text-link{background:none;border:none;color:#6f4a27;font-family:inherit;font-weight:700;font-size:clamp(10px,2.8cqh,15px);text-decoration:underline;cursor:pointer;padding:min(5px,.26vw,.463vh) min(15px,.781vw,1.389vh)}.login-text-link:hover,.login-forgot-link:hover{color:#3a2414}@media(min-width:981px)and (max-height:700px){.login-main-actions{top:50.4%}.login-social-actions{top:76%}.login-social-divider{top:-5.4cqh}}@media(min-width:981px)and (max-height:820px){.login-social-divider{top:-4.05cqh}}@media(max-width:980px),(max-aspect-ratio:1/1){.splash-screen .splash-stage{--splash-panel-right: clamp(10px, 4vw, 36px);--splash-panel-w: clamp(190px, 40vw, 300px);--splash-panel-gap: clamp(14px, 3vw, 28px);width:calc(100vw - 16px)!important;max-width:none;height:calc(100dvh - 16px)!important;aspect-ratio:auto!important;flex:0 0 auto}.splash-screen .splash-logo{top:43%;left:auto;right:calc(var(--splash-panel-right) + var(--splash-panel-w) + var(--splash-panel-gap));width:min(clamp(220px,42vw,420px),calc(100vw - var(--splash-panel-right) - var(--splash-panel-w) - var(--splash-panel-gap) - 20px));max-width:none;transform:translateY(-50%)}.splash-screen .splash-card-login{top:51%;right:var(--splash-panel-right);width:var(--splash-panel-w);height:auto;aspect-ratio:.645;transform:translateY(-50%)}.login-input-group{height:clamp(22px,6.8cqh,34px)}.splash-auth-form .login-input{border-radius:clamp(7px,2.2cqh,12px);font-size:clamp(10px,3cqh,14px);padding:0 clamp(8px,2.4cqh,12px)}.login-extra-row{top:41%;left:13.5%;width:69.5%;gap:4px}.splash-auth-form .login-remember,.login-forgot-link{font-size:clamp(6px,1.95cqh,9px)}.splash-auth-form .login-remember input{width:clamp(10px,2.7cqh,13px);height:clamp(10px,2.7cqh,13px)}.login-main-actions{top:40%;gap:1px}.login-social-actions{top:65%;left:17%;width:66%}.login-social-divider{display:none}.login-footer-actions{bottom:6.8%;gap:1px}.login-button-primary,.login-button-secondary,.register-actions .login-btn-styled{height:clamp(23px,6.9cqh,34px)}.login-btn-styled span,.login-button-secondary span{font-size:clamp(9px,2.8cqh,13px)}.social-login-google-wrap,.social-login-button{height:clamp(22px,6.5cqh,32px);min-height:clamp(22px,6.5cqh,32px)}.social-login-button{gap:4px;border-radius:9px;padding:0 6px 2px;font-size:clamp(7px,2.15cqh,10px)}.social-login-badge{width:clamp(12px,3.3cqh,17px);height:clamp(12px,3.3cqh,17px)}.google-signin-wrapper{gap:1px;min-height:clamp(22px,6.5cqh,32px)}.google-signin-button{min-height:clamp(22px,6.5cqh,32px)}.google-signin-status,.login-text-link{font-size:clamp(8px,2.2cqh,11px)}.login-text-link{padding:0 8px}}@media(max-width:640px),(max-aspect-ratio:.68/1){.splash-screen .splash-logo{top:26%;left:50%;right:auto;width:min(340px,72vw);transform:translate(-50%,-50%)}.splash-screen .splash-card-login{top:59%;left:50%;right:auto;width:clamp(200px,64vw,290px);transform:translate(-50%,-50%)}}:root{--text-strong: #fff4d8;--text-main: #f8ead1;--text-soft: #ead4a9;--text-muted: #cdb996;--text-parchment: #3a2414;--text-muted-parchment: #6f4a27;--text-light-safe: #fff3c7;--text-danger-safe: #7d2717;--text-success-safe: #31551f;--gold: #ffe2a3;--gold-deep: #bd7a2a;--wood: #1e1108;--ui-ink: #2e1608;--ui-ink-soft: #5f3719;--ui-ink-muted: #7a5230;--ui-cream: #fff4d8;--gui-button-primary: url(/assets/ui/gui/button-primary.webp);--gui-button-secondary: url(/assets/ui/gui/button-secondary.webp);--gui-button-danger: url(/assets/ui/gui/button-danger.webp);--gui-panel: url(/assets/ui/gui/panel-parchment-large.webp);--gui-panel-wood: url(/assets/ui/gui/panel-wood.webp);--gui-chat: url(/assets/ui/gui/panel-chat-bubble.webp);--gui-input: url(/assets/ui/gui/input-parchment.webp);--spectator-chat-panel: url(/assets/game-ui/chat-ui/score-board.webp);--spectator-chat-input: url(/assets/game-ui/chat-ui/text-box.webp);--spectator-chat-send: url(/assets/game-ui/chat-ui/chat-enter.webp);--spectator-chat-close: url(/assets/game-ui/chat-ui/icon-007-close.webp);--lobby-bg: url(/assets/ui/main-menu/lobby-background-village-golden-hour.webp);--lobby-panel-logo: url(/assets/ui/main-menu/lobby-panel-logo-wood-wide.webp);--lobby-panel-profile: url(/assets/ui/main-menu/lobby-input-parchment-wide.webp);--lobby-panel-main: url(/assets/ui/main-menu/lobby-panel-main-bamboo-mat-wide.webp);--lobby-panel-room: url(/assets/ui/main-menu/lobby-panel-main-bamboo-mat-wide.webp);--lobby-panel-sidebar: url(/assets/ui/main-menu/lobby-panel-sidebar-tall.webp);--lobby-panel-friends: url(/assets/ui/main-menu/lobby-panel-sidebar-tall.webp);--lobby-button-primary: url(/assets/ui/main-menu/lobby-button-primary-bamboo-green.webp);--lobby-button-secondary: url(/assets/ui/main-menu/lobby-button-secondary-wood.webp);--lobby-button-danger: url(/assets/ui/main-menu/lobby-button-danger-clay.webp);--lobby-button-disabled: url(/assets/ui/main-menu/lobby-button-disabled-stone.webp);--lobby-row-bamboo: url(/assets/ui/main-menu/lobby-row-bamboo-green.webp);--lobby-row-wood: url(/assets/ui/main-menu/lobby-row-wood-input.webp);--lobby-rank-bar: url(/assets/ui/main-menu/lobby-progress-rank-green.webp);--oaq-scrollbar-thumb: rgba(83, 42, 12, .92);--oaq-scrollbar-track: rgba(255, 232, 169, .34);--oaq-scrollbar-thumb-border: rgba(255, 225, 160, .45);color:#f8ead1;background:#130d08;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*),:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer){scrollbar-color:var(--oaq-scrollbar-thumb) var(--oaq-scrollbar-track);scrollbar-width:thin}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*)::-webkit-scrollbar{width:8px;height:8px;background:var(--oaq-scrollbar-track)}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*)::-webkit-scrollbar-track{border-radius:42%;background:var(--oaq-scrollbar-track)}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*)::-webkit-scrollbar-thumb{border:1px solid var(--oaq-scrollbar-thumb-border);border-radius:999px;background:var(--oaq-scrollbar-thumb)}.loading-screen{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,230,158,.2),transparent 34%),url(/assets/ui/login-ui/new-splash-art.webp) center / cover no-repeat,#1a2715;color:#fff6d7}.loading-screen__brand{position:relative;width:min(calc(100vw - 16px),calc((100vh - 16px)*1.7778));aspect-ratio:16 / 9;display:grid;animation:app-ready-fade .22s ease-out both}.loading-screen__logo{position:absolute;top:8.3%;left:33%;width:34.375%;height:auto;aspect-ratio:1569 / 515;object-fit:contain;transform:translate(-50%)}.loading-screen__brand p{position:absolute;left:50%;bottom:8%;width:min(420px,80vw);margin:0;min-height:1.4em;color:#fff6d7;font-size:1rem;font-weight:800;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.55);transform:translate(-50%)}.app-ready-shell{min-height:100vh;animation:app-ready-fade .18s ease-out both}@keyframes app-ready-fade{0%{opacity:0}to{opacity:1}}.safe-text-box{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;line-height:1.45}.safe-text-box[style*=--safe-text-max-lines]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--safe-text-max-lines);line-clamp:var(--safe-text-max-lines)}.safe-text-align-left{text-align:left}.safe-text-align-center{text-align:center}.safe-text-align-right{text-align:right}.safe-text-size-sm{font-size:clamp(.72rem,.78vw,.86rem)}.safe-text-size-md{font-size:clamp(.88rem,.95vw,1rem)}.safe-text-size-lg{font-size:clamp(1.05rem,1.35vw,1.28rem)}.safe-text-size-xl{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08}.text-on-parchment{color:var(--text-parchment);text-shadow:0 1px 0 rgba(255,238,190,.9),0 2px 2px rgba(0,0,0,.18)}.text-on-wood,.text-on-dark{color:var(--text-light-safe);text-shadow:0 2px 2px rgba(0,0,0,.75),0 0 4px rgba(58,36,20,.9)}.text-on-bamboo{color:#fff7d6;text-shadow:0 2px 2px rgba(20,45,12,.8),0 0 3px rgba(20,45,12,.7)}.text-on-clay{color:var(--text-light-safe);text-shadow:0 2px 2px rgba(71,31,13,.75),0 0 4px rgba(71,31,13,.65)}.text-scrim{border-radius:10px;padding:4px 8px}.text-scrim-light{background:#fff2ccc7}.text-scrim-dark{background:#160a04c2}.debug-ui-safe-area{outline:2px solid rgba(255,0,0,.88);outline-offset:-2px}.ui-safe-area{padding:var(--ui-safe-padding-top, 0) var(--ui-safe-padding-right, 0) var(--ui-safe-padding-bottom, 0) var(--ui-safe-padding-left, 0)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;line-height:1.5;background:radial-gradient(circle at 18% 12%,rgba(192,105,42,.28),transparent 34%),radial-gradient(circle at 78% 18%,rgba(226,170,90,.18),transparent 32%),linear-gradient(135deg,#130d08,#241308 46%,#0f0b08)}button{font:inherit}.shell-screen{position:relative;display:grid;min-height:100vh;overflow:hidden;padding:clamp(16px,3vw,36px);color:var(--text-main);background:radial-gradient(circle at 18% 16%,rgba(255,206,116,.34),transparent 22%),linear-gradient(180deg,#0f2a1838,#1f0c04c7),url(/assets/ui/main-menu/lobby-background-village-golden-hour.webp) center / cover no-repeat}.shell-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(18,7,2,.12) 58%,rgba(8,3,1,.46) 100%),linear-gradient(90deg,rgba(16,6,1,.38),transparent 32%,transparent 68%,rgba(16,6,1,.36));pointer-events:none}.shell-card{position:relative;z-index:1;border:none;border-radius:34px;background:var(--gui-panel) center / 100% 100% no-repeat;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ui-ink)}.splash-screen,.auth-screen,.local-setup-screen{place-items:center}.splash-screen{background:radial-gradient(circle at 70% 20%,rgba(255,220,150,.12),transparent 30%),url(/assets/ui/login-ui/new-splash-art.webp) center / cover no-repeat;display:grid;place-items:center;padding:8px}.splash-stage{position:relative;z-index:1;width:min(calc(100vw - 16px),calc((100vh - 16px)*1.7778));aspect-ratio:16 / 9}.splash-logo{position:absolute;top:8.3%;left:33%;z-index:1;width:34.375%;aspect-ratio:1569 / 515;transform:translate(-50%);pointer-events:none}.splash-logo:before{content:"";position:absolute;top:10%;right:5%;bottom:16%;left:5%;z-index:-1;border-radius:999px;background:radial-gradient(ellipse,rgba(255,244,205,.36),rgba(255,226,160,.13) 48%,transparent 72%);filter:blur(10px)}.splash-logo-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(63,29,5,.36)) drop-shadow(0 12px 16px rgba(105,53,9,.18))}.splash-card{display:grid;gap:clamp(18px,2vw,26px);margin-right:clamp(32px,6vw,120px);margin-top:-80px;width:min(480px,90vw);padding:clamp(22px,3.2vw,42px);text-align:center;justify-items:center}.splash-art-frame{display:none}.splash-art-frame img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:20px}.shell-copy h1,.auth-header h1,.home-hero h1{margin-top:24px;margin-bottom:8px;color:var(--ui-ink);font-size:clamp(2.15rem,5.2vw,4.45rem);font-weight:900;line-height:1.02;letter-spacing:-.045em;text-shadow:0 1px 0 rgba(255,245,205,.35)}.auth-header h1,.home-hero h1{font-size:clamp(1.75rem,3.4vw,3.1rem);letter-spacing:-.035em}.shell-copy p,.auth-header p,.home-hero p,.home-footer,.home-action-card p{color:var(--ui-ink-soft);font-size:clamp(.92rem,1vw,1.02rem);line-height:1.65}.shell-actions{grid-column:auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.shell-primary-button,.shell-secondary-button{height:clamp(48px,4vw,54px);aspect-ratio:348 / 136;border:none;outline:none;box-shadow:none;border-radius:12px;width:auto;padding:0 24px;color:#301706;font-size:clamp(.85rem,1vw,1rem);font-weight:900;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-shadow:0 1px 0 rgba(255,238,190,.9),0 2px 2px rgba(0,0,0,.18);transition:transform .12s ease,filter .12s ease;background:var(--gui-button-primary) center / 100% 100% no-repeat}.shell-secondary-button{background:var(--gui-button-secondary) center / 100% 100% no-repeat;color:var(--ui-cream);text-shadow:0 2px 2px rgba(0,0,0,.75),0 0 4px rgba(58,36,20,.9)}.shell-primary-button:hover,.shell-secondary-button:hover,.icon-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.shell-primary-button:disabled,.shell-secondary-button:disabled{opacity:.58;cursor:not-allowed;transform:none;filter:none}.confirm-button-primary,.confirm-button-cancel{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:44px;border:1px solid rgba(85,42,12,.32)!important;border-radius:6px;padding:0 20px;color:#fff7d3!important;font:inherit;font-weight:900;text-shadow:0 2px 2px rgba(45,18,2,.78)!important;box-shadow:inset 0 1px #fff5c752,0 3px #53270a80!important;cursor:pointer}.confirm-button-primary{background:linear-gradient(180deg,#ffefb438,#ffefb400 38%),linear-gradient(180deg,#8d5523,#633312)!important}.confirm-button-cancel{color:#3a2110!important;text-shadow:0 1px 0 rgba(255,242,190,.62)!important;background:linear-gradient(180deg,#fff8d559,#fff8d500 45%),linear-gradient(180deg,#f2d39a,#d6a756)!important}.wide{width:100%}.auth-card{display:grid;gap:20px;width:min(520px,94vw);padding:clamp(28px,3.5vw,40px)}.local-setup-card{display:grid;gap:22px;width:min(880px,94vw);padding:clamp(28px,3.5vw,40px)}.local-setup-card h1{margin:0;color:var(--ui-ink);font-size:clamp(1.9rem,4vw,3.45rem);font-weight:900;line-height:1.03;letter-spacing:-.04em}.local-setup-card p{max-width:680px;color:var(--ui-ink-soft);line-height:1.65}.setup-group{display:grid;gap:10px}.setup-group>span{color:var(--ui-ink);font-weight:900}.setup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-choice{display:grid;gap:7px;min-height:112px;border:none;border-radius:22px;padding:26px 28px;color:var(--ui-ink);text-align:left;background:var(--gui-panel-wood) center / 100% 100% no-repeat;cursor:pointer}.setup-choice.active{border-color:transparent;color:#301706;background:var(--gui-button-primary) center / 100% 100% no-repeat}.setup-choice strong{font-size:1.08rem}.setup-choice small{color:var(--ui-ink-soft);line-height:1.45}.local-setup-actions{grid-column:auto;justify-content:end}.watch-screen{place-items:center}.watch-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,360px) minmax(520px,1fr);gap:16px;width:min(1400px,calc(100vw - 28px));height:min(820px,calc(100vh - 28px))}.watch-list-card{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:16px;padding:clamp(28px,4vw,36px);overflow:hidden}.watch-list-card h1{margin:0;color:var(--ui-ink);font-size:clamp(1.8rem,3.4vw,3.1rem);font-weight:900;line-height:1.04;letter-spacing:-.04em}.watch-list-card p{color:var(--ui-ink-soft)}.watch-actions{display:flex;flex-wrap:wrap;gap:10px}.watch-room-list{display:grid;gap:10px;min-height:0;overflow:auto;padding-right:4px}.watch-room-card{display:grid;gap:5px;min-height:96px;border:none;border-radius:22px;padding:22px 24px;color:var(--ui-ink);text-align:left;background:var(--gui-panel-wood) center / 100% 100% no-repeat;cursor:pointer}.watch-room-card.active{background:var(--gui-button-primary) center / 100% 100% no-repeat}.watch-room-card strong{font-size:1.08rem}.watch-room-card span,.watch-room-card small{color:var(--ui-ink-soft)}.watch-board-card{position:relative;overflow:hidden;border-radius:24px;background:#081622b8}.watch-status-pill{position:absolute;z-index:2;top:14px;left:50%;display:grid;min-width:min(420px,calc(100% - 32px));gap:4px;padding:12px 20px;color:var(--ui-cream);text-align:center;background:var(--gui-hud-bar) center / 100% 100% no-repeat;transform:translate(-50%);pointer-events:none}.watch-status-pill span{color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.watch-status-pill strong{font-size:clamp(1.15rem,2vw,1.7rem)}.watch-empty-board{display:grid;height:100%;place-items:center;align-content:center;gap:14px;color:var(--text-main);text-align:center;background:radial-gradient(circle at 50% 40%,rgba(255,226,163,.12),transparent 32%),linear-gradient(135deg,#0c2130db,#070e17eb)}.watch-empty-board .asset-icon{width:64px;height:64px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px;color:var(--ui-ink);font-weight:800}.auth-form input{min-height:50px;border:none;border-radius:18px;padding:0 24px;color:var(--ui-ink);font:inherit;background:var(--gui-input) center / 100% 100% no-repeat;outline:none}.auth-form input:focus{border-color:transparent;filter:brightness(1.08);box-shadow:none}.home-screen{grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.home-icon-rail{position:absolute;z-index:3;top:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px);display:flex;gap:10px}.icon-button{display:inline-grid;width:48px;height:48px;place-items:center;border:0;border-radius:0;color:var(--ui-ink);background:transparent;box-shadow:none;cursor:pointer}.asset-icon{display:block;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 1px rgba(45,20,4,.28))}.asset-icon-home{background-image:url(/assets/ui/icons/icon-home.webp)}.lobby-screen .asset-icon-home{background-image:url(/assets/ui/main-menu/lobby-icon-home.webp)}.asset-icon-settings{background-image:url(/assets/ui/icons/icon-settings.webp)}.lobby-screen .asset-icon-settings{background-image:url(/assets/ui/main-menu/lobby-icon-settings.webp)}.asset-icon-sound{background-image:url(/assets/game-ui/lobby-icon-sound-on.webp)}.lobby-screen .asset-icon-sound{background-image:url(/assets/ui/main-menu/lobby-icon-sound-on.webp)}.asset-icon-sound-off{background-image:url(/assets/game-ui/lobby-icon-sound-off.webp)}.lobby-screen .asset-icon-sound-off{background-image:url(/assets/ui/main-menu/lobby-icon-sound-off.webp)}.asset-icon-expand{background-image:url(/assets/ui/icons/icon-expand.webp)}.asset-icon-close{background-image:url(/assets/ui/icons/icon-close.webp)}.asset-icon-rules{background-image:url(/assets/ui/icons/icon-rules.webp)}.lobby-screen .asset-icon-rules,.asset-icon-rules-scroll{background-image:url(/assets/ui/main-menu/lobby-icon-rules-scroll.webp)}.asset-icon-chat{background-image:url(/assets/ui/icons/icon-chat.webp)}.lobby-screen .asset-icon-chat{background-image:url(/assets/ui/main-menu/lobby-icon-chat.webp)}.asset-icon-friends{background-image:url(/assets/ui/icons/icon-friends.webp)}.lobby-screen .asset-icon-friends{background-image:url(/assets/ui/main-menu/lobby-icon-friends.webp)}.asset-icon-player{background-image:url(/assets/ui/icons/icon-player.webp)}.lobby-screen .asset-icon-player,.asset-icon-player-face{background-image:url(/assets/ui/icons/icon-player.webp)}.asset-icon-watch{background-image:url(/assets/ui/icons/icon-watch.webp)}.lobby-screen .asset-icon-watch{background-image:url(/assets/ui/main-menu/lobby-icon-watch.webp)}.asset-icon-ranked{background-image:url(/assets/ui/icons/icon-ranked.webp)}.lobby-screen .asset-icon-ranked{background-image:url(/assets/ui/main-menu/lobby-icon-ranked-trophy.webp)}.asset-icon-guest{background-image:url(/assets/ui/icons/icon-guest.webp)}.lobby-screen .asset-icon-guest{background-image:url(/assets/ui/main-menu/lobby-icon-guest.webp)}.asset-icon-casual{background-image:url(/assets/ui/icons/icon-casual.webp)}.lobby-screen .asset-icon-casual{background-image:url(/assets/ui/main-menu/lobby-icon-play-casual.webp)}.asset-icon-ai{background-image:url(/assets/ui/icons/icon-ai.webp)}.lobby-screen .asset-icon-ai{background-image:url(/assets/ui/main-menu/lobby-icon-ai-robot.webp)}.asset-icon-room{background-image:url(/assets/ui/icons/icon-room.webp)}.lobby-screen .asset-icon-room{background-image:url(/assets/ui/main-menu/lobby-icon-room.webp)}.asset-icon-back{background-image:url(/assets/ui/icons/icon-033-back.webp)}.lobby-screen .asset-icon-back,.asset-icon-arrow-left{background-image:url(/assets/ui/main-menu/lobby-icon-arrow-left.webp)}.asset-icon-arrow-right{background-image:url(/assets/ui/main-menu/lobby-icon-arrow-right.webp)}.asset-icon-avatar-boy{background-image:url(/assets/ui/main-menu/lobby-avatar-boy.webp)}.asset-icon-avatar-farmer-boy{background-image:url(/assets/ui/main-menu/lobby-avatar-farmer-boy.webp)}.asset-icon-avatar-girl{background-image:url(/assets/ui/main-menu/lobby-avatar-girl.webp)}.asset-icon-avatar-vietnamese-girl{background-image:url(/assets/ui/main-menu/lobby-avatar-vietnamese-girl.webp)}.asset-icon-currency-star{background-image:url(/assets/ui/main-menu/lobby-currency-star-gold.webp)}.asset-icon-currency-trophy{background-image:url(/assets/ui/main-menu/lobby-currency-trophy-gold.webp)}.asset-icon-event{background-image:url(/assets/ui/main-menu/lobby-icon-event-gift.webp)}.asset-icon-exit{background-image:url(/assets/game-ui/icon-023-exit.webp)}.asset-icon-giveup{background-image:url(/assets/game-ui/icon-027-giveup.webp)}.asset-icon-lock{background-image:url(/assets/ui/main-menu/lobby-icon-lock.webp)}.asset-icon-mail{background-image:url(/assets/ui/main-menu/lobby-icon-mail-envelope.webp)}.asset-icon-medal{background-image:url(/assets/ui/main-menu/lobby-icon-medal-rank.webp)}.asset-icon-missions{background-image:url(/assets/ui/main-menu/lobby-icon-missions-scroll.webp)}.asset-icon-play-casual{background-image:url(/assets/ui/main-menu/lobby-icon-play-casual.webp)}.asset-icon-play-now{background-image:url(/assets/ui/main-menu/lobby-icon-play-now-children.webp)}.asset-icon-refresh{background-image:url(/assets/ui/main-menu/lobby-icon-refresh.webp)}.asset-icon-search{background-image:url(/assets/ui/main-menu/lobby-icon-search.webp)}.asset-icon-shop{background-image:url(/assets/ui/main-menu/lobby-icon-shop-stall.webp)}.asset-icon-spectate{background-image:url(/assets/ui/main-menu/lobby-icon-spectate-binoculars.webp)}.asset-icon-trophy{background-image:url(/assets/ui/main-menu/lobby-icon-trophy-cup.webp)}.asset-icon-unlock{background-image:url(/assets/ui/main-menu/lobby-icon-unlock.webp)}.asset-icon-warning{background-image:url(/assets/ui/main-menu/lobby-icon-warning.webp)}.icon-button .asset-icon,.action-icon .asset-icon,.profile-badge .asset-icon{width:32px;height:32px}.home-hero{display:flex;align-items:end;justify-content:space-between;gap:clamp(16px,2vw,24px);width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:clamp(18px,2.6vw,32px)}.home-hero>div:first-child{max-width:760px}.profile-badge{display:grid;min-width:min(132px,calc(var(--board-stage-w) * .34));justify-items:center;gap:8px;padding:22px 20px;border:none;border-radius:24px;color:var(--ui-ink);background:var(--gui-panel-wood) center / 100% 100% no-repeat;font-weight:900}.profile-badge svg{width:34px;height:34px}.home-action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);width:min(1160px,calc(100vw - 32px));margin:0 auto;align-self:center}.home-action-card{display:grid;grid-template-rows:auto minmax(120px,1fr) auto;gap:clamp(10px,1vw,14px);min-height:clamp(220px,24vw,292px);padding:clamp(18px,1.8vw,28px) clamp(16px,1.8vw,26px) clamp(18px,1.6vw,24px);border:none;border-radius:28px;background:var(--gui-panel-wood) center / 100% 100% no-repeat;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-action-card.available{border-color:transparent}.home-action-card.locked{filter:saturate(.62)}.action-icon{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:0;color:#301706;background:transparent}.action-icon .asset-icon{width:38px;height:38px}.action-title-row{display:grid;gap:8px}.action-title-row h2{margin:0;color:var(--ui-ink);font-size:clamp(1.08rem,1.45vw,1.36rem);line-height:1.15;letter-spacing:-.025em}.action-title-row span{justify-self:start;padding:4px 10px;border-radius:999px;color:var(--ui-cream);font-size:.72rem;font-weight:900;text-transform:uppercase;background:#28120494}.home-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1160px,calc(100vw - 32px));margin:0 auto}.lobby-screen{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.2vw,16px);padding:clamp(10px,1.2vw,18px);background:radial-gradient(circle at 48% 8%,rgba(255,222,135,.34),transparent 24%),linear-gradient(180deg,#ffb75214,#2e13057a),url(/assets/ui/main-menu/lobby-background-village-golden-hour.webp) center / cover no-repeat}.lobby-header,.lobby-body,.lobby-footer{position:relative;z-index:1}.lobby-header{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(480px,1.7fr) minmax(330px,1fr);gap:clamp(12px,1.4vw,22px);align-items:center;width:min(1540px,calc(100vw - 20px));margin:0 auto}.lobby-logo-panel,.lobby-profile-panel,.lobby-room-panel,.lobby-friends-panel,.lobby-mode-panel,.lobby-feature-panel{color:var(--ui-ink);background:var(--gui-panel) center / 100% 100% no-repeat;text-shadow:0 1px 0 rgba(255,240,196,.75),0 2px 2px rgba(50,20,3,.16)}.lobby-logo-panel{min-height:118px;display:grid;align-content:center;justify-items:center;padding:20px 34px 18px;background:var(--gui-panel-wood) center / 100% 100% no-repeat;color:#fff2c1;text-align:center;text-shadow:0 3px 2px rgba(45,18,2,.9),0 0 5px rgba(111,55,12,.86)}.lobby-logo-panel h1{margin:0;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:clamp(2.2rem,3.15vw,3.35rem);line-height:.9;letter-spacing:0;white-space:nowrap}.lobby-logo-panel span{margin-top:8px;padding:5px 18px;color:#3a2414;font-weight:900;background:var(--gui-button-primary) center / 100% 100% no-repeat;text-shadow:0 1px 0 rgba(255,239,198,.88)}.lobby-profile-panel{min-height:112px;display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto;gap:clamp(16px,2vw,34px);align-items:center;padding:18px 34px}.lobby-avatar,.lobby-friend-avatar{display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 40% 35%,#ffeeb1f2,#b86f26e6),var(--gui-panel-wood) center / 100% 100% no-repeat;box-shadow:inset 0 0 0 3px #64350c99,0 3px 4px #2511034d}.lobby-avatar{width:78px;height:78px}.lobby-avatar .asset-icon{width:48px;height:48px}.lobby-profile-main{display:grid;gap:5px;min-width:0}.lobby-profile-main strong{font-size:clamp(1.1rem,1.5vw,1.55rem);line-height:1.1}.lobby-rank-line{display:inline-flex;gap:7px;align-items:center;color:var(--ui-ink-soft);font-weight:900}.lobby-rank-medal,.lobby-currency-icon{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;color:#fff0b5;background:linear-gradient(180deg,#c98321,#7a3a0c);text-shadow:0 2px 1px rgba(46,16,0,.75)}.lobby-rank-track{position:relative;overflow:hidden;width:min(210px,100%);height:20px;border-radius:999px;background:#3a1c09;box-shadow:inset 0 2px 4px #0000008c}.lobby-rank-track span{position:absolute;inset:3px auto 3px 3px;width:60%;border-radius:inherit;background:linear-gradient(180deg,#7cc53f,#2f7c21)}.lobby-rank-track em{position:relative;display:block;color:#fff8d9;font-size:.76rem;font-style:normal;font-weight:900;line-height:20px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.85)}.lobby-currency{display:grid;justify-items:center;gap:5px;min-width:72px;font-weight:900}.lobby-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));gap:8px;align-items:center}.lobby-round-action,.lobby-sidebar-button,.lobby-play-now,.lobby-show-all,.lobby-link-button,.lobby-tabs button,.lobby-friend-action{border:0;font:inherit;cursor:pointer;transition:transform .12s ease,filter .12s ease}.lobby-round-action:hover,.lobby-sidebar-button:hover,.lobby-play-now:hover,.lobby-show-all:hover,.lobby-link-button:hover,.lobby-tabs button:hover,.lobby-friend-action:hover{transform:translateY(-1px);filter:brightness(1.07)}.lobby-round-action{display:grid;justify-items:center;gap:5px;color:#fff1c4;font-size:clamp(.66rem,.75vw,.84rem);font-weight:900;text-shadow:0 2px 2px rgba(36,13,2,.9);background:transparent}.lobby-round-icon{position:relative;display:grid;width:clamp(52px,4.8vw,66px);height:clamp(52px,4.8vw,66px);place-items:center;background:var(--gui-panel-wood) center / 100% 100% no-repeat}.lobby-round-icon .asset-icon{width:32px;height:32px}.lobby-action-glyph{color:#4b2108;font-size:1.25rem;font-weight:900;text-shadow:0 1px 0 rgba(255,236,185,.82)}.lobby-badge{position:absolute;top:-2px;right:-2px;display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;color:#fff6df;font-size:.78rem;font-weight:900;background:#b72f19;box-shadow:0 2px 2px #360d0373;text-shadow:0 1px 1px rgba(0,0,0,.35)}.lobby-body{display:grid;grid-template-columns:minmax(208px,260px) minmax(620px,1fr) minmax(250px,310px);gap:clamp(12px,1.4vw,20px);min-height:0;width:min(1540px,calc(100vw - 20px));margin:0 auto}.lobby-sidebar{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:clamp(12px,1.4vw,18px)}.lobby-play-now{display:flex;min-height:78px;align-items:center;justify-content:center;gap:10px;color:#fff5c8;font-size:clamp(1.05rem,1.45vw,1.35rem);font-weight:900;background:var(--gui-button-primary) center / 100% 100% no-repeat;text-shadow:0 2px 2px rgba(22,49,9,.72)}.lobby-mode-panel,.lobby-feature-panel{display:grid;gap:10px;padding:18px 16px;background:var(--gui-panel-wood) center / 100% 100% no-repeat}.lobby-mode-panel h2{margin:0;color:#fff3c9;font-size:.8rem;font-weight:900;text-align:center;text-shadow:0 2px 2px rgba(30,11,1,.8)}.lobby-sidebar-button{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:10px 14px;color:var(--ui-ink);text-align:left;background:var(--gui-panel) center / 100% 100% no-repeat}.lobby-sidebar-button strong{min-width:0;font-size:clamp(.76rem,.9vw,.95rem);line-height:1.16}.lobby-sidebar-button small{color:var(--ui-ink-muted);font-size:.65rem;font-weight:800}.lobby-sidebar-icon{display:grid;place-items:center}.lobby-sidebar-icon .asset-icon{width:38px;height:38px}.lobby-sidebar-button .lobby-badge{top:-5px;right:-5px}.lobby-room-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:0 24px 22px}.lobby-tabs{display:flex;gap:6px;align-items:end;min-width:0;padding:0 34px;transform:translateY(-11px)}.lobby-tabs button{min-height:54px;min-width:138px;padding:0 22px;color:var(--ui-ink);font-size:clamp(.78rem,.9vw,.98rem);font-weight:900;background:var(--gui-panel) center / 100% 100% no-repeat;text-shadow:0 1px 0 rgba(255,238,190,.9)}.lobby-tabs button.active{color:#fff7d3;background:var(--gui-button-primary) center / 100% 100% no-repeat;text-shadow:0 2px 2px rgba(20,45,12,.8)}.lobby-table-scroll{min-width:0;min-height:0;overflow:auto;padding:4px 10px 0}.lobby-room-table{width:100%;min-width:780px;border-collapse:collapse;color:var(--ui-ink);font-size:clamp(.74rem,.88vw,.96rem);font-weight:800}.lobby-room-table th,.lobby-room-table td{height:34px;border-bottom:1px solid rgba(113,74,34,.28);padding:0 10px;white-space:nowrap}.lobby-room-table th{color:#4a2a12;font-size:.78em;font-weight:900;text-align:left}.lobby-room-table td:not(:first-child),.lobby-room-table th:not(:first-child){text-align:center}.lobby-status{font-weight:900}.lobby-status-playing{color:#2e7a1f}.lobby-status-waiting{color:#b65f18}.lobby-ping{display:inline-flex;align-items:end;gap:2px;height:18px}.lobby-ping span{width:4px;border-radius:2px 2px 0 0;background:#61674642}.lobby-ping span:nth-child(1){height:6px}.lobby-ping span:nth-child(2){height:8px}.lobby-ping span:nth-child(3){height:11px}.lobby-ping span:nth-child(4){height:14px}.lobby-ping span:nth-child(5){height:17px}.lobby-ping span.active{background:#3d9a2e}.lobby-friends-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;padding:24px 18px 20px}.lobby-friends-panel h2{margin:0;color:var(--ui-ink);font-size:clamp(1.02rem,1.35vw,1.38rem);font-weight:900;text-align:center}.lobby-friends-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.lobby-friend-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:56px}.lobby-friend-row.offline{opacity:.58;filter:saturate(.45)}.lobby-friend-avatar{width:42px;height:42px}.lobby-friend-avatar .asset-icon{width:26px;height:26px}.lobby-friend-meta{display:grid;min-width:0}.lobby-friend-meta strong{overflow:hidden;color:var(--ui-ink);font-size:.9rem;font-weight:900;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.lobby-friend-status{color:var(--ui-ink-muted);font-size:.74rem;font-weight:900}.lobby-friend-status:before{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:999px;content:""}.lobby-friend-status.online:before{background:#2f9c2c}.lobby-friend-status.playing:before{background:#c46c1d}.lobby-friend-status.offline:before{background:#8a8172}.lobby-friend-action,.lobby-show-all,.lobby-link-button{color:var(--ui-ink);font-weight:900;background:var(--gui-button-primary) center / 100% 100% no-repeat;text-shadow:0 1px 0 rgba(255,238,190,.9)}.lobby-friend-action{min-width:58px;height:36px;padding:0 9px;font-size:.75rem}.lobby-show-all{min-height:52px;color:#fff7d3;font-size:1rem;text-shadow:0 2px 2px rgba(20,45,12,.8)}.lobby-footer{display:flex;justify-content:center;gap:10px}.lobby-link-button{min-height:38px;padding:0 20px;color:#fff7d3;background:var(--gui-button-secondary) center / 100% 100% no-repeat;text-shadow:0 2px 2px rgba(45,18,2,.75)}.shell-modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0c05028f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.shell-modal{display:grid;gap:14px;width:min(560px,94vw);padding:clamp(28px,3.6vw,44px)}.shell-modal h2{margin:0;color:var(--ui-ink);font-size:clamp(1.7rem,3.2vw,2.55rem);font-weight:900;line-height:1.05;letter-spacing:-.035em}.shell-modal-close{position:absolute;top:48px;right:44px;display:inline-grid;width:44px;height:44px;place-items:center;border:0;border-radius:0;color:var(--ui-cream);font-size:1.35rem;font-weight:900;background:var(--gui-button-danger) center / 100% 100% no-repeat;cursor:pointer}.modal-status{justify-self:start;padding:5px 12px;border:none;border-radius:999px;color:#301706;font-size:.8rem;font-weight:900;background:var(--gui-button-primary) center / 100% 100% no-repeat}.modal-summary{margin:0;color:var(--ui-ink-soft);line-height:1.65}.shell-modal ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--ui-ink)}.shell-modal li::marker{color:var(--gold)}.profile-settings-panel-shell{z-index:8;color:#321505;filter:var(--lobby-panel-shadow);font-size:18px;padding:42px 52px 38px!important}.oaq-lobby-room-panel.profile-settings-panel-shell{display:block}.logout-confirm-modal.game-light-dialog{width:min(360px,calc(100vw - 36px));min-height:178px;gap:12px;padding:26px 24px 20px}.logout-confirm-title{max-width:100%;margin:0;color:#321505;font-size:1.24rem;font-weight:900;line-height:1.25;text-align:center;text-shadow:0 2px 0 rgba(255,238,176,.78)}.logout-confirm-actions{width:100%;margin-top:0}.logout-confirm-actions button{min-width:0}.profile-settings-form label{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(260px,426px);align-items:center;gap:5px;justify-items:start;color:var(--ui-ink);font-size:1rem;font-weight:900;min-height:76px}.profile-settings-form input{grid-column:2;width:min(426px,100%);height:71px;box-sizing:border-box;border:none!important;padding:0 26px;color:#301706!important;background:url(/assets/ui/settings-ui/password.webp) center / 100% 100% no-repeat!important;font:inherit;font-size:1.08rem;font-weight:800;box-shadow:none!important;outline:none!important}.profile-settings-form input:disabled{opacity:.72;cursor:not-allowed}.profile-settings-account-description{color:#111;font-size:20px;font-weight:900;line-height:1.28}.profile-settings-status{margin:0;color:#a72b1c;font-size:1.02rem;font-weight:900}.profile-settings-panel-shell button.profile-settings-action{justify-self:center!important;min-width:170px;background:url(/assets/ui/settings-ui/main-button.webp) center / 100% 100% no-repeat!important;border:none!important;color:#fff7d3!important;font-weight:900!important;text-shadow:0 2px 2px rgba(45,18,2,.75)!important;box-shadow:none!important;height:46px;cursor:pointer}.profile-settings-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "tabs" "content" "footer";grid-template-rows:90px 70px minmax(0,1fr) 72px;gap:8px;height:100%;min-height:0}.profile-settings-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;min-width:0;padding:0}.profile-settings-tabs button{width:100%;height:64px;border:0;padding:0;color:#4c270d;font:inherit;font-size:17px;font-weight:900;line-height:1.08;text-align:center;background:url(/assets/ui/settings-ui/settings-button-sidebar.webp) center / 100% 100% no-repeat;filter:saturate(.82) brightness(.9);opacity:.86;cursor:pointer}.profile-settings-tabs button.is-active{color:#321505;filter:saturate(1.12) brightness(1.08) contrast(1.08);opacity:1;text-shadow:0 1px 0 rgba(255,239,177,.8)}.profile-settings-tabs button:disabled{cursor:not-allowed;filter:grayscale(.55) brightness(.84);opacity:.62}.profile-settings-control .asset-icon{width:34px;height:34px}.profile-settings-content{grid-area:content;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:14px 18px;border:2px solid rgba(126,73,25,.28);border-radius:8px;background:#ffecb82e}.profile-settings-panel{display:grid;align-content:start;gap:10px;min-height:0;overflow:auto;padding-right:4px;scrollbar-width:thin}.profile-settings-profile-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.profile-settings-form{overflow-y:auto;padding-right:6px;scrollbar-width:thin}.profile-settings-locked-account{place-content:center;padding:16px}.profile-settings-control{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,320px) 56px;align-items:center;min-height:44px;gap:14px;border-bottom:1px dashed rgba(113,61,19,.2);color:#4a260e;font-size:1.08rem;font-weight:850}.profile-settings-control>span{display:inline-flex;align-items:center;gap:10px;min-width:0}.profile-settings-language-section,.profile-settings-legal-section{display:grid;gap:10px;margin-top:8px;padding:14px 16px;border:2px solid rgba(126,73,25,.22);border-radius:8px;background:#ffeebe52;color:#4a260e}.profile-settings-language-section>div:first-child{display:grid;gap:4px}.profile-settings-language-section strong,.profile-settings-legal-section strong{font-size:1.08rem;font-weight:950}.profile-settings-language-section span{color:#6b3b15;font-size:.92rem;font-weight:750}.profile-settings-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px}.profile-settings-language-options button{min-height:42px;border:0;padding:0 16px;color:#4c270d;font-weight:900;background:url(/assets/ui/settings-ui/main-button.webp) center / 100% 100% no-repeat;cursor:pointer}.profile-settings-language-options button.is-active{color:#fff7d8;filter:saturate(1.12) brightness(.92);text-shadow:0 2px 0 rgba(76,34,8,.72)}.profile-settings-legal-section .profile-settings-legal-links{justify-content:flex-start;font-size:.95rem}.profile-settings-sound-icon{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(58,28,7,.24))}.bamboo-volume-slider{position:relative;width:320px;height:52px;align-self:center;cursor:pointer;-webkit-user-select:none;user-select:none}.bamboo-volume-slider:focus-visible{outline:3px solid rgba(123,158,36,.72);outline-offset:3px}.bamboo-volume-slider__empty,.bamboo-volume-slider__fill{position:absolute;left:0;top:11px;width:320px;height:31px;pointer-events:none;object-fit:fill}.bamboo-volume-slider__fill-mask{position:absolute;left:8px;top:17px;height:19px;overflow:hidden;pointer-events:none}.bamboo-volume-slider__fill{top:0;left:0;width:304px;height:19px}.bamboo-volume-slider__knob{position:absolute;top:6px;width:40px;height:40px;object-fit:contain;pointer-events:none;transform:translate(-50%);filter:drop-shadow(0 3px 4px rgba(54,24,5,.28))}.profile-settings-slider strong{color:#4a260e;font-size:1.08rem;font-weight:900;text-align:right}.profile-settings-profile-summary{display:grid;grid-template-columns:112px minmax(150px,.78fr) repeat(2,minmax(205px,1fr));align-items:center;flex:0 0 auto;gap:12px;padding:8px 10px 10px;border:2px solid rgba(126,73,25,.24);border-radius:8px;color:#3a1d07;background:#ffecb829}.profile-settings-profile-user{min-width:0;display:grid;justify-items:start;gap:8px}.profile-settings-avatar{display:grid;place-items:center;width:112px;height:112px;background:transparent;box-shadow:none}.profile-settings-avatar img{width:92px;height:92px;object-fit:contain}.profile-settings-profile-user>strong{display:block;max-width:100%;overflow:hidden;font-size:var(--oaq-profile-name-size, 1.5rem);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.profile-settings-rank-card{min-width:0;display:grid;align-content:center;gap:8px;padding:10px 12px;border:2px solid rgba(126,73,25,.22);border-radius:8px;background:#fff4c257}.profile-settings-rank-card-title{min-width:0;display:grid;gap:2px;color:#301706}.profile-settings-rank-card-title span{color:#724216;font-size:.84rem;font-weight:950;text-transform:uppercase}.profile-settings-rank-card-title strong{min-width:0;font-size:1.22rem;font-weight:950;overflow-wrap:anywhere}.profile-settings-rank-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.profile-settings-rank-card dl div{min-width:0}.profile-settings-rank-card dt{color:#724216;font-size:.9rem;font-weight:950}.profile-settings-rank-card dd{margin:2px 0 0;color:#301706;font-size:1.06rem;font-weight:950;overflow-wrap:anywhere}.profile-settings-rank-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.profile-settings-rank-meter>span{height:18px;border:2px solid rgba(73,39,12,.32);border-radius:999px;background:#572f1029;overflow:hidden}.profile-settings-rank-meter i{display:block;height:100%;background:linear-gradient(90deg,#5e9d2b,#c7db4d)}.profile-settings-rank-meter em{color:#5d3412;font-size:.96rem;font-style:normal;font-weight:950;white-space:nowrap}.profile-settings-avatar-picker{display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));flex:1 1 auto;min-height:0;align-content:start;gap:12px;overflow-y:auto;padding:10px;border:2px solid rgba(126,73,25,.22);border-radius:8px;background:#46220814;scrollbar-width:thin}.profile-settings-profile-panel.is-avatar-picker-open .profile-settings-profile-details{display:none}.profile-settings-profile-details{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.profile-settings-avatar-picker button{display:grid;place-items:center;justify-items:center;min-width:0;min-height:132px;border:0;padding:10px;color:#3a1d07;background:#ffecb859;border-radius:8px;cursor:pointer}.profile-settings-avatar-picker button.is-selected{outline:3px solid rgba(123,158,36,.88);background:#fff4c2a8}.profile-settings-avatar-picker img{width:96px;height:96px;object-fit:contain}.profile-settings-collection-panel{gap:12px;overflow:hidden}.profile-settings-collection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-settings-collection-tabs button{min-height:34px;border:1px solid rgba(94,57,17,.38);border-radius:6px;color:#4b240b;font-weight:900;background:#ffebb261;cursor:pointer}.profile-settings-collection-tabs button.is-active{color:#fff8db;background:linear-gradient(180deg,#659e3be6,#356e23e6);text-shadow:0 2px 2px rgba(20,45,12,.84)}.profile-settings-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-width:thin}.profile-settings-collection-item{display:grid;grid-template-rows:116px minmax(40px,auto) 36px;gap:8px;align-content:stretch;min-height:212px;padding:10px;border:1px solid rgba(125,73,21,.22);border-radius:7px;background:#fff1c657}.profile-settings-collection-preview{height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#3419082e}.profile-settings-collection-preview img{width:100%;height:100%;object-fit:contain}.profile-settings-collection-item strong{min-width:0;display:-webkit-box;overflow:hidden;color:#3f1c08;font-size:.92rem;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2}.profile-settings-collection-item button{align-self:end;min-height:30px;border:1px solid rgba(94,57,17,.38);border-radius:6px;color:#fff8db;font-weight:900;background:linear-gradient(180deg,#659e3be6,#356e23e6);cursor:pointer;text-shadow:0 2px 2px rgba(20,45,12,.84)}.profile-settings-collection-item button:disabled{cursor:default;filter:grayscale(.35) brightness(.92);opacity:.72}.profile-settings-collection-item.is-emote{grid-template-rows:128px auto;min-height:188px;justify-items:center;text-align:center}.profile-settings-collection-item.is-emote .profile-settings-collection-preview{width:100%;background:#fff0c733}.profile-settings-collection-item.is-emote .profile-settings-collection-preview img{width:auto;max-width:100%}.profile-settings-collection-item.is-emote strong{max-width:100%;text-align:center}.profile-settings-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0 0 12px}.profile-settings-account-grid>div{min-width:0;padding:8px 10px;border-bottom:1px dashed rgba(113,61,19,.22)}.profile-settings-account-grid dt{color:#724216;font-size:.92rem;font-weight:900}.profile-settings-account-grid dd{margin:2px 0 0;color:#301706;font-size:1.08rem;font-weight:900;overflow-wrap:anywhere}.profile-settings-match-table{width:100%;border-collapse:separate;border-spacing:0;color:#301706;background:#fff4c242;font-size:1.08rem;font-weight:900}.profile-settings-match-table th,.profile-settings-match-table td{padding:9px 8px;border-bottom:1px dashed rgba(113,61,19,.22);text-align:center}.profile-settings-match-table thead th{color:#4a260e;background:#efbd687a;font-size:1.02rem;font-weight:950}.profile-settings-match-table th:first-child{text-align:left}.profile-settings-match-table tbody th{color:#724216;font-weight:950}.profile-settings-match-table tbody tr:last-child th,.profile-settings-match-table tbody tr:last-child td{border-bottom:0}.profile-settings-avatar-action,.profile-settings-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;padding:0 18px;color:#fff7d3;font-size:1.08rem;font-weight:900;text-shadow:0 2px 2px rgba(45,18,2,.78);background:url(/assets/ui/settings-ui/main-button.webp) center / 100% 100% no-repeat;cursor:pointer}.profile-settings-footer-button.is-cancel{background:url(/assets/ui/pvp-mode-ui/cancel-button_.webp) center / 100% 100% no-repeat}.profile-settings-footer{grid-area:footer;display:grid;grid-template-columns:repeat(2,220px);justify-content:center;align-items:center;gap:24px}.profile-settings-footer-button,.profile-settings-panel-shell button.profile-settings-action{min-width:0!important;width:100%;height:54px;font-size:1.08rem}.profile-settings-panel-shell button.profile-settings-action{gap:10px;background:url(/assets/ui/settings-ui/main-button.webp) center / 100% 100% no-repeat!important}.match-history-list{max-height:260px;overflow-y:auto}.app-shell{width:100vw;max-width:none;height:100dvh;min-height:100dvh;margin:0 auto;overflow:hidden;padding:0}.top-bar,.hero-card,.side-panel{display:none}.top-bar h1,.hero-card h2{margin:0;letter-spacing:.03em}.eyebrow{margin:0 0 4px;color:#fff2b8;font-size:.82rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 2px rgba(0,0,0,.85),0 0 8px rgba(255,210,96,.75)}.score-strip{display:flex;gap:10px;padding:10px;border:none;border-radius:999px;background:transparent;box-shadow:none}.score-strip .safe-text-box{padding:6px 12px;border-radius:999px}.hero-card{display:none;grid-template-columns:148px 1fr;gap:16px;align-items:center;margin-bottom:12px;padding:10px;border:none;border-radius:22px;background:transparent}.hero-card img{width:148px;height:76px;object-fit:cover;border-radius:16px}.hero-card p{margin:6px 0 0;color:#d8c3a0}.play-layout{display:grid;grid-template-columns:1fr;height:100dvh;gap:0;align-items:stretch}.side-panel{display:none;gap:10px;align-content:start}.panel{padding:20px 22px;border:none;border-radius:22px;background:var(--gui-panel-wood) center / 100% 100% no-repeat;box-shadow:none;color:var(--ui-ink)}.panel.ui-safe-area,.shell-card.ui-safe-area,.board-chat-hud.ui-safe-area{padding:var(--ui-safe-padding-top, 0) var(--ui-safe-padding-right, 0) var(--ui-safe-padding-bottom, 0) var(--ui-safe-padding-left, 0)}.panel-title{margin-bottom:10px;color:var(--ui-ink);font-weight:900}.muted{color:var(--ui-ink-soft)}.tight{margin-bottom:0}.score-board{display:grid;gap:8px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:14px;background:transparent;color:var(--ui-ink)}.score-row strong{display:inline-flex;align-items:baseline;gap:7px;color:var(--ui-ink);font-size:1.2rem}.score-row.subtle{color:var(--ui-ink-soft);font-size:.9rem}.timer-value{color:var(--ui-ink);font-size:clamp(2rem,5vw,3.1rem);font-weight:700;line-height:1}.timer-value.danger{color:#ff9d8e}.timer-value.stopped{color:var(--ui-ink-soft);font-size:clamp(1.45rem,4vw,2.2rem)}.timer-track{height:8px;margin:10px 0;overflow:hidden;border-radius:999px;background:#ffe6b41f}.timer-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bd7a2a,#ffd27a);transition:width .18s linear}.match-result-card{display:grid;gap:7px;border-color:transparent;background:var(--gui-panel-wood) center / 100% 100% no-repeat}.match-result-card strong{color:var(--ui-ink);font-size:1.08rem}.match-result-card span{color:var(--ui-ink-soft);font-size:.9rem}.direction-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.direction-row button,.primary-action{min-height:42px;border:none;border-radius:14px;color:var(--ui-cream);background:var(--gui-button-secondary) center / 100% 100% no-repeat;cursor:pointer}.direction-row button.active,.primary-action{color:#221207;background:var(--gui-button-primary) center / 100% 100% no-repeat}.primary-action{width:100%;font-weight:700}.primary-action:disabled{color:#ffecc875;background:var(--gui-button-secondary) center / 100% 100% no-repeat;opacity:.58;cursor:not-allowed}.error-text{color:#ff9d8e}.hint-text{margin:10px 0 0;padding:8px 10px;border-radius:12px;color:#221207;background:var(--gui-button-primary) center / 100% 100% no-repeat;font-weight:700}.move-history ol,.history-lines{display:grid;gap:6px;max-height:210px;margin:0;overflow:auto;color:var(--ui-ink)}.move-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.move-history-header .panel-title{margin-bottom:0}.history-actions{display:flex;gap:6px}.history-toggle{display:inline-grid;width:34px;height:34px;place-items:center;border:0;border-radius:0;color:var(--ui-ink);font-size:1.08rem;font-weight:900;background:transparent;cursor:pointer}.history-toggle:hover{background:transparent}.move-history.compact .history-lines{max-height:38px;margin-top:8px;overflow:hidden}.move-history-hidden{display:flex;justify-content:center;width:46px;height:46px;padding:8px}.move-history ol{padding-left:22px}.history-lines{padding-left:0}.history-line{display:grid;grid-template-columns:2ch minmax(0,1fr);gap:6px;align-items:baseline}.history-line .safe-text-box:first-child{color:var(--ui-ink-muted)}.history-line .safe-text-box:last-child{font-weight:700;word-spacing:.28em}.move-history.verbose{width:min(420px,42vw)}.verbose-lines{max-height:min(520px,58vh)}.history-prose-line{margin:0;color:var(--ui-ink);line-height:1.55}.board-history-hud,.board-status-hud,.board-score-hud,.board-chat-hud,.board-chat-minimized,.board-nav-hud,.board-tools-hud,.board-animation-speed-controls{display:grid}.board-panel{position:relative;--board-stage-w: 100vw;--board-stage-h: 100dvh;--board-stage-left: 0px;--board-stage-top: 0px;--board-stage-center-x: 50%;--board-ui-unit: min(calc(var(--board-stage-w) * .01), calc(var(--board-stage-h) * .01778));--board-edge: clamp(6px, calc(var(--board-ui-unit) * .95), 18px);--board-top-gap: clamp(5px, calc(var(--board-ui-unit) * .74), 14px);--board-hud-gap: clamp(3px, calc(var(--board-ui-unit) * .42), 8px);--board-score-w: clamp(92px, calc(var(--board-ui-unit) * 11.9), 205px);--board-score-h: calc(var(--board-score-w) * .733);--board-score-pad-x: calc(var(--board-score-w) * .13);--board-score-pad-y: calc(var(--board-score-w) * .1);--board-hud-button: clamp(35px, calc(var(--board-ui-unit) * 4.68), 82px);--board-hud-icon: calc(var(--board-hud-button) * .63);--board-avatar-size: clamp(53px, calc(var(--board-ui-unit) * 6.21), 97px);--board-status-half: clamp(142px, calc(var(--board-ui-unit) * 14.5), 252px);--board-status-h: clamp(48px, calc(var(--board-ui-unit) * 4.9), 92px);--board-side-inset: var(--board-edge);--board-right-inset: var(--board-edge);--board-top-row-bottom: calc(var(--board-top-gap) + var(--board-score-h));height:100dvh;min-height:0;overflow:hidden;border:none;border-radius:0;background:transparent;box-shadow:none}.board-stage-fit{position:absolute;z-index:1;top:var(--board-stage-top);left:var(--board-stage-left);width:var(--board-stage-w);height:var(--board-stage-h);overflow:visible;contain:layout}.board-status-hud{position:absolute;z-index:2;top:calc(var(--board-top-gap) + ((var(--board-score-h) - var(--board-status-h)) * .5));left:var(--board-stage-center-x);width:min(calc(var(--board-status-half) * 2.55),calc(var(--board-stage-w) - (var(--board-edge) * 4)));min-width:132px;height:var(--board-status-h);align-content:center;justify-items:center;gap:2px;padding:clamp(7px,1.45vh,12px) clamp(22px,4.2vw,38px);border:none;border-radius:0;color:#3a1b08;text-align:center;background:url(/assets/game-ui/notification-panel.webp) center / 100% 100% no-repeat;box-shadow:none;transform:translate(-50%);pointer-events:none}.board-status-hud span{color:#ffe2a3;font-size:clamp(.48rem,calc(var(--board-ui-unit) * .66),.72rem);font-weight:800;letter-spacing:.18em;text-transform:uppercase}.board-status-hud strong{display:block;max-width:min(96%,760px);color:#3a1b08;font-family:Noto Sans,Be Vietnam Pro,sans-serif;font-size:clamp(.86rem,calc(var(--board-ui-unit) * 1.25),1.45rem);font-weight:800;line-height:1;text-shadow:0 1px 0 rgba(255,238,184,.86);overflow-wrap:anywhere}.board-status-hud small{display:block;max-width:min(96%,760px);color:#4a2109;font-size:clamp(.56rem,calc(var(--board-ui-unit) * .72),.82rem);font-weight:800;line-height:1.08;text-shadow:0 1px 0 rgba(255,238,184,.78);overflow-wrap:anywhere}.board-animation-speed-controls{width:var(--board-hud-button, 64px);height:var(--board-hud-button, 64px);place-items:center;border:0;padding:0;background:transparent;box-shadow:none}.watch-board-card>.board-animation-speed-controls{position:absolute;z-index:7;top:14px;right:14px}.board-animation-speed-controls button{width:100%;min-width:0;height:100%;border:0;border-radius:0;padding:0;color:transparent;background:transparent;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(26,11,2,.36));transition:filter .12s ease,transform .12s ease}.board-animation-speed-controls button img{display:block;width:var(--board-hud-icon, 52px);height:var(--board-hud-icon, 52px);object-fit:contain;pointer-events:none}.board-animation-speed-controls button:hover{filter:brightness(1.12) saturate(1.15) drop-shadow(0 4px 7px rgba(26,11,2,.46));transform:translateY(-1px)}.board-score-hud{position:absolute;z-index:2;width:var(--board-score-w);height:var(--board-score-h);grid-template-rows:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:0;align-content:center;padding:calc(var(--board-score-pad-y) * .56) var(--board-score-pad-x);border:none;border-radius:0;color:#321706;text-align:center;background:url(/assets/game-ui/score-board.webp) center / 100% 100% no-repeat;box-shadow:none;pointer-events:none;box-sizing:border-box}.board-score-hud-top{top:calc(var(--board-top-gap) - 10px);left:max(var(--board-side-inset),calc(var(--board-stage-center-x) - (var(--board-status-half) * 1.275) - var(--board-score-w) - var(--board-hud-gap)));transform:none}.board-score-hud-bottom{top:calc(var(--board-top-gap) - 10px);right:max(var(--board-right-inset),calc(100% - var(--board-stage-center-x) - (var(--board-status-half) * 1.275) - var(--board-score-w) - var(--board-hud-gap)));transform:none}.board-score-hud-left{top:calc(var(--board-top-gap) - 10px);left:max(var(--board-side-inset),calc(var(--board-stage-center-x) - (var(--board-status-half) * 1.275) - var(--board-score-w) - var(--board-hud-gap)));transform:none}.board-score-hud-right{top:calc(var(--board-top-gap) - 10px);right:max(var(--board-right-inset),calc(100% - var(--board-stage-center-x) - (var(--board-status-half) * 1.275) - var(--board-score-w) - var(--board-hud-gap)));transform:none}.board-score-hud span,.board-score-hud small{color:#4a2109;font-size:clamp(.5rem,calc(var(--board-ui-unit) * .78),.88rem);line-height:1.05}.board-score-hud .safe-text-box{display:flex;align-items:center;justify-content:center;color:#4a2109;min-height:0;overflow:visible;line-height:1.22;margin:0;padding:0;text-shadow:0 1px 0 rgba(255,238,184,.86)}.board-score-hud .safe-text-size-sm{font-size:clamp(.52rem,calc(var(--board-ui-unit) * .72),.84rem)}.board-score-hud .safe-text-size-xl{font-size:clamp(1.04rem,calc(var(--board-ui-unit) * 2.38),2.55rem);line-height:1}.board-score-hud strong{color:#2d1305;font-size:clamp(1.04rem,calc(var(--board-ui-unit) * 2.38),2.55rem);line-height:1;margin:0;padding:0;text-shadow:0 1px 0 rgba(255,238,184,.88)}.score-delta{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(18px,calc(var(--board-ui-unit) * 1.75),34px);margin-left:clamp(2px,calc(var(--board-ui-unit) * .3),6px);padding:clamp(1px,calc(var(--board-ui-unit) * .1),2px) clamp(4px,calc(var(--board-ui-unit) * .36),7px);border-radius:999px;font-size:clamp(.5rem,calc(var(--board-ui-unit) * .79),.86rem);font-weight:900;line-height:1.1;animation:score-pop .72s ease-out both;z-index:2}.board-score-hud .score-delta{position:absolute;top:53%;right:calc(var(--board-score-w) * .1);justify-self:end;margin-left:0;font-size:clamp(.48rem,calc(var(--board-ui-unit) * .7),.76rem);transform:translateY(-50%)}.score-delta.positive{color:#15200c;background:#a8e36f}.score-delta.negative{color:#2b0805;background:#ff9d8e}@keyframes score-pop{0%{opacity:0;transform:translateY(8px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.board-history-hud{position:absolute;z-index:6;bottom:-4px;left:-4px;width:clamp(72px,calc(var(--board-ui-unit) * 15.4),210px);height:clamp(118px,calc(var(--board-ui-unit) * 44),340px);max-height:clamp(118px,calc(var(--board-ui-unit) * 44),340px);pointer-events:auto}.board-nav-hud{position:absolute;z-index:7;top:var(--board-top-gap);left:var(--board-side-inset);grid-auto-flow:column;gap:var(--board-hud-gap);pointer-events:auto}.board-nav-hud button{display:inline-grid;width:var(--board-hud-button);height:var(--board-hud-button);place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.board-nav-hud .asset-icon,.board-tools-hud .asset-icon,.hud-icon-button .asset-icon,.hud-minimized-button .asset-icon,.chat-input-row button .asset-icon,.history-toggle .asset-icon{width:24px;height:24px}.board-nav-hud .asset-icon,.board-tools-hud .asset-icon,.hud-icon-button .asset-icon{width:var(--board-hud-icon);height:var(--board-hud-icon)}.board-tools-hud{position:absolute;z-index:3;top:var(--board-top-gap);right:var(--board-right-inset);grid-auto-flow:column;gap:var(--board-hud-gap);pointer-events:auto}.board-tools-hud button,.chat-input-row button,.hud-icon-button,.hud-minimized-button{display:inline-grid;place-items:center;border:0;border-radius:0;color:var(--ui-ink);font-weight:900;background:transparent;box-shadow:none;cursor:pointer}.board-tools-hud button{width:var(--board-hud-button);height:var(--board-hud-button);font-size:1.05rem}.board-emote-burst{position:absolute;z-index:16;right:calc(var(--board-right-inset) + var(--board-hud-button) * .16);bottom:calc(var(--board-top-gap) + var(--board-hud-button) * .2);width:clamp(88px,calc(var(--board-ui-unit) * 12),150px);height:clamp(88px,calc(var(--board-ui-unit) * 12),150px);line-height:1;pointer-events:none;animation:board-emote-pop 1.45s ease-out both}.board-emote-burst img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(42,16,3,.42))}.online-fireworks{position:absolute;z-index:7;top:calc(var(--board-top-gap) - var(--board-avatar-size) * .34);width:calc(var(--board-avatar-size) * 3.55);height:calc(var(--board-avatar-size) * 3.55);pointer-events:none}.online-fireworks-left{left:calc(var(--board-side-inset) - var(--board-avatar-size) * .2)}.online-fireworks-right{right:calc(var(--board-right-inset) - var(--board-avatar-size) * .2);bottom:calc(var(--board-top-gap) - var(--board-avatar-size) * .24);top:auto}.online-three-player-fireworks{z-index:12;width:clamp(150px,18vw,280px);height:clamp(150px,18vw,280px)}.online-three-player-fireworks.is-top-left{top:clamp(36px,5vh,70px);left:0}.online-three-player-fireworks.is-top-right{top:clamp(36px,5vh,70px);right:0}.online-three-player-fireworks.is-bottom{top:auto;right:0;bottom:0}.online-fireworks span{position:absolute;width:clamp(10px,calc(var(--board-ui-unit) * 1.12),20px);height:clamp(10px,calc(var(--board-ui-unit) * 1.12),20px);border-radius:50%;background:radial-gradient(circle,#fff8c8 0 18%,#ffd45f 19% 34%,transparent 35%),radial-gradient(circle,rgba(255,255,255,.9) 0 12%,transparent 13%);box-shadow:0 -44px #ff6f61,38px -22px #fff2a8,44px 24px #62d2ff,0 48px #a8e36f,-38px 24px #ff9bd1,-44px -24px #ffd66b,0 0 22px #ffd762b8;animation:online-firework-pop 1.55s cubic-bezier(.16,.88,.26,1) both}.online-fireworks span:nth-child(1){left:17%;top:25%}.online-fireworks span:nth-child(2){left:58%;top:20%;animation-delay:.16s}.online-fireworks span:nth-child(3){left:34%;top:55%;animation-delay:.34s}.online-fireworks span:nth-child(4){left:72%;top:58%;animation-delay:.52s}.online-fireworks span:nth-child(5){left:44%;top:38%;animation-delay:.7s}.online-fireworks span:nth-child(6){left:10%;top:68%;animation-delay:.88s}.online-fireworks span:nth-child(7){left:82%;top:32%;animation-delay:1.06s}.online-fireworks span:nth-child(8){left:56%;top:78%;animation-delay:1.24s}@keyframes online-firework-pop{0%{opacity:0;transform:scale(.08) rotate(0)}14%{opacity:1;filter:drop-shadow(0 0 14px rgba(255,238,148,.9))}44%{opacity:1}to{opacity:0;transform:scale(2.05) rotate(24deg)}}.online-board-panel .board-emote-burst{right:calc(var(--board-right-inset) + var(--board-avatar-size) * .18);bottom:calc(var(--board-top-gap) + var(--board-avatar-size) + 8px)}.online-board-panel .board-emote-burst-left{right:auto;top:calc(var(--board-top-gap) + var(--board-avatar-size) * .18);bottom:auto;left:calc(var(--board-side-inset) + var(--board-avatar-size) * .18)}.board-player-avatars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.board-player-avatar-slot{position:absolute;pointer-events:auto}.online-series-score{position:absolute;top:calc(var(--board-avatar-size) * .18);display:grid;min-width:calc(var(--board-avatar-size) * .5);height:calc(var(--board-avatar-size) * .42);place-items:center;border-radius:999px;color:#301706;background:#f5d28e;box-shadow:0 3px 8px #260e0257;font-size:clamp(.72rem,calc(var(--board-ui-unit) * 1.05),1rem);font-weight:900}.board-player-avatar-left .online-series-score{left:calc(100% + 6px)}.board-player-avatar-right .online-series-score{right:calc(100% + 6px)}.board-player-avatar-left{top:var(--board-top-gap);left:var(--board-side-inset)}.board-player-avatar-right{bottom:var(--board-top-gap);right:var(--board-right-inset)}.board-player-avatar{display:grid;width:var(--board-avatar-size);gap:2px;justify-items:center;border:0;padding:0;color:#f9e5b6;background:transparent;cursor:pointer;text-shadow:0 2px 2px rgba(42,16,3,.86)}.board-player-avatar img{width:var(--board-avatar-size);height:var(--board-avatar-size);object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 4px rgba(42,16,3,.58))}.board-player-avatar.is-ai img{padding:0;object-fit:cover;background:transparent}.board-player-avatar span{max-width:calc(var(--board-avatar-size) * 1.55);overflow:hidden;font-size:clamp(.56rem,calc(var(--board-ui-unit) * .72),.82rem);font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.board-avatar-menu{position:absolute;z-index:11;bottom:calc(100% + 8px);display:grid;min-width:clamp(118px,calc(var(--board-ui-unit) * 12),170px);gap:5px;padding:8px;border-radius:8px;background:#371907e6;box-shadow:0 8px 16px #260e0259}.board-player-avatar-left .board-avatar-menu{top:calc(100% + 8px);bottom:auto;left:0}.board-player-avatar-right .board-avatar-menu{top:auto;bottom:calc(100% + 8px);right:clamp(16px,2vw,32px)}.board-avatar-menu button{border:0;border-radius:6px;padding:7px 9px;color:#3a1b08;background:#f5d28e;cursor:pointer;font:inherit;font-size:clamp(.62rem,calc(var(--board-ui-unit) * .78),.86rem);font-weight:900}.board-avatar-menu button:disabled,.board-avatar-menu button.is-disabled,.board-avatar-menu button[aria-disabled=true]{opacity:.56;cursor:not-allowed;filter:grayscale(.35)}.board-avatar-menu.emote-menu{--board-emote-button-size: clamp(58px, calc(var(--board-ui-unit) * 6.5), 82px);grid-template-columns:repeat(4,minmax(var(--board-emote-button-size),1fr));grid-auto-rows:minmax(var(--board-emote-button-size),1fr);width:calc((var(--board-emote-button-size) * 4) + 18px);min-width:0;max-width:min(360px,calc(var(--board-stage-w) - var(--board-side-inset) * 2));max-height:calc((var(--board-emote-button-size) * 2) + 16px);overflow-y:auto;overflow-x:hidden;gap:2px;padding:6px;border:1px solid rgba(255,222,151,.18);border-radius:8px;background:#3016076b;box-shadow:0 10px 18px #1e0a023d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);scrollbar-width:none}.board-avatar-menu.emote-menu::-webkit-scrollbar{display:none}.board-avatar-menu.emote-menu button{width:var(--board-emote-button-size);height:var(--board-emote-button-size);padding:1px;font-size:0;line-height:1;display:grid;place-items:center;background:transparent}.board-ai-commentary{position:absolute;z-index:8;top:calc(var(--board-top-gap) + var(--board-avatar-size) * .64);left:calc(var(--board-side-inset) + var(--board-avatar-size) * .78);width:clamp(184px,calc(var(--board-ui-unit) * 24),350px);max-width:calc(var(--board-stage-w) - var(--board-side-inset) * 2 - var(--board-avatar-size));padding:clamp(8px,calc(var(--board-ui-unit) * .85),13px) clamp(12px,calc(var(--board-ui-unit) * 1.18),17px);border:2px solid rgba(112,62,18,.42);border-radius:8px;color:#fff0c8;background:#361806e6;box-shadow:0 8px 18px #260e024d,inset 0 1px #ffefbe38;pointer-events:none}.board-ai-commentary span{display:block;margin-bottom:2px;overflow:hidden;color:#ffd77c;font-size:clamp(.56rem,calc(var(--board-ui-unit) * .72),.78rem);font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.board-ai-commentary p{margin:0;overflow-wrap:anywhere;font-size:clamp(.68rem,calc(var(--board-ui-unit) * .88),.96rem);font-weight:800;line-height:1.18}.board-emote-option{aspect-ratio:1;min-height:clamp(58px,calc(var(--board-ui-unit) * 6.5),82px)}.board-emote-option img{width:100%;height:100%;object-fit:contain;transition:transform .14s ease}.board-emote-option:hover img,.board-emote-option:focus-visible img{transform:scale(1.08)}.online-finish-actions,.online-new-match-search,.online-rematch-prompt{position:absolute;z-index:8;left:50%;bottom:calc(var(--board-top-gap) + var(--board-hud-button) * .2);display:flex;align-items:center;justify-content:center;gap:var(--board-hud-gap);transform:translate(-50%);pointer-events:auto}.online-finish-actions button,.three-player-new-match-action button,.online-new-match-search button,.online-rematch-prompt button{height:clamp(36px,calc(var(--board-ui-unit) * 4.2),54px);min-width:clamp(92px,calc(var(--board-ui-unit) * 11.2),150px);padding:0 clamp(14px,calc(var(--board-ui-unit) * 1.8),24px);white-space:nowrap}.online-finish-actions button,.three-player-new-match-action button{min-width:clamp(118px,calc(var(--board-ui-unit) * 14.5),188px);color:#4a2109;text-shadow:0 1px 0 rgba(255,232,170,.72);background:url(/assets/game-ui/button_rematch_newgame.webp) center / 100% 100% no-repeat;border:0;box-shadow:none}.online-finish-actions button:hover:not(:disabled),.online-finish-actions button:focus-visible:not(:disabled),.three-player-new-match-action button:hover:not(:disabled),.three-player-new-match-action button:focus-visible:not(:disabled){filter:brightness(1.06)}.online-finish-actions button:disabled,.three-player-new-match-action button:disabled{filter:grayscale(.35) brightness(.84);opacity:.78}.online-rematch-prompt,.online-new-match-search{min-width:min(520px,calc(var(--board-stage-w) - var(--board-edge) * 2));padding:clamp(10px,calc(var(--board-ui-unit) * 1.1),16px);border-radius:8px;color:#301706;background:#f5d28ef0;box-shadow:0 10px 22px #260e0259}.online-rematch-prompt{display:grid;text-align:center}.online-rematch-prompt div{display:flex;justify-content:center;gap:var(--board-hud-gap)}.online-new-match-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;text-align:left}.online-new-match-pulse{display:grid;width:clamp(12px,calc(var(--board-ui-unit) * 1.2),20px);height:clamp(12px,calc(var(--board-ui-unit) * 1.2),20px);align-self:center;place-items:center;border:2px solid #fff0a5;border-radius:999px;background:#55b46a;box-shadow:0 0 0 4px #55b46a3d;animation:online-new-match-pulse 1.25s ease-out infinite}@keyframes online-new-match-pulse{70%,to{box-shadow:0 0 0 12px #55b46a00}}@keyframes board-emote-pop{0%{opacity:0;transform:translateY(14px) scale(.72)}22%{opacity:1;transform:translateY(0) scale(1.12)}to{opacity:0;transform:translateY(-46px) scale(1)}}.board-chat-hud{position:absolute;z-index:2;left:18px;right:auto;bottom:18px;width:min(420px,34vw);gap:8px;border:none;border-radius:20px;color:var(--ui-ink);background:var(--gui-chat) center / 100% 100% no-repeat;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.board-chat-hud.expanded{width:min(520px,40vw)}.board-chat-minimized{position:absolute;z-index:2;left:18px;right:auto;bottom:18px;width:var(--board-hud-button);height:var(--board-hud-button);font-size:1.08rem;pointer-events:auto}.chat-title{display:flex;align-items:center;justify-content:space-between;color:var(--ui-ink);font-weight:800}.chat-actions{display:flex;gap:6px}.hud-icon-button,.hud-minimized-button{width:var(--board-hud-button);height:var(--board-hud-button);font-size:1rem}.chat-feed{display:grid;gap:4px;min-height:70px;max-height:70px;overflow-x:hidden;overflow-y:auto;color:var(--ui-ink);font-size:.84rem;scrollbar-width:thin;scrollbar-gutter:stable}.board-chat-hud.expanded .chat-feed{min-height:150px;max-height:220px}.chat-feed p{margin:0;padding:5px 8px;border-radius:12px;background:transparent;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.chat-empty{color:var(--ui-ink-soft)}.chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px}.chat-input-row input{min-width:0;height:34px;border:none;border-radius:999px;padding:0 12px;color:var(--ui-ink);font:inherit;background:var(--gui-input) center / 100% 100% no-repeat;outline:none}.chat-input-row input:focus{border-color:transparent;filter:brightness(1.06)}.chat-input-row button{width:34px;height:34px}.board-history-hud .move-history-panel{max-height:inherit;border-color:transparent;background:url(/assets/ui/gui/gui-037-panel-parchment-wide.webp) center / 100% 100% no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none}.three-player-history-hud .move-history-panel{--three-player-history-close-size: clamp(30px, 2.4vw, 42px);display:flex;flex-direction:column;min-height:0;overflow:hidden;height:100%}.three-player-history-hud .history-content-area{flex:1 1 auto;min-height:0;overflow:hidden;padding-left:9%;padding-right:7%;padding-bottom:calc(var(--board-hud-icon, 52px) * .86)}.three-player-history-hud .history-lines-expanded{flex:1 1 auto;min-height:0;overflow-y:scroll;padding-right:10px;padding-bottom:2px;scroll-padding-bottom:2px;scrollbar-width:thin}.three-player-history-hud:has(.move-history-icon-trigger) .move-history-icon-trigger{position:static;z-index:2;display:block;width:var(--board-hud-icon);height:var(--board-hud-icon);min-width:var(--board-hud-icon);min-height:var(--board-hud-icon)}.three-player-history-hud .move-history-header{min-height:calc(var(--three-player-history-close-size) * 1.15);padding-inline:18%;padding-top:calc(var(--three-player-history-close-size) * .5)}.three-player-history-hud .history-actions{top:10px!important;right:8px!important;width:var(--three-player-history-close-size);height:var(--three-player-history-close-size)}.three-player-history-hud .history-btn-close{display:block;flex:0 0 var(--three-player-history-close-size);width:var(--three-player-history-close-size);height:var(--three-player-history-close-size)!important;min-height:var(--three-player-history-close-size);opacity:1;filter:drop-shadow(0 2px 3px rgba(55,23,4,.5))}.board-history-hud .history-actions{top:clamp(8px,calc(var(--board-ui-unit) * .9),14px);right:clamp(8px,calc(var(--board-ui-unit) * .9),14px);z-index:12}.board-history-hud .history-btn-close{display:block;width:clamp(28px,calc(var(--board-ui-unit) * 3.1),44px);height:clamp(28px,calc(var(--board-ui-unit) * 3.1),44px);background-image:url(/assets/game-ui/history-ui/icon-007-close.webp)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;filter:drop-shadow(0 2px 3px rgba(55,23,4,.42));opacity:1}.board-history-hud:has(.move-history-icon-trigger){z-index:8;top:auto;bottom:calc(var(--board-top-gap) + ((var(--board-hud-button) - var(--board-hud-icon)) * .5));left:calc(var(--board-side-inset) + var(--board-hud-button) + var(--board-hud-gap) - (var(--board-hud-button) * .21) - 20px);width:var(--board-hud-icon);height:var(--board-hud-icon);max-height:var(--board-hud-icon)}.move-history-icon-trigger{width:52px!important;height:52px!important;background:url(/assets/game-ui/history-ui/history-icon_.webp) center / 100% 100% no-repeat!important;border:none!important;cursor:pointer;pointer-events:auto;box-shadow:none!important;display:block}.move-history-panel{background:url(/assets/ui/lobby/lobby-mode-panel-half.webp) center / 100% 100% no-repeat!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;padding:24px 20px 16px!important;color:#301706;position:relative;box-sizing:border-box;pointer-events:auto}.move-history-panel.level2{width:100%!important;height:100%!important;max-height:inherit!important}.move-history-header{display:flex;justify-content:center;align-items:center;margin-bottom:0;padding-top:calc(var(--board-hud-icon) * .42);text-align:center}.move-history-header .panel-title{color:#301706!important;font-weight:900!important;font-size:clamp(.9rem,calc(var(--board-ui-unit) * 1.22),1.16rem);margin:0 auto 0 10%;width:calc(90% - (var(--board-hud-icon) + 12px));text-align:center}.panel-title-spacer{height:20px}.history-actions{display:flex;gap:var(--board-hud-gap, 4px);position:absolute;top:2px;right:4px;z-index:5}.history-btn-action{width:var(--board-hud-icon);height:var(--board-hud-icon);border:none!important;padding:0!important;background-color:transparent!important;cursor:pointer;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;box-shadow:none!important}.history-btn-close{background-image:url(/assets/game-ui/history-ui/icon-007-close.webp)!important}.history-content-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin-top:2px;padding-left:10%;padding-bottom:calc(var(--board-hud-icon) * .36);box-sizing:border-box}.history-room-info-row{margin-bottom:6px;font-weight:900;color:#5d3412}.history-lines-compact,.history-lines-expanded{scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(83,42,12,.68) rgba(91,49,16,.12);flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:.82rem;padding-bottom:calc(var(--board-hud-icon) * .24);scroll-padding-bottom:calc(var(--board-hud-icon) * .24);box-sizing:border-box}.history-lines-compact::-webkit-scrollbar{width:6px;background:#5b311029}.history-lines-compact::-webkit-scrollbar-track{border-radius:999px;background:#5b311033}.history-lines-compact::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(255,225,160,.45);background:#532a0ceb}.history-lines-expanded::-webkit-scrollbar{width:6px;background:#5b311029}.history-lines-expanded::-webkit-scrollbar-track{border-radius:999px;background:#5b311033}.history-lines-expanded::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(255,225,160,.45);background:#532a0ceb}.history-line{display:flex;gap:8px;align-items:flex-start}.history-line .safe-text-box{background:transparent!important;color:#301706!important;font-weight:800!important;padding:0!important;border:none!important}.history-line .history-notation{flex:1;min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.game-paper-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:24px;background:#1c0c0457;pointer-events:auto}.game-paper-dialog{position:relative;width:min(620px,82vw);min-height:360px;display:grid;align-content:center;gap:22px;padding:82px 82px 70px;color:#2f1505;background:url(/assets/game-ui/paper_panel_1254x1247.webp) center / 100% 100% no-repeat;font-family:Noto Sans,Be Vietnam Pro,sans-serif;font-weight:900;text-align:center;filter:drop-shadow(0 16px 22px rgba(28,12,4,.42))}.game-paper-dialog.rules-dialog{width:min(760px,88vw);max-height:min(720px,84vh);grid-template-rows:auto minmax(0,1fr);align-content:start;gap:16px;overflow:hidden;border:5px solid #7d481c;border-radius:8px;outline:2px solid rgba(255,226,154,.86);outline-offset:-10px;padding:24px 54px 36px;background:#f2d492;box-shadow:0 18px 36px #1c0c047a,inset 0 0 0 12px #80491924,inset 0 0 34px #68360d38;filter:none}.game-paper-dialog p{margin:0;font-size:20px;line-height:1.35}.game-paper-dialog-close{position:absolute;top:46px;right:48px;width:44px;height:44px;border:0;padding:0;background:transparent;cursor:pointer}.game-paper-dialog-close img{width:100%;height:100%;object-fit:contain}.game-paper-dialog.rules-dialog .game-paper-dialog-close{top:8px;right:8px;z-index:2;width:48px;height:48px}.game-paper-dialog-actions{display:grid;grid-template-columns:repeat(2,150px);justify-content:center;gap:18px}.game-paper-dialog-actions button{height:56px;border:0;color:#fff4ca;background:url(/assets/game-ui/main-button.webp) center / 100% 100% no-repeat;cursor:pointer;font:inherit;font-size:22px;text-shadow:0 2px 0 rgba(54,25,5,.92)}.game-paper-dialog-actions .confirm-button-primary,.game-paper-dialog-actions .confirm-button-cancel{height:56px;min-width:150px;font-size:22px}.game-rules-copy{min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;padding:4px 18px 10px 4px;text-align:left;scrollbar-color:rgba(92,47,14,.78) rgba(113,67,24,.14);scrollbar-width:thin}.game-rules-title{margin:0;padding:0 54px;color:#4a2409;font-family:Noto Sans,Be Vietnam Pro,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:900;line-height:1;text-align:center;text-shadow:0 2px 0 rgba(255,233,170,.95),0 4px 5px rgba(77,36,7,.22)}.game-rules-copy p{margin:0;font-size:clamp(12px,1.45vw,15px);line-height:1.34;white-space:pre-wrap;font-weight:700}.game-rules-copy p+p{margin-top:12px}.game-rules-copy .oaq-rules-notation{display:grid;gap:10px;margin:2px 0 14px;padding:12px;border:2px solid rgba(126,73,25,.28);border-radius:14px;background:#fff6d57a}.game-rules-copy .oaq-rules-notation-board{display:flex;justify-content:center;align-items:center;width:100%;height:110px}.game-rules-copy .oaq-rules-notation-board svg{height:100%;width:auto;max-width:100%;filter:drop-shadow(0 3px 8px rgba(58,29,8,.15))}.game-rules-copy .oaq-2p-notation-frame{fill:#ffeeb81f;stroke:#6738115c;stroke-width:3px}.game-rules-copy .oaq-2p-cell{fill:#ffeeb8d1;stroke:#6738117a;stroke-width:2.5px;stroke-linejoin:round;transition:fill .15s ease}.game-rules-copy .oaq-2p-cell:hover{fill:#fff6d5f5}.game-rules-copy .oaq-2p-cell-label{font-family:inherit;font-size:20px;font-weight:950;fill:#321505;text-shadow:0 1px 0 rgba(255,250,220,.9);pointer-events:none;-webkit-user-select:none;user-select:none}.game-rules-copy .oaq-rules-notation-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:14px 0 0}.game-rules-copy .oaq-rules-notation-legend div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px}.game-rules-copy .oaq-rules-notation-legend dt{color:#321505;font-size:16px;font-weight:950;font-family:inherit}.game-rules-copy .oaq-rules-notation-legend dd{margin:0;color:#4b260d;font-size:clamp(11px,1.25vw,13px);font-weight:800;line-height:1.35;font-family:inherit}.board-host,.board-canvas{display:block;aspect-ratio:16 / 9;contain:layout paint size}.board-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.three-player-board-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--three-player-background) center / cover no-repeat}.three-player-board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.three-player-board-frame{position:absolute;left:50%;top:calc(50% + 28px);width:min(70vw,calc((100vh - 130px) * 950 / 807));aspect-ratio:950 / 807;transform:translate(-50%,-50%)}.three-player-animation-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.three-player-board-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.three-player-pit{--pit-x: 50%;--pit-y: 50%;--pit-size: 10%;position:absolute;left:var(--pit-x);top:var(--pit-y);width:var(--pit-size);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.three-player-pit.is-selectable{cursor:pointer}.three-player-pit.is-side-dan{pointer-events:none}.three-player-stone{--stone-x: 50%;--stone-y: 50%;--stone-rotation: 0deg;position:absolute;left:var(--stone-x);top:var(--stone-y);z-index:3;width:clamp(10px,.9vw,16px);height:auto;transform:translate(-50%,-50%) rotate(var(--stone-rotation));filter:drop-shadow(0 2px 2px rgba(35,18,4,.65));pointer-events:none}.three-player-stone.is-quan{width:clamp(34px,3.2vw,56px);z-index:2}.three-player-stone.is-in-quan-pit{z-index:4}.three-player-stone.is-refill-drop{z-index:10;animation:three-player-refill-stone-drop .14s ease-out both}.three-player-stone-drop{z-index:10;width:clamp(14px,1.25vw,22px);filter:drop-shadow(0 8px 7px rgba(45,22,4,.45));animation:three-player-stone-drop .76s ease-out both}.three-player-stone-drop-ring{--stone-x: 50%;--stone-y: 50%;position:absolute;left:var(--stone-x);top:var(--stone-y);z-index:9;width:clamp(28px,2.4vw,44px);aspect-ratio:1;border-radius:999px;border:2px solid rgba(255,211,88,.95);background:#ffc0392e;box-shadow:0 0 0 2px #5a2d0638,0 0 16px #ffbe2d75;transform:translate(-50%,-50%);pointer-events:none;animation:three-player-stone-drop-ring .76s ease-out both}.three-player-pit-hit-areas,.three-player-side-debug-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.three-player-pit-hit-areas{z-index:6;pointer-events:none}.three-player-pit-hit-area{fill:#fff0;pointer-events:none}.three-player-pit-hit-area.is-selectable{cursor:pointer;pointer-events:all}.three-player-side-debug-overlay{z-index:14;pointer-events:none}.three-player-side-debug-polygon{fill:#ff2c2c14;stroke:#ff2c2ce6;stroke-width:3px}.three-player-side-debug-safe{fill:#15d65b14;stroke:#15d65bf2;stroke-width:2px}.three-player-side-debug-slot{fill:#ffd626f2;stroke:#452102db;stroke-width:1.5px}.three-player-side-debug-slot-radius{fill:#ffd62624;stroke:#ffd6268c;stroke-width:1.25px}.three-player-side-debug-outer-edge{stroke:#2084fffa;stroke-width:5px}.three-player-side-debug-counter-vector{stroke:#ffd626d1;stroke-width:2px;stroke-dasharray:7 5}.three-player-side-debug-counter-anchor{fill:#ffd626fa;stroke:#452102e6;stroke-width:2px}@keyframes three-player-stone-drop-ring{0%{opacity:.95;scale:.62}to{opacity:0;scale:1.25}}@keyframes three-player-stone-drop{0%{opacity:0}to{opacity:1}}@keyframes three-player-refill-stone-drop{0%{opacity:0;transform:translate(-50%,-180%) rotate(var(--stone-rotation))}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--stone-rotation))}}.three-player-capture-burst{--burst-x: 50%;--burst-y: 50%;position:absolute;left:var(--burst-x);top:var(--burst-y);z-index:7;width:clamp(32px,3vw,54px);aspect-ratio:1;border:clamp(3px,.28vw,5px) solid rgba(255,222,96,.9);border-radius:50%;background:radial-gradient(circle,rgba(255,239,157,.52),rgba(255,169,35,.06) 64%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:three-player-capture-burst .76s ease-out both}@keyframes three-player-capture-burst{0%{opacity:.95;scale:.48}to{opacity:0;scale:1.8}}.three-player-counter{--counter-x: 50%;--counter-y: 50%;position:absolute;left:var(--counter-x);top:var(--counter-y);min-width:clamp(30px,2.55vw,52px);height:clamp(22px,1.9vw,36px);padding:0 8px;display:grid;place-items:center;border:2.5px solid rgba(255,209,102,.88);border-radius:8px;background:#241307db;color:#ffe8bd;font-size:clamp(13px,1.08vw,21px);font-weight:800;line-height:1;transform:translate(-50%,-50%);box-shadow:0 3px 7px #1b0d0375;text-shadow:0 1px 0 rgba(38,16,3,.9);pointer-events:none}.three-player-counter.is-quan{min-width:clamp(38px,3.15vw,64px)}.three-player-turn-arrow{--turn-rotation: 180deg;position:absolute;left:50%;top:53%;width:17%;height:17%;transform:translate(-50%,-50%) rotate(var(--turn-rotation));transform-origin:center;transition:transform .32s linear;pointer-events:none;z-index:4}.three-player-turn-arrow-shaft{position:absolute;left:50%;top:28%;width:10%;height:48%;border:2px solid #5a2809;border-radius:999px;background:linear-gradient(90deg,#8c430f,#f1bb51 48%,#7c3508);transform:translate(-50%);box-shadow:0 2px 6px #2a12038c}.three-player-turn-arrow-head{position:absolute;left:50%;top:3%;width:0;height:0;border-left:clamp(10px,1.15vw,20px) solid transparent;border-right:clamp(10px,1.15vw,20px) solid transparent;border-bottom:clamp(20px,2.1vw,38px) solid #d98217;filter:drop-shadow(0 2px 1px #4b2106);transform:translate(-50%)}.three-player-turn-arrow-pin{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border:3px solid #5a2809;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe89a,#b86412 62%,#562306);transform:translate(-50%,-50%)}:where(.three-player-direction-picker,.four-player-direction-picker){--multiplayer-direction-y-shift: clamp(10px, 1.15vw, 30px);--multiplayer-direction-left-fill: rgba(92, 174, 197, .76);--multiplayer-direction-left-fill-active: rgba(107, 190, 208, .88);--multiplayer-direction-right-fill: rgba(201, 95, 107, .76);--multiplayer-direction-right-fill-active: rgba(214, 106, 117, .88);--multiplayer-direction-stroke: rgba(69, 33, 2, .32);--multiplayer-direction-stroke-active: rgba(255, 235, 170, .62);--multiplayer-direction-label: #fff7d3}.three-player-direction-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.three-player-direction-picker button{--direction-x: 50%;--direction-y: 50%;position:absolute;left:var(--direction-x);top:calc(var(--direction-y) + var(--multiplayer-direction-y-shift));width:var(--direction-button-width);aspect-ratio:1.85 / 1;display:grid;place-items:center;border:clamp(2px,.2vw,3px) solid var(--multiplayer-direction-stroke);border-radius:999px;padding:0;color:var(--multiplayer-direction-label);font-size:clamp(20px,1.98vw,37px);font-weight:900;line-height:1;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px 5px rgba(37,17,3,.48))}.three-player-direction-picker button:first-child{background:var(--multiplayer-direction-left-fill)}.three-player-direction-picker button:last-child{background:var(--multiplayer-direction-right-fill)}.three-player-direction-picker button:hover,.three-player-direction-picker button:focus-visible{border-color:var(--multiplayer-direction-stroke-active);filter:brightness(1.08) drop-shadow(0 5px 6px rgba(37,17,3,.52))}.three-player-direction-picker button:first-child:hover,.three-player-direction-picker button:first-child:focus-visible{background:var(--multiplayer-direction-left-fill-active)}.three-player-direction-picker button:last-child:hover,.three-player-direction-picker button:last-child:focus-visible{background:var(--multiplayer-direction-right-fill-active)}.three-player-animation-hand{--hand-x: 50%;--hand-y: 50%;position:absolute;left:var(--hand-x);top:var(--hand-y);z-index:8;width:clamp(52px,5.2vw,94px);height:auto;transform:translate(-52%,-76%) rotate(-10deg);pointer-events:none;filter:drop-shadow(0 5px 5px rgba(35,15,3,.46));animation:three-player-hand-step .19s ease-out both}.three-player-animation-hand.is-drop{transform:translate(-50%,-70%) rotate(8deg)}.three-player-animation-hand.is-carry{transform:translate(-50%,-76%) rotate(-16deg)}.three-player-animation-hand.is-take{transform:translate(-50%,-72%) rotate(-4deg)}@keyframes three-player-hand-step{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@media(max-aspect-ratio:1.65/1){.three-player-board-frame{width:min(72vw,calc((100vh - 112px) * 950 / 807));left:50.5%}}.three-player-preview-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--gui-panel: url(/assets/game-ui/score-board.webp);--gui-panel-wood: url(/assets/game-ui/notification-panel.webp);--gui-button-secondary: url(/assets/game-ui/main-button.webp);--gui-button-primary: url(/assets/game-ui/main-button.webp);--gui-button-danger: url(/assets/game-ui/main-button.webp);font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;color:#3a210f;--board-stage-w: 100vw;--board-stage-h: 100dvh;--board-ui-unit: min(calc(var(--board-stage-w) * .01), calc(var(--board-stage-h) * .01778));--board-edge: clamp(6px, calc(var(--board-ui-unit) * .95), 18px);--board-top-gap: clamp(5px, calc(var(--board-ui-unit) * .74), 14px);--board-hud-gap: clamp(3px, calc(var(--board-ui-unit) * .42), 8px);--board-hud-button: clamp(35px, calc(var(--board-ui-unit) * 4.68), 82px);--board-right-inset: var(--board-edge);--board-status-half: clamp(142px, calc(var(--board-ui-unit) * 14.5), 252px);--board-status-h: clamp(48px, calc(var(--board-ui-unit) * 4.9), 92px)}.three-player-notice-panel{position:absolute;top:6px;left:50%;z-index:10;width:min(calc(var(--board-status-half) * 2.55),calc(100vw - 80px));height:var(--board-status-h);min-height:0;box-sizing:border-box;display:grid;align-content:center;justify-items:center;gap:1px;padding:clamp(8px,.58vw,11px) clamp(42px,3.2vw,66px) clamp(9px,.62vw,12px);background:var(--gui-panel-wood) center / 100% 100% no-repeat;color:#3a210f;line-height:1.14;text-shadow:0 1px 0 rgba(255,238,184,.86);transform:translate(-50%);text-align:center}.three-player-notice-title{max-width:100%;overflow:hidden;padding-bottom:1px;font-size:clamp(.86rem,calc(var(--board-ui-unit) * 1.25),1.45rem);font-weight:900;line-height:1.14;text-overflow:ellipsis;white-space:nowrap}.three-player-notice-detail{max-width:100%;overflow:hidden;color:#5b2f10;padding-bottom:1px;font-size:clamp(9px,.62vw,12px);font-weight:800;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.three-player-tools{position:absolute;top:var(--board-top-gap);right:var(--board-right-inset);gap:38px;z-index:12;display:flex}.three-player-tools .board-animation-speed-controls{width:clamp(34px,3vw,54px);height:auto;aspect-ratio:1}.three-player-tools button{width:clamp(34px,3vw,54px);aspect-ratio:1;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 3px 3px rgba(49,18,3,.55))}.three-player-tools button img,.three-player-tools .asset-icon{width:100%;height:100%;object-fit:contain}.three-player-emote-burst{z-index:16;right:auto;bottom:auto;width:clamp(55px,6.25vw,94px);height:clamp(55px,6.25vw,94px)}.three-player-emote-burst.is-bottom{right:clamp(42px,4.2vw,72px);bottom:clamp(44px,4.4vw,78px)}.three-player-emote-burst.is-top-left{left:clamp(44px,4vw,72px);top:clamp(100px,13vh,150px)}.three-player-emote-burst.is-top-right{right:clamp(44px,4vw,72px);top:clamp(100px,13vh,150px)}.three-player-light-dialog-backdrop,.game-light-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#1f0e0457}.three-player-light-dialog,.game-light-dialog{position:relative;display:grid;gap:12px;width:min(360px,calc(100vw - 36px));aspect-ratio:360 / 178;align-content:center;border:2px solid rgba(111,62,18,.72);border-radius:8px;padding:26px 24px 20px;color:#301706;background:#ffe9abf5;box-shadow:0 12px 34px #250f0357;text-align:center}.three-player-light-dialog strong,.game-light-dialog strong{font-size:1.24rem;font-weight:900}.three-player-light-dialog p,.game-light-dialog p{margin:0;color:#5a3518;font-weight:800;line-height:1.35}.three-player-light-dialog>div,.game-light-dialog>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three-player-light-dialog button,.game-light-dialog button{min-height:38px;border:1px solid rgba(85,42,12,.32);border-radius:6px;padding:0 14px;color:#fff7d3;font-weight:900;text-shadow:0 2px 2px rgba(45,18,2,.78);background:linear-gradient(180deg,#ffefb438,#ffefb400 38%),linear-gradient(180deg,#8d5523,#633312);box-shadow:inset 0 1px #fff5c752,0 3px #53270a80;cursor:pointer}.three-player-light-dialog button:last-child,.game-light-dialog button:last-child{color:#3a2110;text-shadow:0 1px 0 rgba(255,242,190,.62);background:linear-gradient(180deg,#fff8d559,#fff8d500 45%),linear-gradient(180deg,#f2d39a,#d6a756)}.three-player-light-dialog-close,.game-light-dialog-close{position:absolute;top:8px;right:8px;width:38px;height:38px;min-height:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0;color:#fff7d3;background:#744018;font-size:0;line-height:1;cursor:pointer}.three-player-light-dialog .three-player-light-dialog-close,.game-light-dialog .game-light-dialog-close{background:linear-gradient(180deg,#ffefb433,#ffefb400 40%),linear-gradient(180deg,#8d5523,#633312);box-shadow:inset 0 1px #fff5c747,0 2px #53270a7a}.three-player-light-dialog-close:before,.game-light-dialog-close:before{content:"×";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff7d3;font-size:24px;line-height:1;text-align:center}.three-player-seat{position:absolute;z-index:11;display:flex;align-items:center;gap:8px}.three-player-seat.is-top-left{top:clamp(76px,10vh,118px);left:18px}.three-player-seat.is-top-right{top:clamp(76px,10vh,118px);right:18px;flex-direction:row-reverse}.three-player-seat.is-bottom{right:18px;bottom:14px;flex-direction:row-reverse}.three-player-seat .board-avatar-menu{top:calc(100% + 8px);bottom:auto;z-index:18}.three-player-seat.is-top-left .board-avatar-menu{left:0}.three-player-seat.is-top-right .board-avatar-menu{right:0}.three-player-seat.is-bottom .board-avatar-menu{top:auto;right:0;bottom:calc(100% + 8px)}.three-player-avatar{width:clamp(72px,6.4vw,118px);aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;box-shadow:none}.three-player-seat.is-active .three-player-avatar{filter:drop-shadow(0 0 14px rgba(255,198,53,.92))}.three-player-avatar img{width:100%;height:100%;object-fit:contain}.three-player-new-match-action{display:flex;align-items:center;justify-content:center;margin-inline:clamp(3px,.55vw,10px);pointer-events:auto}.three-player-new-match-action button{height:clamp(34px,calc(var(--board-ui-unit) * 4),50px);min-width:clamp(104px,calc(var(--board-ui-unit) * 12.4),164px);font-size:clamp(13px,1vw,16px)}.three-player-score{width:clamp(96px,7.8vw,148px);min-height:clamp(82px,9.4vh,110px);position:relative;display:grid;grid-template-rows:minmax(25px,auto) minmax(28px,1fr) auto;place-items:center;row-gap:1px;padding:9px 8px;background:var(--gui-panel) center / 100% 100% no-repeat;text-align:center}.three-player-score strong,.three-player-score small{max-width:100%;overflow:hidden;color:#4a2109;font-size:clamp(11px,.85vw,15px);font-weight:800;line-height:1.12;text-shadow:0 1px 0 rgba(255,238,184,.86)}.three-player-score strong{display:-webkit-box;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.three-player-score small{text-overflow:ellipsis;white-space:nowrap}.three-player-score .score-delta{position:absolute;top:50%;right:clamp(8px,.8vw,14px);margin-left:0;transform:translateY(-50%)}.three-player-score b{color:#2d1305;font-size:clamp(25px,2.35vw,44px);font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,238,184,.88)}.three-player-chat-panel{position:absolute;z-index:10;padding:48px 22px 20px;background:var(--gui-panel) center / 100% 100% no-repeat}.three-player-rules-panel{position:absolute;left:50%;top:50%;z-index:30;width:clamp(440px,42vw,760px);max-height:min(78vh,680px);padding:54px 34px 30px;background:var(--gui-panel) center / 100% 100% no-repeat;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 22px rgba(31,13,3,.42))}.three-player-rules-panel h2{margin:0 0 12px;text-align:center;font-size:clamp(21px,1.55vw,30px)}.three-player-rules-panel>div{max-height:calc(min(78vh,680px) - 118px);overflow-y:auto;padding-right:8px}.three-player-rules-panel p{margin:0 0 12px;font-size:clamp(12px,1.45vw,15px);line-height:1.34;white-space:pre-wrap;font-weight:700}.three-player-rules-close{position:absolute;top:clamp(14px,1vw,20px);right:clamp(14px,1vw,20px);z-index:2;width:clamp(34px,2.6vw,48px);aspect-ratio:1;border:0;padding:0;background:url(/assets/game-ui/history-ui/icon-007-close.webp) center / 100% 100% no-repeat;cursor:pointer;filter:drop-shadow(0 3px 4px rgba(70,29,4,.35))}.three-player-chat-panel{right:0;top:31%;width:clamp(210px,16vw,305px);height:clamp(270px,41vh,420px);display:grid;grid-template-rows:auto 1fr auto}.three-player-chat-panel h2{margin:0 0 8px;font-size:clamp(17px,1.2vw,23px);line-height:1.15;text-align:center;white-space:normal}.three-player-chat-feed{overflow-y:auto;padding-right:5px}.three-player-chat-feed p{margin:0 0 9px;font-size:clamp(12px,.9vw,16px);line-height:1.4}.three-player-chat-input{display:grid;grid-template-columns:1fr 38px;gap:5px}.three-player-chat-input input{min-width:0;border:0;padding:8px 10px;background:var(--spectator-chat-input) center / 100% 100% no-repeat}.three-player-chat-input button{border:0;background:var(--spectator-chat-send) center / 100% 100% no-repeat;color:#4a260b;font-weight:900}@media(max-height:700px){.three-player-seat.is-top-right,.three-player-seat.is-top-left{top:72px}.three-player-seat.is-bottom{bottom:6px}.three-player-chat-panel{top:27%;height:320px}.three-player-chat-panel h2{font-size:16px}}.board-canvas{width:100%;height:100%}.board-host-loading{background:#161c1033}@media(orientation:landscape)and (min-width:941px){body{overflow:hidden}.app-shell{width:100vw;max-width:none;height:100vh;padding:0}.top-bar,.hero-card,.side-panel{display:none}.play-layout{grid-template-columns:1fr;height:100%;gap:0}.board-panel{height:100vh;min-height:0;border-radius:0}.board-history-hud,.board-status-hud,.board-score-hud,.board-chat-hud,.board-chat-minimized,.board-nav-hud,.board-tools-hud{display:grid}.board-history-hud{top:auto;bottom:-4px;left:-4px;width:min(210px,15.4vw);height:min(340px,44vh);max-height:min(340px,44vh)}.board-nav-hud{top:var(--board-top-gap);left:var(--board-side-inset)}.board-tools-hud,.board-chat-hud,.board-chat-minimized{bottom:18px;right:var(--board-right-inset)}.board-tools-hud{top:var(--board-top-gap);bottom:auto}}@media(orientation:landscape)and (min-width:1500px)and (min-height:900px){.board-panel{--board-score-w: clamp(132px, calc(var(--board-ui-unit) * 9.1), 170px);--board-status-half: clamp(184px, calc(var(--board-ui-unit) * 11.5), 220px);--board-status-h: clamp(48px, calc(var(--board-ui-unit) * 4.35), 74px)}.board-history-hud{top:auto;width:min(300px,15.8vw);height:min(430px,40vh);max-height:min(430px,40vh)}.board-history-hud:has(.move-history-icon-trigger){width:var(--board-hud-icon)}}@media(max-width:940px){.app-shell{padding:4px}.top-bar,.hero-card{display:none}.play-layout{grid-template-columns:1fr}.side-panel{grid-row:2;grid-template-columns:1fr 1fr}.board-panel{height:calc(100dvh - 8px);min-height:0;--board-score-w: clamp(52px, calc(var(--board-ui-unit) * 11.9), 92px);--board-status-half: clamp(84px, calc(var(--board-ui-unit) * 14.5), 142px);--board-status-h: clamp(34px, calc(var(--board-ui-unit) * 4.9), 48px);--board-hud-button: clamp(27px, calc(var(--board-ui-unit) * 4.68), 35px)}.shell-screen{min-height:100dvh;overflow:auto;padding:14px}.splash-card{grid-template-columns:1fr}.shell-actions{grid-column:auto}.home-screen{grid-template-rows:auto auto auto;padding-top:78px}.home-icon-rail{left:14px;right:14px;justify-content:flex-end}.home-hero{display:grid}.profile-badge{justify-self:start;grid-auto-flow:column;min-width:0}.home-action-grid{grid-template-columns:1fr}.home-action-card{min-height:0;grid-template-rows:auto auto auto}.home-footer{display:grid}.setup-choice-grid{grid-template-columns:1fr}.local-setup-actions{justify-content:stretch}}@media(min-width:941px)and (max-width:1180px){.home-action-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}.lobby-screen.home-screen{grid-template-rows:auto minmax(0,1fr);gap:16px;padding:24px;background:linear-gradient(180deg,#ffd68614,#230d0457),var(--lobby-bg) center / cover no-repeat}.lobby-screen .shell-backdrop{background:radial-gradient(circle at 50% 20%,rgba(255,235,166,.1),transparent 36%),linear-gradient(90deg,rgba(28,10,2,.22),transparent 28%,transparent 72%,rgba(28,10,2,.2))}.lobby-screen .lobby-header,.lobby-screen .lobby-body,.lobby-screen .lobby-footer{width:min(1720px,calc(100vw - 48px))}.lobby-screen .lobby-header{grid-template-columns:326px 760px 340px;gap:24px;align-items:center;justify-content:space-between}.lobby-screen .lobby-logo-panel{aspect-ratio:413 / 252;min-height:0;padding:50px 42px 42px;background:var(--lobby-panel-logo) center / contain no-repeat}.lobby-screen .lobby-logo-panel h1{font-size:clamp(2rem,2.2vw,2.75rem)}.lobby-screen .lobby-logo-panel span{max-width:230px;margin-top:8px;padding:0;color:#fff1bf;font-size:.72rem;background:none;text-shadow:0 2px 2px rgba(45,18,2,.88)}.lobby-screen .lobby-profile-panel{aspect-ratio:426 / 71;min-height:0;grid-template-columns:82px minmax(210px,1fr) 82px 82px;gap:18px;padding:12px 42px;border-radius:0;background:var(--lobby-panel-profile) center / 100% 100% no-repeat;box-shadow:none}.lobby-screen .lobby-avatar{width:82px;height:82px;background:url(/assets/ui/main-menu/lobby-avatar-frame-bamboo-round.webp) center / contain no-repeat;box-shadow:none}.lobby-screen .lobby-avatar .asset-icon{width:58px;height:62px;margin-top:6px}.lobby-screen .lobby-rank-medal,.lobby-screen .lobby-currency-icon{width:38px;height:38px;min-width:38px;background:none}.lobby-screen .lobby-rank-medal .asset-icon,.lobby-screen .lobby-currency-icon .asset-icon{width:38px;height:38px}.lobby-screen .lobby-rank-track{width:min(254px,100%);height:30px;background:#361c09d9}.lobby-screen .lobby-rank-track span{inset:0 auto 0 0;width:60%;background:var(--lobby-rank-bar) left center / auto 100% no-repeat}.lobby-screen .lobby-rank-track em{line-height:30px}.lobby-screen .lobby-quick-actions{grid-template-columns:repeat(4,1fr);gap:10px}.lobby-screen .lobby-round-action{min-width:0;color:#fff3c7;font-size:.76rem}.lobby-screen .lobby-round-icon{width:68px;height:68px;background:url(/assets/ui/main-menu/lobby-avatar-frame-wood-round.webp) center / contain no-repeat}.lobby-screen .lobby-round-icon .asset-icon{width:48px;height:48px}.lobby-screen .lobby-body{grid-template-columns:312px minmax(860px,1fr) 328px;gap:24px;align-items:start}.lobby-screen .lobby-sidebar{aspect-ratio:auto;gap:0;padding:62px 0 0;background:none}.lobby-screen .lobby-play-now{aspect-ratio:348 / 136;min-height:0;gap:12px;padding:0 18px;background:var(--lobby-button-primary) center / contain no-repeat}.lobby-screen .lobby-play-now .asset-icon{width:56px;height:58px}.lobby-screen .lobby-mode-panel,.lobby-screen .lobby-feature-panel{gap:0;padding:0;background:none}.lobby-screen .lobby-mode-panel h2{color:#fff3c7;letter-spacing:.08em}.lobby-screen .lobby-sidebar-button{aspect-ratio:302 / 107;min-height:0;grid-template-columns:54px minmax(0,1fr);gap:9px;margin-top:-6px;padding:10px 18px;background:var(--lobby-row-wood) center / contain no-repeat}.lobby-screen .lobby-sidebar-button .asset-icon{width:46px;height:46px}.lobby-screen .lobby-sidebar-button strong{color:#3a2414;font-size:.88rem}.lobby-screen .lobby-sidebar-button small{color:#7d2717}.lobby-screen .lobby-room-panel{position:relative;aspect-ratio:1525 / 800;margin-top:56px;min-height:0;overflow:visible;padding:86px 96px 70px;background:var(--lobby-panel-room) center / contain no-repeat}.lobby-screen .lobby-tabs{position:absolute;top:-48px;left:96px;right:96px;justify-content:center;gap:12px;padding:0;transform:none}.lobby-screen .lobby-tabs button{width:clamp(136px,9vw,158px);aspect-ratio:330 / 140;min-width:0;min-height:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:contain}.lobby-screen .lobby-tabs button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lobby-screen .lobby-tabs button.active{filter:drop-shadow(0 4px 2px rgba(45,18,2,.3)) brightness(1.05)}.lobby-screen .lobby-table-scroll{height:100%;padding:0 10px}.lobby-screen .lobby-room-table{min-width:0;color:#3a2414;font-size:clamp(.82rem,.8vw,.96rem);text-shadow:0 1px 0 rgba(255,238,190,.9),0 2px 2px rgba(0,0,0,.18)}.lobby-screen .lobby-room-table th,.lobby-screen .lobby-room-table td{height:38px;padding:0 8px;border-bottom-color:#5b371638}.lobby-screen .lobby-room-table th{color:#3a2414;font-size:.76rem}.lobby-screen .lobby-room-table td:first-child,.lobby-screen .lobby-room-table th:first-child{width:34%}.lobby-screen .lobby-room-table tbody tr:nth-child(n+8){display:none}.lobby-screen .lobby-friends-panel{aspect-ratio:337 / 681;gap:10px;padding:78px 30px 42px;background:var(--lobby-panel-friends) center / contain no-repeat}.lobby-screen .lobby-friends-panel h2{font-size:1.05rem}.lobby-screen .lobby-friends-list{gap:6px}.lobby-screen .lobby-friend-row{grid-template-columns:44px minmax(0,1fr) 52px;min-height:48px;gap:8px}.lobby-screen .lobby-friend-row:nth-child(n+8){display:none}.lobby-screen .lobby-friend-avatar{width:42px;height:42px;background:url(/assets/ui/main-menu/lobby-avatar-frame-bamboo-round.webp) center / contain no-repeat;box-shadow:none}.lobby-screen .lobby-friend-avatar .asset-icon{width:30px;height:34px}.lobby-screen .lobby-friend-action{min-width:50px;height:32px;color:#fff3c7;font-size:.7rem;background:var(--lobby-button-secondary) center / contain no-repeat}.lobby-screen .lobby-friend-action .asset-icon{width:24px;height:24px;margin:0 auto}.lobby-screen .lobby-show-all{aspect-ratio:348 / 136;min-height:0;background:var(--lobby-button-primary) center / contain no-repeat}.lobby-screen .lobby-footer{gap:8px}.lobby-screen .lobby-link-button{aspect-ratio:289 / 130;min-height:0;width:112px;padding:0 8px;font-size:.72rem;background:var(--lobby-button-secondary) center / contain no-repeat}@media(min-width:1181px)and (max-height:820px){.lobby-screen.home-screen{gap:8px;padding:10px 18px 8px}.lobby-screen .lobby-header,.lobby-screen .lobby-body,.lobby-screen .lobby-footer{width:min(1530px,calc(100vw - 36px))}.lobby-screen .lobby-header{grid-template-columns:286px 650px 300px;gap:18px}.lobby-screen .lobby-logo-panel{padding:42px 32px 32px}.lobby-screen .lobby-logo-panel h1{font-size:2.08rem}.lobby-screen .lobby-logo-panel span{max-width:200px;margin-top:5px;font-size:.62rem}.lobby-screen .lobby-profile-panel{grid-template-columns:68px minmax(190px,1fr) 70px 70px;gap:12px;padding:8px 34px}.lobby-screen .lobby-avatar{width:66px;height:66px}.lobby-screen .lobby-avatar .asset-icon{width:46px;height:50px}.lobby-screen .lobby-profile-main strong{font-size:1.15rem}.lobby-screen .lobby-rank-line{font-size:.84rem}.lobby-screen .lobby-rank-medal,.lobby-screen .lobby-currency-icon,.lobby-screen .lobby-rank-medal .asset-icon,.lobby-screen .lobby-currency-icon .asset-icon{width:30px;height:30px;min-width:30px}.lobby-screen .lobby-rank-track{height:24px}.lobby-screen .lobby-rank-track em{line-height:24px}.lobby-screen .lobby-currency{min-width:64px;gap:2px;font-size:.86rem}.lobby-screen .lobby-round-icon{width:58px;height:58px}.lobby-screen .lobby-round-icon .asset-icon{width:40px;height:40px}.lobby-screen .lobby-round-action{gap:2px;font-size:.68rem}.lobby-screen .lobby-body{grid-template-columns:230px minmax(620px,720px) 250px;gap:16px;justify-content:center}.lobby-screen .lobby-sidebar{padding-top:8px}.lobby-screen .lobby-play-now{gap:8px;padding:0 14px;font-size:1.02rem}.lobby-screen .lobby-play-now .asset-icon{width:44px;height:46px}.lobby-screen .lobby-mode-panel h2{margin:-1px 0 1px;font-size:.72rem}.lobby-screen .lobby-sidebar-button{grid-template-columns:36px minmax(0,1fr);gap:5px;margin-top:-18px;padding:8px 13px}.lobby-screen .lobby-sidebar-button .asset-icon{width:34px;height:34px}.lobby-screen .lobby-sidebar-button strong{font-size:.72rem}.lobby-screen .lobby-room-panel{margin-top:38px;padding:60px 66px 50px}.lobby-screen .lobby-tabs{top:-36px;left:58px;right:58px;gap:8px}.lobby-screen .lobby-tabs button{width:112px}.lobby-screen .lobby-room-table{font-size:.76rem}.lobby-screen .lobby-room-table th,.lobby-screen .lobby-room-table td{height:31px;padding:0 5px}.lobby-screen .lobby-room-table tbody tr:nth-child(n+7){display:none}.lobby-screen .lobby-friends-panel{gap:5px;padding:56px 22px 30px}.lobby-screen .lobby-friends-panel h2{font-size:.86rem}.lobby-screen .lobby-friend-row{grid-template-columns:36px minmax(0,1fr) 42px;min-height:40px;gap:6px}.lobby-screen .lobby-friend-row:nth-child(n+7){display:none}.lobby-screen .lobby-friend-avatar{width:34px;height:34px}.lobby-screen .lobby-friend-avatar .asset-icon{width:24px;height:28px}.lobby-screen .lobby-friend-meta strong{font-size:.76rem}.lobby-screen .lobby-friend-status{font-size:.62rem}.lobby-screen .lobby-friend-action{min-width:40px;height:26px;font-size:.6rem}.lobby-screen .lobby-show-all{font-size:.82rem}.lobby-screen .lobby-footer{gap:6px;margin-top:-6px}.lobby-screen .lobby-link-button{width:92px;font-size:.62rem}}@media(min-width:1181px)and (max-width:1540px){.lobby-screen.home-screen{gap:12px;padding:16px}.lobby-screen .lobby-header,.lobby-screen .lobby-body,.lobby-screen .lobby-footer{width:calc(100vw - 32px)}.lobby-screen .lobby-header{grid-template-columns:316px 650px 262px;gap:16px}.lobby-screen .lobby-logo-panel{padding:46px 36px 36px}.lobby-screen .lobby-logo-panel h1{font-size:2.2rem}.lobby-screen .lobby-logo-panel span{max-width:210px;font-size:.66rem}.lobby-screen .lobby-profile-panel{min-height:98px;grid-template-columns:76px minmax(180px,1fr) 76px 76px;gap:14px;padding:10px 20px;border-radius:24px}.lobby-screen .lobby-avatar{width:70px;height:70px}.lobby-screen .lobby-avatar .asset-icon{width:50px;height:54px}.lobby-screen .lobby-rank-medal,.lobby-screen .lobby-currency-icon,.lobby-screen .lobby-rank-medal .asset-icon,.lobby-screen .lobby-currency-icon .asset-icon{width:32px;height:32px;min-width:32px}.lobby-screen .lobby-rank-track{height:26px}.lobby-screen .lobby-rank-track em{line-height:26px}.lobby-screen .lobby-quick-actions{gap:6px}.lobby-screen .lobby-round-action{font-size:.68rem}.lobby-screen .lobby-round-icon{width:56px;height:56px}.lobby-screen .lobby-round-icon .asset-icon{width:40px;height:40px}.lobby-screen .lobby-body{grid-template-columns:286px minmax(680px,1fr) 260px;gap:16px}.lobby-screen .lobby-sidebar{gap:8px;padding:54px 0 0}.lobby-screen .lobby-play-now{gap:8px;padding:0 14px;font-size:1rem}.lobby-screen .lobby-play-now .asset-icon{width:48px;height:50px}.lobby-screen .lobby-sidebar-button{grid-template-columns:46px minmax(0,1fr);gap:7px;padding:8px 15px}.lobby-screen .lobby-sidebar-button .asset-icon{width:40px;height:40px}.lobby-screen .lobby-sidebar-button strong{font-size:.8rem}.lobby-screen .lobby-room-panel{margin-top:48px;padding:68px 66px 54px}.lobby-screen .lobby-tabs{top:-42px;left:70px;right:70px;gap:7px}.lobby-screen .lobby-tabs button{width:126px}.lobby-screen .lobby-table-scroll{overflow:hidden;padding:0 4px}.lobby-screen .lobby-room-table{font-size:.76rem}.lobby-screen .lobby-room-table th,.lobby-screen .lobby-room-table td{height:34px;padding:0 5px}.lobby-screen .lobby-room-table tbody tr:nth-child(n+7){display:none}.lobby-screen .lobby-friends-panel{gap:6px;padding:64px 24px 34px}.lobby-screen .lobby-friends-panel h2{font-size:.88rem}.lobby-screen .lobby-friend-row{grid-template-columns:38px minmax(0,1fr) 44px;min-height:42px;gap:6px}.lobby-screen .lobby-friend-row:nth-child(n+7){display:none}.lobby-screen .lobby-friend-avatar{width:36px;height:36px}.lobby-screen .lobby-friend-avatar .asset-icon{width:26px;height:30px}.lobby-screen .lobby-friend-meta strong{font-size:.78rem}.lobby-screen .lobby-friend-status{font-size:.64rem}.lobby-screen .lobby-friend-action{min-width:42px;height:28px;font-size:.62rem}.lobby-screen .lobby-show-all{font-size:.86rem}}@media(min-width:1181px)and (min-height:821px)and (max-height:980px){.lobby-screen.home-screen{gap:10px;padding:18px 24px}.lobby-screen .lobby-body{grid-template-columns:260px minmax(860px,1fr) 328px;gap:24px}.lobby-screen .lobby-sidebar{padding-top:18px}.lobby-screen .lobby-sidebar-button{grid-template-columns:42px minmax(0,1fr);margin-top:-18px;padding:8px 14px}.lobby-screen .lobby-sidebar-button .asset-icon{width:38px;height:38px}.lobby-screen .lobby-sidebar-button strong{font-size:.78rem}.lobby-screen .lobby-mode-panel h2{margin:0 0 3px;font-size:.76rem}}@media(min-width:1181px)and (max-width:1540px)and (min-height:821px)and (max-height:980px){.lobby-screen .lobby-body{grid-template-columns:230px minmax(620px,1fr) 248px;gap:14px;justify-content:center}.lobby-screen .lobby-sidebar{padding-top:10px}.lobby-screen .lobby-sidebar-button{grid-template-columns:36px minmax(0,1fr);gap:5px;margin-top:-18px;padding:8px 12px}.lobby-screen .lobby-sidebar-button .asset-icon{width:34px;height:34px}.lobby-screen .lobby-sidebar-button strong{font-size:.72rem}}@media(min-width:1181px)and (max-width:1540px)and (max-height:820px){.lobby-screen.home-screen{gap:8px;padding:10px 14px 8px}.lobby-screen .lobby-header,.lobby-screen .lobby-body,.lobby-screen .lobby-footer{width:calc(100vw - 28px)}.lobby-screen .lobby-header{grid-template-columns:286px 650px 260px;gap:12px}.lobby-screen .lobby-body{grid-template-columns:218px minmax(590px,690px) 238px;gap:14px;justify-content:center}.lobby-screen .lobby-sidebar{padding-top:4px}.lobby-screen .lobby-play-now{font-size:.98rem}.lobby-screen .lobby-sidebar-button{grid-template-columns:34px minmax(0,1fr);gap:5px;margin-top:-19px;padding:7px 12px}.lobby-screen .lobby-sidebar-button .asset-icon{width:32px;height:32px}.lobby-screen .lobby-sidebar-button strong{font-size:.7rem}.lobby-screen .lobby-room-panel{margin-top:36px;padding:58px 58px 46px}.lobby-screen .lobby-tabs{top:-34px;left:48px;right:48px;gap:6px}.lobby-screen .lobby-tabs button{width:104px}.lobby-screen .lobby-room-table{font-size:.72rem}.lobby-screen .lobby-room-table th,.lobby-screen .lobby-room-table td{height:29px}.lobby-screen .lobby-friends-panel{padding:54px 20px 28px}.lobby-screen .lobby-friend-row{grid-template-columns:34px minmax(0,1fr) 40px;min-height:38px}.lobby-screen .lobby-friend-avatar{width:32px;height:32px}.lobby-screen .lobby-friend-action{min-width:38px;height:25px}.lobby-screen .lobby-link-button{width:86px}}@media(max-width:1180px){.lobby-screen.home-screen{grid-template-rows:auto minmax(0,1fr) auto;padding:12px}.lobby-header{grid-template-columns:1fr}.lobby-profile-panel{grid-template-columns:auto minmax(160px,1fr) auto auto}.lobby-quick-actions{grid-template-columns:repeat(5,minmax(64px,1fr))}.lobby-body{grid-template-columns:minmax(190px,240px) minmax(560px,1fr);grid-template-areas:"sidebar rooms" "friends friends";overflow:auto}.lobby-sidebar{grid-area:sidebar}.lobby-room-panel{grid-area:rooms}.lobby-friends-panel{grid-area:friends;min-height:260px}.lobby-friends-list{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:760px){.lobby-profile-panel{grid-template-columns:auto minmax(0,1fr)}.lobby-currency{grid-auto-flow:column;justify-content:start}.lobby-body{grid-template-columns:1fr;grid-template-areas:"sidebar" "rooms" "friends"}.lobby-tabs{overflow-x:auto;padding:0 12px}.lobby-friends-list{grid-template-columns:1fr}}.lobby-screen.home-screen{width:100vw;height:100dvh;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;padding:0;gap:0;background:linear-gradient(180deg,#ffd68614,#230d0457),var(--lobby-bg) center / cover no-repeat}.lobby-screen.home-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 52%,rgba(255,232,171,.08),transparent 28%),linear-gradient(90deg,rgba(28,10,2,.2),transparent 24%,transparent 72%,rgba(28,10,2,.28));pointer-events:none}.lobby-stage-wrap{position:relative;z-index:1;overflow:visible}.lobby-stage{position:relative;width:1600px;height:900px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:visible;padding:18px 24px;transform:scale(var(--lobby-stage-scale, 1));transform-origin:top left}.lobby-screen .lobby-stage .shell-backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(255,235,166,.1),transparent 36%),linear-gradient(90deg,rgba(28,10,2,.22),transparent 28%,transparent 72%,rgba(28,10,2,.2))}.lobby-screen .lobby-stage .lobby-header,.lobby-screen .lobby-stage .lobby-body{position:relative;z-index:1;width:1552px;margin:0 auto}.lobby-screen .lobby-stage .lobby-header{display:grid;grid-template-columns:292px 842px 350px;gap:14px;align-items:center;justify-content:space-between}.lobby-screen .lobby-stage .lobby-logo-panel{aspect-ratio:413 / 226;min-height:0;padding:36px 30px 30px;background:var(--lobby-panel-logo) center / contain no-repeat}.lobby-screen .lobby-stage .lobby-logo-panel h1{font-size:1.92rem}.lobby-screen .lobby-stage .lobby-logo-panel span{max-width:226px;margin-top:6px;padding:0;color:#fff1bf;font-size:.6rem;background:none;text-shadow:0 2px 2px rgba(45,18,2,.88)}.lobby-screen .lobby-stage .lobby-profile-panel{aspect-ratio:426 / 61;min-height:0;grid-template-columns:64px minmax(180px,1fr) 72px 72px;gap:12px;padding:8px 18px;border-radius:0;background:var(--lobby-panel-profile) center / 100% 100% no-repeat;box-shadow:none}.lobby-screen .lobby-stage .lobby-avatar{width:60px;height:60px;background:url(/assets/ui/main-menu/lobby-avatar-frame-bamboo-round.webp) center / contain no-repeat;box-shadow:none}.lobby-screen .lobby-stage .lobby-avatar .asset-icon{width:44px;height:48px;margin-top:5px}.lobby-screen .lobby-stage .lobby-rank-medal,.lobby-screen .lobby-stage .lobby-currency-icon,.lobby-screen .lobby-stage .lobby-rank-medal .asset-icon,.lobby-screen .lobby-stage .lobby-currency-icon .asset-icon{width:32px;height:32px;min-width:32px;background:none}.lobby-screen .lobby-stage .lobby-rank-track{width:min(254px,100%);height:26px;background:#361c09d9}.lobby-screen .lobby-stage .lobby-rank-track span{inset:0 auto 0 0;width:60%;background:var(--lobby-rank-bar) left center / auto 100% no-repeat}.lobby-screen .lobby-stage .lobby-rank-track em{line-height:26px}.lobby-screen .lobby-stage .lobby-quick-actions{grid-template-columns:repeat(4,1fr);gap:4px;align-items:center;padding:10px 12px 8px;border:1px solid rgba(255,228,166,.22);border-radius:16px;background:#34190861;box-shadow:inset 0 1px #ffedba29,0 10px 18px #220d022e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lobby-screen .lobby-stage .lobby-round-action{min-width:0;color:#fff3c7;font-size:.72rem;text-shadow:0 2px 2px rgba(30,12,2,.72)}.lobby-screen .lobby-stage .lobby-round-icon{width:52px;height:52px;background:url(/assets/ui/main-menu/lobby-avatar-frame-wood-round.webp) center / contain no-repeat}.lobby-screen .lobby-stage .lobby-round-icon .asset-icon{width:38px;height:38px}.lobby-screen .lobby-stage .lobby-body{display:grid;grid-template-columns:280px minmax(912px,1fr) 320px;grid-template-areas:none;gap:18px;align-items:start;justify-content:center}.lobby-screen .lobby-stage .lobby-sidebar,.lobby-screen .lobby-stage .lobby-room-panel,.lobby-screen .lobby-stage .lobby-friends-panel{grid-area:auto}.lobby-screen .lobby-stage .lobby-sidebar{aspect-ratio:auto;align-self:stretch;gap:0;height:100%;padding:10px 0 0;background:none}.lobby-screen .lobby-stage .lobby-play-now{aspect-ratio:348 / 136;min-height:0;gap:8px;padding:0 14px;color:#fff8d9;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:1.12rem;letter-spacing:0;text-shadow:0 2px 0 rgba(40,86,19,.72),0 3px 4px rgba(15,33,7,.42);background:var(--lobby-button-primary) center / contain no-repeat}.lobby-screen .lobby-stage .lobby-play-now .asset-icon{width:48px;height:50px}.lobby-screen .lobby-stage .lobby-mode-panel,.lobby-screen .lobby-stage .lobby-feature-panel{gap:0;padding:0;background:none}.lobby-screen .lobby-stage .lobby-mode-panel h2{height:.76rem;margin:0 0 3px;color:#fff3c7;font-size:.76rem;letter-spacing:.08em;visibility:hidden}.lobby-screen .lobby-stage .lobby-sidebar-button{aspect-ratio:302 / 107;min-height:0;grid-template-columns:36px minmax(0,1fr);gap:5px;margin-top:-18px;padding:8px 12px;background:var(--lobby-row-wood) center / contain no-repeat}.lobby-screen .lobby-stage .lobby-sidebar-button .asset-icon{width:34px;height:34px}.lobby-screen .lobby-stage .lobby-sidebar-button strong{color:#2a1709;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:.9rem;font-weight:800;line-height:1;text-shadow:0 1px 0 rgba(255,229,155,.92),0 2px 2px rgba(83,45,11,.22)}.lobby-screen .lobby-stage .lobby-sidebar-button small{color:#8f2414;font-size:.7rem;font-weight:800;text-shadow:0 1px 0 rgba(255,226,159,.9)}.lobby-screen .lobby-stage .lobby-room-panel{position:relative;align-self:stretch;height:100%;aspect-ratio:auto;gap:8px;grid-template-rows:auto minmax(0,1fr);margin-top:0;min-height:0;overflow:visible;padding:96px 58px 44px;background:var(--lobby-panel-room) center / 100% 100% no-repeat}.lobby-screen .lobby-stage .lobby-room-actions{display:grid;grid-template-columns:1.18fr .9fr .72fr;gap:8px;min-width:0}.lobby-screen .lobby-stage .lobby-room-action,.lobby-screen .lobby-stage .lobby-room-row-action{border:0;color:#fff7d3;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-weight:800;letter-spacing:0;cursor:pointer;text-shadow:0 2px 2px rgba(26,54,9,.62);transition:transform .12s ease,filter .12s ease}.lobby-screen .lobby-stage .lobby-room-action:hover,.lobby-screen .lobby-stage .lobby-room-row-action:hover{transform:translateY(-1px);filter:brightness(1.08)}.lobby-screen .lobby-stage .lobby-room-action{min-width:0;height:40px;padding:0 12px;font-size:.82rem;background:var(--lobby-button-secondary) center / 100% 100% no-repeat}.lobby-screen .lobby-stage .lobby-room-action-primary{background-image:var(--lobby-button-primary)}.lobby-screen .lobby-stage .lobby-tabs{position:absolute;top:6px;left:70px;right:70px;justify-content:center;gap:7px;padding:0;transform:none}.lobby-screen .lobby-stage .lobby-tabs button{width:126px;height:42px;aspect-ratio:auto;min-width:0;min-height:0;border:1px solid rgba(94,57,17,.38);border-radius:10px;padding:0 8px;color:#2b1608;font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif;font-size:.78rem;font-weight:800;background:linear-gradient(180deg,#ffebaee0,#b27b33c7),var(--lobby-row-wood) center / 100% 100% no-repeat;box-shadow:inset 0 1px #fff7cfb8,0 3px 5px #35180433;text-shadow:0 1px 0 rgba(255,237,183,.9)}.lobby-screen .lobby-stage .lobby-tabs button span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.lobby-screen .lobby-stage .lobby-tabs button.active{color:#fff8db;background:linear-gradient(180deg,#659e3be6,#356e23e6),var(--lobby-button-primary) center / 100% 100% no-repeat;text-shadow:0 2px 2px rgba(20,45,12,.84)}.lobby-screen .lobby-stage .lobby-table-scroll{height:100%;overflow:hidden;padding:0 4px}.lobby-screen .lobby-stage .lobby-room-table{min-width:0;border-collapse:separate;border-spacing:0 4px;color:#211006;font-size:.78rem;font-weight:950;text-shadow:0 1px 0 rgba(255,242,198,.96),0 2px 2px rgba(74,38,8,.24)}.lobby-screen .lobby-stage .lobby-room-table th,.lobby-screen .lobby-stage .lobby-room-table td{height:31px;border-bottom:0;padding:0 6px}.lobby-screen .lobby-stage .lobby-room-table th{color:#160a03;font-size:.75rem;letter-spacing:0;text-shadow:0 1px 0 rgba(255,238,190,.98),0 2px 2px rgba(65,31,6,.28)}.lobby-screen .lobby-stage .lobby-room-table tbody td{background:#ffebb242}.lobby-screen .lobby-stage .lobby-room-table tbody tr:nth-child(2n) td{background:#fff7cf2e}.lobby-screen .lobby-stage .lobby-room-table tbody td:first-child{border-radius:10px 0 0 10px}.lobby-screen .lobby-stage .lobby-room-table tbody td:last-child{border-radius:0 10px 10px 0}.lobby-screen .lobby-stage .lobby-status-playing{color:#11721d;text-shadow:0 1px 0 rgba(237,255,205,.86),0 2px 2px rgba(6,39,8,.24)}.lobby-screen .lobby-stage .lobby-status-waiting{color:#9c3c10;text-shadow:0 1px 0 rgba(255,232,177,.9),0 2px 2px rgba(66,22,4,.22)}.lobby-screen .lobby-stage .lobby-room-table td:first-child,.lobby-screen .lobby-stage .lobby-room-table th:first-child{width:28%}.lobby-screen .lobby-stage .lobby-room-table th:last-child,.lobby-screen .lobby-stage .lobby-room-table td:last-child{width:86px}.lobby-screen .lobby-stage .lobby-room-table tbody tr:nth-child(n+7){display:table-row}.lobby-screen .lobby-stage .lobby-room-row-action{width:62px;height:25px;padding:0 6px;font-size:.68rem;background:var(--lobby-button-secondary) center / 100% 100% no-repeat}.lobby-screen .lobby-stage .lobby-room-row-action-join{background-image:var(--lobby-button-primary)}.lobby-screen .lobby-stage .lobby-friends-panel{width:320px;align-self:stretch;height:100%;aspect-ratio:auto;gap:6px;min-height:0;padding:64px 24px 34px;background:var(--lobby-panel-friends) center / 100% 100% no-repeat}.lobby-screen .lobby-stage .lobby-friends-panel h2{font-size:.88rem}.lobby-screen .lobby-stage .lobby-friends-list{grid-template-columns:1fr;gap:6px}.lobby-screen .lobby-stage .lobby-friend-row{grid-template-columns:38px minmax(0,1fr) 44px;min-height:42px;gap:6px;border:1px solid rgba(125,73,21,.14);border-radius:10px;padding:2px 4px;background:#fff1c63d}.lobby-screen .lobby-stage .lobby-friend-row:nth-child(2n){background:#fff9da29}.lobby-screen .lobby-stage .lobby-friend-row:nth-child(n+7){display:none}.lobby-screen .lobby-stage .lobby-friend-avatar{width:36px;height:36px;background:url(/assets/ui/main-menu/lobby-avatar-frame-bamboo-round.webp) center / contain no-repeat;box-shadow:none}.lobby-screen .lobby-stage .lobby-friend-avatar .asset-icon{width:26px;height:30px}.lobby-screen .lobby-stage .lobby-friend-meta strong{color:#2b1608;font-size:.8rem;text-shadow:0 1px 0 rgba(255,237,183,.9)}.lobby-screen .lobby-stage .lobby-friend-status{font-size:.66rem;font-weight:900;text-shadow:0 1px 0 rgba(255,237,183,.86)}.lobby-screen .lobby-stage .lobby-friend-status.online{color:#1e9b4b}.lobby-screen .lobby-stage .lobby-friend-status.playing{color:#b76a1d}.lobby-screen .lobby-stage .lobby-friend-status.offline{color:#8a7a62}.lobby-screen .lobby-stage .lobby-friend-action{min-width:42px;height:28px;color:#fff3c7;font-size:.62rem;background:var(--lobby-button-secondary) center / contain no-repeat}.lobby-screen .lobby-stage .lobby-friend-action .asset-icon{width:24px;height:24px;margin:0 auto}.lobby-screen .lobby-stage .lobby-show-all{aspect-ratio:348 / 136;min-height:0;font-size:.86rem;background:var(--lobby-button-primary) center / contain no-repeat}.online-room-layout{position:relative;z-index:1;width:100%;height:100vh;min-height:min(72vh,720px);display:block;overflow:hidden;border-radius:0}.online-room-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffde9014,#1308022e 72%),linear-gradient(180deg,#1c0d042e,#1c0d0457)}.online-room-info{position:absolute;z-index:4;top:10px;left:calc(var(--board-stage-left) + 112px);width:min(220px,calc(100% - 238px));min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-content:center;align-items:center;padding:6px 8px;border:none;border-radius:14px;color:var(--ui-cream);text-align:left;background:#261105b8;box-shadow:none;pointer-events:auto}.online-room-info .online-clock-panel{display:none}.online-room-info .eyebrow,.online-room-info h1,.online-room-info p,.online-room-info .error-text{grid-column:1;margin:0}.online-room-info .eyebrow{font-size:.52rem;letter-spacing:.13em}.online-room-info h1{color:#fff3c7;font-size:clamp(.82rem,1.12vw,1.06rem);line-height:1.05;text-shadow:0 2px 3px rgba(35,13,2,.74)}.online-room-info p{color:#f8ead1;font-size:.6rem;font-weight:800;line-height:1.15}.online-room-info .shell-secondary-button{grid-column:2;width:58px;min-height:24px;padding:0 8px;font-size:.58rem}.online-room-info .shell-secondary-button{grid-row:3}.online-room-info .error-text{color:#ffb5a7}.online-clock-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center;padding:4px;border:1px solid rgba(255,220,137,.22);border-radius:8px;background:#36180757}.online-clock{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;border-radius:7px;background:#ffecb11f;color:#fff3c7}.online-clock.active{background:#63992a57;box-shadow:inset 0 0 0 1px #a7da586b}.online-clock span{min-width:0;overflow:hidden;color:#f8ead1;text-overflow:ellipsis;white-space:nowrap}.online-clock strong{color:#fff3c7;font-variant-numeric:tabular-nums;font-size:.94rem}.online-clock-panel p{grid-column:1 / -1;margin:0;color:#f8ead1;font-size:.66rem;font-weight:800}.online-board-panel{position:relative;z-index:2;width:100%;height:100%;min-height:0;border-radius:inherit}.online-screen-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.online-room-screen .online-status-hud{width:min(calc(var(--board-status-half) * 2.55),calc(var(--board-stage-w) - (var(--board-edge) * 4)));min-width:0;padding:clamp(7px,calc(var(--board-ui-unit) * .74),14px) clamp(16px,calc(var(--board-ui-unit) * 2),38px)}.online-room-screen .online-status-hud strong{font-size:clamp(.82rem,calc(var(--board-ui-unit) * .9),1.32rem)}.online-room-screen .online-chat-hud{--online-chat-input-h: 44px;z-index:6;left:50%;right:auto;bottom:0;width:min(430px,34vw);height:min(300px,36vh);max-height:min(300px,36vh);display:grid;grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);gap:6px;border-radius:0;padding:10px 24px 14px!important;background:var(--spectator-chat-panel) center / 100% 100% no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;transform:translate(-50%)}.online-room-screen .online-chat-hud.expanded{width:min(500px,38vw)}.online-room-screen .online-chat-hud .chat-title{min-height:0;padding:0 6px;line-height:1.05}.online-room-screen .online-chat-hud .chat-title strong{font-size:15px}.online-room-screen .online-chat-hud .chat-feed{display:block;min-height:0;max-height:none;padding:0 10px 2px 6px;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(83,42,12,.68) rgba(91,49,16,.12)}.online-room-screen .online-chat-hud .chat-feed::-webkit-scrollbar{width:8px;background:#5b311029}.online-room-screen .online-chat-hud .chat-feed::-webkit-scrollbar-track{border-radius:999px;background:#5b311033}.online-room-screen .online-chat-hud .chat-feed::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(255,225,160,.45);background:#532a0ceb}.online-room-screen .online-chat-hud .chat-feed p{padding-right:6px;overflow-wrap:anywhere;word-break:break-word}.online-room-screen .online-chat-message{display:block;width:fit-content;max-width:calc(100% - 18px);margin:0 10px 6px 0;padding:3px 8px;line-height:1.28;white-space:normal}.online-room-screen .online-chat-message.is-self{margin-right:10px;margin-left:auto;text-align:right}.online-room-screen .online-chat-message.is-other{margin-right:auto;margin-left:0;text-align:left}.online-room-screen .online-chat-message.is-system{max-width:calc(100% - 10px);margin-right:auto;margin-left:auto;text-align:center;color:var(--ui-ink-soft)}.online-room-screen .online-chat-author{display:inline;margin-right:4px;font-weight:900;color:var(--ui-ink)}.online-room-screen .online-chat-body{overflow-wrap:anywhere;word-break:break-word}.online-room-screen .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);align-items:stretch;gap:7px;height:var(--online-chat-input-h);margin-top:2px}.online-room-screen .online-chat-hud .chat-input-row input{height:var(--online-chat-input-h);border-radius:0;padding:0 18px;background:var(--spectator-chat-input) center / 100% 100% no-repeat}.online-room-screen .online-chat-hud .chat-input-row button{width:var(--online-chat-input-h);min-width:var(--online-chat-input-h);height:var(--online-chat-input-h);background:var(--spectator-chat-send) center / 100% 100% no-repeat}.online-room-screen .online-chat-hud .chat-input-row button .asset-icon{display:none}.online-room-screen .online-chat-hud .online-chat-close-button{width:34px;height:34px;background:var(--spectator-chat-close) center / contain no-repeat}.online-room-screen .online-chat-hud .online-chat-close-button .asset-icon{display:none}.online-room-screen .online-chat-minimized{z-index:6;left:50%;right:auto;bottom:0;transform:translate(-50%)}.online-room-screen .online-chat-minimized .asset-icon{width:var(--board-hud-icon);height:var(--board-hud-icon)}.online-three-player-room .online-chat-hud{--online-chat-input-h: 44px;z-index:13;left:auto;right:clamp(10px,1.1vw,18px);top:clamp(184px,24vh,238px);bottom:auto;width:auto;height:clamp(270px,45vh,420px);max-height:calc(100dvh - clamp(184px,24vh,238px) - clamp(128px,17vh,168px));aspect-ratio:305 / 420;display:grid;grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);gap:6px;border-radius:0;padding:10px 24px 14px!important;background:var(--spectator-chat-panel) center / 100% 100% no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;transform:none}.online-three-player-room .online-chat-hud.expanded{width:auto}.online-three-player-room .online-chat-hud .chat-title{min-height:0;padding:0 6px;line-height:1.05}.online-three-player-room .online-chat-hud .chat-title strong{font-size:15px}.online-three-player-room .online-chat-hud .chat-feed{display:block;min-height:0;max-height:none;padding:0 10px 2px 6px;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(83,42,12,.68) rgba(91,49,16,.12)}.online-three-player-room .online-chat-hud .chat-feed p{padding-right:6px;overflow-wrap:anywhere;word-break:break-word}.online-three-player-room .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);align-items:stretch;gap:7px;height:var(--online-chat-input-h);margin-top:2px}.online-three-player-room .online-chat-hud .chat-input-row input{height:var(--online-chat-input-h);border-radius:0;padding:0 18px;background:var(--spectator-chat-input) center / 100% 100% no-repeat}.online-three-player-room .online-chat-hud .chat-input-row button{width:var(--online-chat-input-h);min-width:var(--online-chat-input-h);height:var(--online-chat-input-h);background:var(--spectator-chat-send) center / 100% 100% no-repeat}.online-three-player-room .online-chat-hud .chat-input-row button .asset-icon{display:none}.online-three-player-room .online-chat-hud .online-chat-close-button{width:34px;height:34px;background:var(--spectator-chat-close) center / contain no-repeat}.online-three-player-room .online-chat-hud .online-chat-close-button .asset-icon{display:none}.online-three-player-room .online-chat-minimized{z-index:13;left:auto;right:clamp(16px,1.4vw,24px);bottom:50%;transform:translateY(50%)}.online-three-player-room .online-chat-minimized .asset-icon{width:var(--board-hud-icon);height:var(--board-hud-icon)}.online-room-screen .online-score-hud{width:var(--board-score-w);padding:calc(var(--board-score-pad-y) * .56) var(--board-score-pad-x)}.online-room-screen .online-score-hud strong{font-size:clamp(1.04rem,calc(var(--board-ui-unit) * 2.38),2.55rem)}@media(orientation:landscape)and (max-height:930px){.online-room-screen .online-chat-hud.ui-safe-area{--online-chat-input-h: 40px;width:min(460px,34vw);height:min(250px,29vh);max-height:min(250px,29vh);grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);padding:8px 22px 12px!important}.online-room-screen .online-chat-hud.expanded{width:min(480px,36vw)}.online-room-screen .online-chat-hud .chat-feed{padding-right:8px}.online-room-screen .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);gap:5px;margin-top:1px}.online-room-screen .online-chat-hud .chat-input-row input{padding:0 15px}.online-three-player-room .online-chat-hud.ui-safe-area{--online-chat-input-h: 40px;width:auto;height:clamp(250px,42vh,390px);max-height:calc(100dvh - clamp(184px,24vh,238px) - clamp(128px,17vh,168px));grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);padding:8px 22px 12px!important}.online-three-player-room .online-chat-hud.expanded{width:auto}.online-three-player-room .online-chat-hud .chat-feed{padding-right:8px}.online-three-player-room .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);gap:5px;margin-top:1px}.online-three-player-room .online-chat-hud .chat-input-row input{padding:0 15px}}@media(orientation:landscape)and (max-height:820px){.board-panel{--board-top-gap: clamp(6px, 1.2vh, 10px);--board-score-w: clamp(70px, calc(var(--board-ui-unit) * 8.4), 142px);--board-status-half: clamp(132px, calc(var(--board-ui-unit) * 12.8), 238px);--board-status-h: clamp(45px, calc(var(--board-ui-unit) * 4.56), 76px);--board-hud-button: clamp(33px, calc(var(--board-ui-unit) * 4.02), 72px)}.board-status-hud{width:min(calc(var(--board-status-half) * 2.55),calc(var(--board-stage-w) - (var(--board-edge) * 4)));padding:clamp(6px,calc(var(--board-ui-unit) * .72),10px) clamp(16px,calc(var(--board-ui-unit) * 1.7),28px)}.board-score-hud{min-height:var(--board-score-h)}.board-history-hud{top:auto;bottom:0;left:0;width:min(210px,15.4vw);height:min(340px,44vh);max-height:min(340px,44vh)}.board-chat-hud{top:auto;bottom:12px;width:min(300px,24vw)}.board-chat-hud.ui-safe-area{padding:58px 30px 56px!important}.board-chat-hud.expanded{width:min(360px,28vw)}.online-room-screen .online-chat-hud.ui-safe-area{bottom:0;width:min(500px,38vw);height:min(240px,31vh);max-height:min(240px,31vh);padding:8px 22px 12px!important}.online-room-info{top:8px;width:190px;padding:5px 7px}.online-room-info h1{font-size:.76rem}.online-room-info p{font-size:.54rem}.online-room-info .shell-secondary-button{width:50px;min-height:22px;font-size:.52rem}.online-room-screen .online-status-hud{width:min(calc(var(--board-status-half) * 2.55),calc(var(--board-stage-w) - (var(--board-edge) * 4)));min-height:clamp(38px,calc(var(--board-ui-unit) * 3.8),62px);padding:clamp(6px,calc(var(--board-ui-unit) * .72),10px) clamp(16px,calc(var(--board-ui-unit) * 1.7),28px)}.online-room-screen .online-score-hud{min-height:var(--board-score-h)}.online-room-screen .online-chat-hud{width:min(300px,24vw)}.online-three-player-room .online-chat-hud.ui-safe-area{right:clamp(10px,1.1vw,18px);top:clamp(170px,23vh,210px);bottom:auto;width:auto;height:clamp(240px,40vh,360px);max-height:calc(100dvh - clamp(170px,23vh,210px) - clamp(112px,16vh,150px));padding:8px 22px 12px!important}.online-three-player-room .online-chat-hud{width:auto}}@media(orientation:landscape)and (max-height:760px){.board-panel{--board-score-w: clamp(64px, calc(var(--board-ui-unit) * 7.8), 124px);--board-status-half: clamp(122px, calc(var(--board-ui-unit) * 11.8), 214px);--board-status-h: clamp(40px, calc(var(--board-ui-unit) * 4.1), 60px)}.board-history-hud{width:min(190px,14vw);height:min(280px,39vh);max-height:min(280px,39vh)}.online-room-screen .online-chat-hud.ui-safe-area{--online-chat-input-h: 38px;left:50%;bottom:0;width:min(420px,32vw);height:min(220px,29vh);max-height:min(220px,29vh);grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);padding:7px 20px 11px!important}.online-room-screen .online-chat-hud.expanded{width:min(440px,34vw)}.online-room-screen .online-chat-hud .chat-title strong{font-size:13px}.online-room-screen .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);gap:4px;margin-top:1px}.online-room-screen .online-chat-hud .chat-input-row input{padding:0 14px}.online-three-player-room .online-chat-hud.ui-safe-area{--online-chat-input-h: 38px;left:auto;right:clamp(10px,1.1vw,18px);top:clamp(156px,23vh,184px);bottom:auto;width:auto;height:clamp(214px,39vh,300px);max-height:calc(100dvh - clamp(156px,23vh,184px) - clamp(98px,15vh,128px));grid-template-rows:auto minmax(0,1fr) var(--online-chat-input-h);padding:7px 20px 11px!important}.online-three-player-room .online-chat-hud.expanded{width:auto}.online-three-player-room .online-chat-hud .chat-title strong{font-size:13px}.online-three-player-room .online-chat-hud .chat-input-row{grid-template-columns:minmax(0,1fr) var(--online-chat-input-h);gap:4px;margin-top:1px}.online-three-player-room .online-chat-hud .chat-input-row input{padding:0 14px}.online-room-screen .online-status-hud strong{font-size:clamp(.76rem,calc(var(--board-ui-unit) * .72),1.12rem)}}.app-shell,.app-shell button,.app-shell input,.app-shell select,.app-shell textarea,.app-shell .safe-text-box,.app-shell h1,.app-shell h2,.app-shell h3,.app-shell strong,.app-shell .board-status-hud strong,.app-shell .game-paper-dialog{font-family:Noto Sans,Be Vietnam Pro,Segoe UI,sans-serif}.app-shell .safe-text-box,.app-shell p,.app-shell small,.app-shell span,.app-shell li{font-weight:600}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell strong,.app-shell button,.app-shell .board-status-hud strong{font-weight:800}.mail-popover-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:transparent}.mail-dialog-panel{position:absolute;--mail-panel-scale: var(--lobby-stage-scale, 1);top:calc(((100dvh - (1080px * var(--mail-panel-scale))) / 2) + (184px * var(--mail-panel-scale)));left:calc(((100vw - (1920px * var(--mail-panel-scale))) / 2) + (1256px * var(--mail-panel-scale)));display:grid;grid-template-rows:42px minmax(0,1fr);gap:8px;width:560px;aspect-ratio:741 / 755;box-sizing:border-box;padding:36px 40px 34px;color:#321505;background-position:center;background-repeat:no-repeat;background-size:100% 100%;filter:var(--lobby-panel-shadow);transform-origin:top left;animation:mail-popover-drop .14s ease-out both}@keyframes mail-popover-drop{0%{opacity:0;transform:translateY(-16px) scale(var(--mail-panel-scale)) scaleY(.88)}to{opacity:1;transform:translateY(0) scale(var(--mail-panel-scale)) scaleY(1)}}.mail-dialog-panel>h2{position:relative;z-index:1;align-self:center;margin:0;color:#321505;font-size:28px;font-weight:900;line-height:1;text-align:center;text-shadow:0 2px 0 rgba(255,238,176,.78)}.mail-dialog-list{position:relative;min-width:0;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:thin}.mail-dialog-list ul{display:grid;align-content:start;gap:8px;margin:0;padding:0;list-style:none}.mail-dialog-list li{min-width:0;display:grid;gap:6px}.mail-dialog-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;border:2px solid transparent;border-radius:5px;padding:8px 12px;color:#4a260e;font:inherit;text-align:left;background:#fff1c270;cursor:pointer}.mail-dialog-summary:hover,.mail-dialog-summary.is-selected{border-color:#718920cc;background:#ffe790c7;box-shadow:inset 0 0 0 2px #fff7c47a}.mail-dialog-summary>span{min-width:0;display:grid;gap:3px}.mail-dialog-summary strong{overflow:hidden;font-size:17px;font-weight:900;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.mail-dialog-summary em,.mail-dialog-summary time{color:#714417;font-size:14px;font-style:normal;font-weight:800;line-height:1.1}.mail-dialog-detail{display:grid;gap:12px;min-width:0;padding:13px 14px 14px;border:2px solid rgba(126,73,25,.26);border-radius:6px;background:#ffecb857}.mail-dialog-message h3{margin:0 0 7px;color:#321505;font-size:20px;font-weight:900;line-height:1.05}.mail-dialog-message p,.mail-dialog-empty{margin:0;color:#4a260e;font-size:16px;font-weight:800;line-height:1.38}.mail-dialog-empty{align-self:center;justify-self:center;padding:20px;text-align:center}.mail-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:10px}.mail-action-button{height:42px;border:0;padding:0 12px;color:#fff7d3;font-size:15px;font-weight:900;text-shadow:0 2px 2px rgba(45,18,2,.78);background:url(/assets/ui/settings-ui/main-button.webp) center / 100% 100% no-repeat;cursor:pointer}.mail-action-button.is-cancel{background-image:url(/assets/ui/pvp-mode-ui/cancel-button_.webp)}.mail-action-button:disabled{cursor:wait;filter:grayscale(.45);opacity:.68}@media(max-width:760px){.mail-dialog-panel{right:34px;width:500px;padding:34px 34px 30px}}.oaq-tutorial-home-prompt{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(820px,calc(100vw - 48px));padding:14px 16px;border:2px solid rgba(82,43,16,.48);border-radius:8px;background:#fff0c9f5;box-shadow:0 14px 30px #2815084d;color:#2a170c}.oaq-tutorial-home-prompt__copy{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0;white-space:nowrap}.oaq-tutorial-home-prompt__copy strong{flex:0 0 auto;font-size:1.02rem}.oaq-tutorial-home-prompt__copy span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.oaq-tutorial-home-prompt__actions{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,112px);gap:10px}.oaq-tutorial-home-prompt button{min-height:34px;border:0;border-radius:6px;padding:0 12px;background:#7a431c;color:#fff7d7;font-weight:800;cursor:pointer}.oaq-tutorial-home-prompt button:last-of-type{background:#2f6f38}.local-turn-order-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#26120561}.local-turn-order-dialog{display:grid;gap:18px;width:min(520px,calc(100vw - 48px));padding:26px 28px 28px;border:3px solid rgba(92,48,15,.72);border-radius:8px;background:#ffebb5fa;box-shadow:0 18px 42px #2412056b;color:#351807;text-align:center}.local-turn-order-dialog strong{font-size:clamp(1.28rem,2.2vw,2rem);font-weight:900;line-height:1.12}.local-turn-order-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px}.local-turn-order-options button{min-height:46px;border:0;border-radius:6px;padding:0 14px;background:#2f6f38;color:#fff8da;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:inset 0 -3px #15471e70}.local-turn-order-options button:hover{filter:brightness(1.06)}@media(max-width:760px){.oaq-tutorial-home-prompt{left:12px;right:12px;bottom:12px;width:auto;align-items:stretch;flex-direction:column;gap:10px}.oaq-tutorial-home-prompt__copy{justify-content:space-between;gap:12px}.oaq-tutorial-home-prompt__actions{grid-template-columns:repeat(2,1fr)}}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*){scrollbar-color:var(--oaq-scrollbar-thumb) var(--oaq-scrollbar-track)!important}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*)::-webkit-scrollbar-track{background:var(--oaq-scrollbar-track)!important}:where(.app-shell,.shell-screen,.shell-modal,.mail-popover-layer) :where(*)::-webkit-scrollbar-thumb{border-color:var(--oaq-scrollbar-thumb-border)!important;background:var(--oaq-scrollbar-thumb)!important}.three-player-history-hud{width:min(324px,calc((100dvh - 20px) * 288 / 430));aspect-ratio:288 / 430;height:auto;max-height:calc(100dvh - 20px)}.three-player-history-hud:has(.move-history-icon-trigger){display:block;position:absolute;z-index:25;bottom:10px;left:10px;width:var(--board-hud-icon);height:var(--board-hud-icon);max-height:var(--board-hud-icon);overflow:visible;pointer-events:auto}@media(max-width:1100px),(max-height:760px){.three-player-history-hud{width:min(282px,calc((100dvh - 16px) * 288 / 430));aspect-ratio:288 / 430;height:auto;max-height:calc(100dvh - 16px)}.three-player-history-hud:has(.move-history-icon-trigger){display:block;position:absolute;z-index:25;bottom:10px;left:10px;width:var(--board-hud-icon);height:var(--board-hud-icon);max-height:var(--board-hud-icon);overflow:visible;pointer-events:auto}}.language-toggle-btn .oaq-lobby-round-icon{background:#ffebb0eb!important;border:1px solid rgba(90,45,14,.42)!important;display:flex;align-items:center;justify-content:center;transition:filter .2s ease}.language-toggle-btn:hover .oaq-lobby-round-icon{filter:brightness(1.08)!important}.language-toggle-btn .lang-icon-text{font-family:inherit}.localized-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.localized-copy{overflow-wrap:anywhere;line-height:1.25}