:root{--bg-scene: url(/bg-dark.webp);--radius: 0;--radius-sm: 0;--font-primary: "LXGW WenKai TC", "霞鶩文楷 TC", "Klee One", serif;--font-display: var(--font-primary);--font-body: var(--font-primary);--font-hand: var(--font-primary)}:root,[data-theme=dark]{color-scheme:dark;--bg-scene: url(/bg-dark.webp);--bg-wash: radial-gradient(ellipse 90% 70% at 12% 18%, rgba(100, 72, 108, .12) 0%, transparent 68%), radial-gradient(ellipse 75% 55% at 88% 22%, rgba(72, 64, 96, .1) 0%, transparent 62%), radial-gradient(ellipse 80% 60% at 72% 88%, rgba(112, 72, 88, .08) 0%, transparent 58%), radial-gradient(ellipse 100% 80% at 50% 100%, rgba(28, 22, 40, .3) 0%, transparent 55%);--bg-dilute: linear-gradient( 180deg, rgba(20, 16, 32, .14) 0%, rgba(28, 24, 44, .24) 45%, rgba(14, 10, 24, .38) 100% );--bg-overlay: linear-gradient( 180deg, rgba(12, 8, 22, .18) 0%, rgba(22, 18, 36, .3) 50%, rgba(14, 10, 26, .42) 100% );--night-deep: #0c0a18;--night-mid: #181422;--night-plum: #221e30;--night-surface: #2e2844;--night-raised: #3a3254;--rose-mist: #f0e4f0;--rose-blush: #d4b0c4;--rose-dust: #a898a8;--mauve: #907080;--plum-accent: #785868;--dusty-rose: #c088a0;--rose-accent: #e0a0c0;--ink: #ece0ec;--ink-muted: #b0a0b8;--ink-dark: #181424;--ink-light: #f8f0f8;--paper: #2e2844;--paper-warm: #221e30;--paper-line: #4a3a5c;--paper-glass: rgba(46, 40, 68, .82);--paper-inset: #221e34;--shojo-blush: rgba(68, 52, 80, .88);--shojo-pink: #d0a0b8;--shojo-hot: #b87890;--shojo-lavender: rgba(62, 52, 82, .88);--shojo-lavender-hover: rgba(78, 58, 88, .9);--shojo-mint: rgba(44, 52, 60, .84);--shojo-sky: rgba(52, 56, 82, .88);--shojo-peach: #554258;--stroke-ink: #6a5880;--shadow-ink: #0a0614;--inset-shadow: inset 2px 2px 0 rgba(0, 0, 0, .35);--stroke: 3px solid var(--stroke-ink);--stroke-thin: 2px solid var(--stroke-ink);--shadow-hard: 4px 4px 0 var(--shadow-ink);--shadow-hard-sm: 3px 3px 0 var(--shadow-ink);--shadow-hard-lg: 6px 6px 0 var(--shadow-ink);--paper-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.018'/%3E%3C/svg%3E");--overlay-plum: rgba(18, 14, 30, .68);--overlay-plum-light: rgba(38, 32, 52, .52);--scrollbar-track: rgba(42, 36, 58, .55);--landing-hero-bg: rgba(28, 20, 38, .78);--landing-hero-border: rgba(255, 215, 230, .5);--landing-hero-shadow: 0 4px 24px rgba(0, 0, 0, .38);--landing-title-color: #f0a8c8;--landing-subtitle-color: rgba(200, 180, 200, .88);--landing-tagline-color: rgba(220, 175, 200, .82);--landing-tagline-star-color: rgba(240, 168, 200, .65);--landing-footer-divider-color: rgba(200, 170, 195, .32);--landing-footer-heart-color: rgba(240, 168, 200, .6);--landing-footer-text-color: rgba(200, 180, 200, .62);--landing-tile-hover-border: rgba(224, 160, 192, .45);--hk-blue: var(--ink);--hk-blue-light: var(--ink-muted);--hk-bg: var(--paper);--hk-red: var(--shojo-hot);--hk-gold: var(--shojo-pink);--hk-cream: var(--night-raised);--hk-surface: var(--paper-glass);--hk-surface-2: var(--shojo-lavender);--hk-text: var(--ink);--hk-text-muted: var(--ink-muted);--hk-border: var(--stroke-ink);--hk-shadow: var(--shadow-hard)}[data-theme=light]{color-scheme:light;--bg-scene: url(/bg-light.webp);--bg-wash: radial-gradient(ellipse 90% 70% at 12% 18%, rgba(210, 168, 148, .08) 0%, transparent 68%), radial-gradient(ellipse 75% 55% at 88% 22%, rgba(188, 178, 205, .06) 0%, transparent 62%), radial-gradient(ellipse 80% 60% at 72% 88%, rgba(220, 185, 165, .07) 0%, transparent 58%), radial-gradient(ellipse 100% 80% at 50% 100%, rgba(180, 150, 130, .06) 0%, transparent 55%);--bg-dilute: linear-gradient( 180deg, rgba(248, 240, 228, .16) 0%, rgba(238, 226, 208, .24) 45%, rgba(228, 214, 194, .32) 100% );--bg-overlay: linear-gradient( 180deg, rgba(244, 236, 222, .1) 0%, rgba(234, 222, 204, .18) 50%, rgba(222, 208, 188, .26) 100% );--night-deep: #ebe4d6;--night-mid: #e2d9ca;--night-plum: #d9cfc0;--night-surface: #d0c4b4;--night-raised: #c8baa8;--rose-mist: #5a4038;--rose-blush: #8a6058;--rose-dust: #7a6860;--mauve: #906860;--plum-accent: #a05068;--dusty-rose: #b86880;--rose-accent: #c87088;--ink: #3a3028;--ink-muted: #7a6a60;--ink-dark: #241c18;--ink-light: #faf6f0;--paper: #f2ebe0;--paper-warm: #ebe3d6;--paper-line: #c8b8a8;--paper-glass: rgba(242, 234, 222, .92);--paper-inset: #e4dbd0;--shojo-blush: rgba(248, 236, 224, .96);--shojo-pink: #a85878;--shojo-hot: #984058;--shojo-lavender: rgba(236, 224, 208, .96);--shojo-lavender-hover: rgba(244, 234, 218, .98);--shojo-mint: rgba(218, 232, 220, .92);--shojo-sky: rgba(214, 220, 238, .9);--shojo-peach: #e0d0c0;--stroke-ink: #a09080;--shadow-ink: rgba(72, 58, 48, .22);--inset-shadow: inset 2px 2px 0 rgba(72, 58, 48, .08);--paper-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E");--overlay-plum: rgba(236, 226, 210, .84);--overlay-plum-light: rgba(244, 236, 222, .74);--scrollbar-track: rgba(216, 204, 188, .72);--landing-hero-bg: rgba(242, 232, 216, .92);--landing-hero-border: rgba(168, 108, 88, .32);--landing-hero-shadow: 0 4px 24px rgba(100, 78, 58, .12);--landing-title-color: #b04868;--landing-subtitle-color: rgba(74, 58, 48, .88);--landing-tagline-color: rgba(96, 72, 62, .82);--landing-tagline-star-color: rgba(176, 88, 108, .72);--landing-footer-divider-color: rgba(148, 128, 108, .38);--landing-footer-heart-color: rgba(176, 88, 108, .62);--landing-footer-text-color: rgba(96, 78, 68, .68);--landing-tile-hover-border: rgba(168, 98, 88, .38);--hk-blue: var(--ink);--hk-blue-light: var(--ink-muted);--hk-bg: var(--paper);--hk-red: var(--shojo-hot);--hk-gold: var(--shojo-pink);--hk-cream: var(--night-raised);--hk-surface: var(--paper-glass);--hk-surface-2: var(--shojo-lavender);--hk-text: var(--ink);--hk-text-muted: var(--ink-muted);--hk-border: var(--stroke-ink);--hk-shadow: var(--shadow-hard)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}html{min-height:100%;isolation:isolate}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--night-deep) var(--bg-scene) center / cover no-repeat;pointer-events:none}html:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--paper-grain),var(--bg-wash),var(--bg-dilute),var(--bg-overlay);pointer-events:none}body{font-family:var(--font-primary);background:transparent;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-wrap:pretty;min-height:100%}*{scrollbar-width:thin;scrollbar-color:var(--dusty-rose) var(--night-mid)}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border:1px solid var(--stroke-ink);margin:2px}*::-webkit-scrollbar-thumb{background:var(--dusty-rose);border:2px solid var(--stroke-ink)}*::-webkit-scrollbar-thumb:hover{background:var(--shojo-hot)}*::-webkit-scrollbar-corner{background:transparent}button,.btn,.player-piece,.die{user-select:none;-webkit-user-select:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input{font-family:var(--font-body);outline:none}.app{min-height:100vh;display:flex;flex-direction:column}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.72rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-body)}.form-group input{width:100%;padding:.75rem 1rem;background:var(--paper-inset);border:var(--stroke-thin);color:var(--ink);font-size:1rem;font-family:var(--font-body);transition:box-shadow .15s,transform .15s;box-shadow:var(--inset-shadow)}.form-group input:focus{outline:none;box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.form-select{width:100%;padding:.75rem 2.25rem .75rem 1rem;background-color:var(--paper-inset);border:var(--stroke-thin);color:var(--ink);font-size:1rem;font-family:var(--font-body);cursor:pointer;transition:box-shadow .15s,transform .15s;box-shadow:var(--inset-shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c090a8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center}.form-select:focus{outline:none;box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.search-input{width:100%;padding:.75rem 1rem;background:var(--paper-inset);border:var(--stroke-thin);color:var(--ink);font-size:1rem;font-family:var(--font-body);transition:box-shadow .15s,transform .15s;box-shadow:var(--inset-shadow)}.search-input:focus{outline:none;box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.search-input::-webkit-search-decoration,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-left:.35rem;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8aa8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");cursor:pointer;opacity:.9}.search-input::-webkit-search-cancel-button:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c090a8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");opacity:1}.join-name-modal-field{margin-bottom:0;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:var(--stroke-thin);box-shadow:var(--shadow-hard);transition:transform .1s,box-shadow .1s,background .1s}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-primary{width:100%;background:var(--dusty-rose);color:var(--ink-light)}.btn-primary:hover:not(:disabled){background:var(--rose-accent)}.btn-secondary{width:100%;background:var(--night-raised);color:var(--ink);margin-top:.75rem}.btn-secondary:hover:not(:disabled){background:var(--shojo-lavender-hover)}.btn-gold{background:var(--shojo-peach);color:var(--ink)}.btn-gold:hover:not(:disabled){background:var(--shojo-sky)}.btn-danger{background:var(--shojo-hot);color:var(--rose-mist);border-color:var(--stroke-ink)}.btn-danger:hover:not(:disabled){background:var(--plum-accent)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--hk-text-muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--ink)}.error-msg{color:var(--shojo-hot);font-size:.85rem;font-weight:700;margin-top:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.04em}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-plum);display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem}.confirm-modal-dialog{position:relative;width:min(100%,340px);background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);border-color:var(--stroke-ink);padding:1.25rem;box-shadow:var(--shadow-hard-lg)}.confirm-modal-dialog--danger{border-color:#c41e3a73}.confirm-modal-close{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:2px solid var(--stroke-ink);border-radius:0;background:var(--night-raised);color:var(--ink);box-shadow:2px 2px 0 var(--shadow-ink);cursor:pointer;transition:background .15s,color .15s}.confirm-modal-close:hover:not(:disabled){background:var(--shojo-hot);color:var(--ink-light)}.confirm-modal-close:disabled{opacity:.45;cursor:not-allowed}.confirm-modal-title{margin:0 0 .5rem;padding-right:1.75rem;font-family:var(--font-display);font-size:1.35rem;font-weight:400;color:var(--hk-text)}.confirm-modal-message{margin:0;font-size:.9rem;line-height:1.5;color:var(--hk-text-muted)}.confirm-modal-actions{display:flex;gap:.5rem;margin-top:1.25rem}.confirm-modal-actions .btn{flex:1;width:auto;min-width:0;margin-top:0}.loading-spinner{flex-shrink:0;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:12rem;color:var(--hk-text-muted)}.loading-screen-message{margin:0;font-size:.9rem;letter-spacing:.02em}.loading-screen--page{min-height:100vh;min-height:100dvh;width:100%;flex:1}.loading-screen-inline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.connection-banner-portal{position:fixed;top:0;left:0;right:0;z-index:1200;pointer-events:none}.connection-banner{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.65rem 1.1rem;border:none;border-bottom:var(--stroke-thin);box-shadow:0 4px 0 var(--shadow-ink),0 8px 24px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);writing-mode:horizontal-tb;text-orientation:mixed}.connection-banner-info{background:#202c44eb;color:var(--rose-mist)}.connection-banner-warn{background:#40201ceb;color:#ffe8d6}.connection-banner-icon{flex-shrink:0;display:inline-flex}.connection-banner-body{min-width:0}.connection-banner-title{margin:0;font-size:.84rem;font-weight:700;line-height:1.3}.connection-banner-detail{margin:.15rem 0 0;font-size:.76rem;line-height:1.4;opacity:.92}.connection-banner-retry{flex-shrink:0;padding:.45rem .85rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#ffe8d6;background:#ffffff1f;border:var(--stroke-thin);box-shadow:var(--shadow-hard-sm);cursor:pointer;white-space:nowrap}.connection-banner-retry:hover{background:#fff3}.connection-banner-retry-loading{display:inline-flex;align-items:center;justify-content:center;cursor:default;pointer-events:none;opacity:.95}@media(max-width:560px){.connection-banner{grid-template-columns:auto 1fr}.connection-banner-retry,.connection-banner-retry-loading{grid-column:1 / -1;justify-self:end}}.connection-notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--overlay-plum)}.connection-notice-modal{width:100%;max-width:420px;padding:1.5rem;background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);box-shadow:var(--shadow-hard-lg)}.connection-notice-modal h2{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.35rem;color:var(--rose-mist)}.connection-notice-modal p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink)}.connection-notice-hint{margin-top:.65rem!important;font-size:.8rem!important;color:var(--hk-text-muted)!important}.connection-notice-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:var(--stroke-thin);background:var(--paper-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-muted);font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-hard-sm);cursor:pointer;transition:transform .12s,background .12s,color .12s,box-shadow .12s}.theme-toggle:hover{transform:translate(-1px,-1px);background:var(--shojo-lavender);color:var(--ink);box-shadow:var(--shadow-hard)}.theme-toggle:active{transform:translate(0);box-shadow:none}.theme-toggle--floating{position:fixed;top:.85rem;right:.85rem;z-index:300}@media(max-width:480px){.theme-toggle--floating .theme-toggle-label{display:none}.theme-toggle--floating{top:.65rem;right:.65rem;padding:.45rem}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-up-tilt{0%{opacity:0;transform:translateY(14px) rotate(.6deg)}to{opacity:1;transform:translateY(0) rotate(.6deg)}}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}.landing{--landing-content-width: min(100%, 520px);flex:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6rem 2rem 0;position:relative;overflow-x:hidden;background:transparent}.landing-body{width:var(--landing-content-width);flex:1;position:relative;z-index:1}.landing--wide{--landing-content-width: min(100%, 1200px);padding-top:1.5rem}.landing--form{padding-top:clamp(7rem,18vh,10rem)}.landing-body--center{display:flex;flex-direction:column;justify-content:center}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin-bottom:2.5rem}.landing-title-box{display:inline-block;padding:.9rem 2.1rem 1rem;background:var(--landing-hero-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed var(--landing-hero-border);border-radius:12px;box-shadow:var(--landing-hero-shadow);margin-bottom:1rem;animation:landing-fade-up .55s ease-out both}.landing-title{font-family:var(--font-display);font-size:clamp(1.85rem,5.5vw,2.85rem);line-height:1.1;margin:0;color:var(--landing-title-color);letter-spacing:.06em}.landing-subtitle{font-family:var(--font-hand);font-size:clamp(1rem,3vw,1.2rem);color:var(--landing-subtitle-color);text-wrap:pretty;margin-bottom:.5rem;line-height:1.65}.landing-tagline{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:0;font-size:.82rem;font-weight:500;color:var(--landing-tagline-color);line-height:1.5;text-wrap:pretty;animation:landing-fade-up .55s ease-out .12s both}.landing-tagline-star{flex-shrink:0;font-size:.62rem;color:var(--landing-tagline-star-color);line-height:1}.landing-card{position:relative;background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);padding:1.5rem 1.75rem 1.35rem;width:min(100%,380px);margin:0 auto;box-shadow:var(--shadow-hard-lg);transform:rotate(.6deg);animation:landing-fade-up-tilt .5s ease-out both}.landing-card h2{font-family:var(--font-display);font-size:1.4rem;margin:0 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.04em}.landing-card form>.btn-primary{margin-top:.75rem}.landing-footer{align-self:stretch;flex-shrink:0;margin-top:auto;padding-top:2rem;padding-bottom:1.25rem;text-align:center;z-index:1;animation:landing-fade-in .6s ease-out .3s both}.landing-footer-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.landing-footer-divider-line{flex:1;height:0;border-top:1px dashed var(--landing-footer-divider-color)}.landing-footer-heart{flex-shrink:0;color:var(--landing-footer-heart-color);font-size:.85rem;line-height:1}.landing-footer-text{margin:0;font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--landing-footer-text-color)}.landing-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-bottom:1.5rem}.landing-body:has(.landing-menu--three){--landing-content-width: min(100%, 720px)}.landing-menu--three{grid-template-columns:repeat(3,1fr)}.landing-menu--three .landing-menu-tile{padding:1.5rem .85rem 1.35rem}.landing-menu--three .landing-menu-tile svg{width:34px;height:34px}.landing-menu--three .landing-menu-tile-label{font-size:.92rem}.landing-menu--three .landing-menu-tile-desc{font-size:.66rem}.landing-menu:has(+.landing-back){margin-bottom:0}.landing-menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1.25rem 1.75rem;background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);box-shadow:var(--shadow-hard);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center;color:var(--ink);text-decoration:none;animation:landing-fade-up .45s ease-out both}.landing-menu-tile:nth-child(1){animation-delay:.14s}.landing-menu-tile:nth-child(2){animation-delay:.2s}.landing-menu-tile:nth-child(3){animation-delay:.26s}.landing-menu-tile:nth-child(4){animation-delay:.32s}.landing-menu-tile:nth-child(5){animation-delay:.38s}.landing-menu-tile:nth-child(6){animation-delay:.44s}.landing-menu-tile:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg);background:var(--shojo-lavender-hover);border-color:var(--landing-tile-hover-border)}.landing-menu-tile:active{transform:translate(0);transition-duration:.08s}.landing-menu-tile svg{color:var(--shojo-pink);flex-shrink:0}.landing-menu-tile-label{font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.landing-menu-tile-desc{font-size:.72rem;color:var(--ink-muted);line-height:1.45}.landing-back{width:100%;margin-top:1.25rem;animation:landing-fade-in .4s ease-out .22s both}.landing-body:has(.landing-card) .landing-back{width:min(100%,380px);margin-left:auto;margin-right:auto}.landing-back-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--ink-muted);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.25rem 0 .5rem;transition:color .1s}.landing-back-btn svg{width:20px;height:20px}.landing-back-btn:hover{color:var(--shojo-pink)}.landing-public-panel{position:relative;display:flex;flex-direction:column;height:min(60vh,640px);background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);padding:1.5rem 1.75rem;width:100%;box-shadow:var(--shadow-hard-lg);animation:landing-fade-up .5s ease-out both}.landing-public-header-actions{display:flex;align-items:center;gap:.5rem}.public-rooms-scroll{flex:1;min-height:0;overflow-y:auto;margin-right:-.35rem;padding-right:.35rem}.landing-public-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.landing-public-header h2{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;margin:0}.landing-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--night-raised);border:var(--stroke-thin);color:var(--ink-muted);cursor:pointer;transition:color .1s,background .1s;flex-shrink:0}.landing-refresh-btn:hover{color:var(--ink);background:var(--shojo-lavender)}.landing-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.public-rooms-empty{text-align:center;padding:2rem 1rem;color:var(--ink-muted);font-size:.85rem}.public-rooms-list{display:flex;flex-direction:column;gap:.5rem}.public-room-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .85rem;background:var(--night-raised);border:var(--stroke-thin)}.public-room-info{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;min-width:0}.public-room-code{font-family:var(--font-display);font-size:.9rem;letter-spacing:.08em;color:var(--ink);flex-shrink:0}.public-room-status{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.15rem .45rem;background:#5ac86426;color:#7ecb8a;border:1px solid rgba(90,200,100,.3)}.public-room-status.playing{background:#c88c5026;color:#e0a060;border-color:#c88c504d}.public-room-meta{font-size:.72rem;color:var(--ink-muted)}.public-room-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.public-room-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;max-width:30px;margin-top:0;padding:0;line-height:1;flex-shrink:0;box-shadow:none;transform:none}.btn-sm.public-room-icon-btn{padding:0}.btn-primary.public-room-icon-btn,.btn-secondary.public-room-icon-btn{width:30px;margin-top:0}.public-room-icon-btn:hover:not(:disabled){transform:none;box-shadow:none}.public-room-icon-btn:active:not(:disabled){transform:none}.about-scroll{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:.5rem}.about-intro{margin:0;font-size:.88rem;line-height:1.6;color:var(--ink-muted)}.about-section{margin:0}.about-section-title{margin:0 0 .45rem;font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.03em;color:var(--ink)}.about-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.4rem}.about-list li{font-size:.86rem;line-height:1.6;color:var(--ink-muted)}.about-footer-note{margin:.25rem 0 0;padding-top:.75rem;border-top:var(--stroke-thin);font-size:.82rem;color:var(--ink-muted)}.about-footer-note a{color:var(--shojo-hot);text-decoration:underline;text-underline-offset:2px}.about-footer-note a:hover{color:var(--ink)}.lobby{min-height:100vh;display:grid;grid-template-columns:1fr 340px;gap:0;align-items:start;background:transparent}@media(max-width:900px){.lobby{grid-template-columns:1fr;align-items:stretch}}.lobby-main{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-room-label{color:var(--landing-subtitle-color);font-size:.9rem;margin-bottom:.75rem;text-align:center}.lobby-room-code-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.lobby-waiting-board,.lobby-waiting-status{margin:0 0 1.5rem;color:var(--hk-text-muted);font-size:.9rem;text-align:center}.lobby-waiting-board{margin-bottom:.2rem}.lobby-room-code{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.2em;color:var(--rose-mist);margin-bottom:0;line-height:1;text-shadow:3px 3px 0 var(--night-plum)}.lobby-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;padding:0}.players-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.lobby-items-width{width:100%;max-width:900px}.avatar-mode-picker{--lobby-setting-control-height: 40px;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--paper-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--stroke);box-shadow:var(--shadow-hard);box-sizing:border-box;transform:rotate(.35deg)}.avatar-mode-picker-label{font-size:.8rem;color:var(--hk-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;text-align:center}.avatar-mode-picker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.avatar-mode-picker-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;height:var(--lobby-setting-control-height);padding:0 .5rem;background:var(--night-raised);border:var(--stroke-thin);color:var(--ink);cursor:pointer;transition:transform .1s,box-shadow .1s,background .1s;text-align:center;box-shadow:var(--shadow-hard-sm)}.avatar-mode-picker-btn:hover{background:var(--shojo-lavender);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow-ink)}.avatar-mode-picker-btn.selected{border-color:var(--stroke-ink);background:var(--shojo-hot);color:var(--ink-light)}.avatar-mode-picker-name{font-weight:700;font-size:.78rem;line-height:1;white-space:nowrap}.lobby-settings-group{--lobby-setting-control-height: 40px;display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--paper-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--stroke);box-shadow:var(--shadow-hard);box-sizing:border-box;transform:rotate(-.2deg)}.lobby-settings-card{display:contents}@media(max-width:1199px){.lobby-settings-group{display:flex;flex-direction:column;gap:1rem;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}.lobby-settings-card{display:grid;gap:.75rem;padding:1rem 1.25rem;background:var(--paper-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--stroke);box-shadow:var(--shadow-hard);box-sizing:border-box}.lobby-settings-card--room{grid-template-columns:1fr;transform:rotate(-.2deg)}.lobby-settings-card--limits{grid-template-columns:1fr 1fr;transform:rotate(.2deg)}}.lobby-setting-item{min-width:0;display:flex;flex-direction:column}.lobby-setting-label{font-size:.8rem;color:var(--hk-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;text-align:center}.lobby-setting-select{width:100%;height:var(--lobby-setting-control-height);padding:0 2rem 0 .75rem;background-color:var(--night-raised);border:var(--stroke-thin);color:var(--ink);font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-hard-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c090a8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center}.lobby-setting-select:focus{outline:none;box-shadow:var(--shadow-hard-sm)}.lobby-setting-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;height:var(--lobby-setting-control-height)}.lobby-setting-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;height:100%;padding:0 .4rem;background:var(--night-raised);border:var(--stroke-thin);color:var(--ink);cursor:pointer;font-weight:700;font-size:.78rem;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:var(--shadow-hard-sm)}.lobby-setting-toggle:hover{background:var(--shojo-lavender);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow-ink)}.lobby-setting-toggle.selected{background:var(--shojo-hot);border-color:var(--stroke-ink);color:var(--ink-light)}.player-avatar-text{font-weight:700;line-height:1;color:inherit;text-shadow:0 1px 2px rgba(0,0,0,.3)}.player-card{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible;background:var(--paper-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:var(--stroke-thin);padding:1.25rem 1rem;text-align:center;box-shadow:var(--shadow-hard-sm);transition:transform .15s}.player-card:hover{transform:rotate(-.5deg) translate(-1px,-1px)}.player-card-empty{opacity:.4;border-style:dashed}.player-card.host{border-color:var(--stroke-ink);background:var(--shojo-peach);box-shadow:var(--shadow-hard)}.player-token{width:48px;height:48px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.player-token svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.icon-picker{--lobby-setting-control-height: 40px;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--paper-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--stroke);box-shadow:var(--shadow-hard);box-sizing:border-box;transform:rotate(.3deg)}.icon-picker-label{font-size:.8rem;color:var(--hk-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;text-align:center}.icon-picker-options{display:flex;justify-content:flex-start;gap:.65rem;flex-wrap:wrap}.icon-picker-btn{width:var(--lobby-setting-control-height);height:var(--lobby-setting-control-height);border:var(--stroke-thin);background:var(--night-raised);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .1s,box-shadow .1s,background .1s}.icon-picker-btn svg{width:20px;height:20px}.icon-picker-btn:hover{background:var(--shojo-lavender);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow-ink)}.icon-picker-btn.selected{border-color:var(--stroke-ink);background:var(--shojo-hot);color:var(--ink-light)}.icon-picker-btn:focus-visible{outline:2px solid var(--hk-gold);outline-offset:2px}.player-name{font-weight:600;font-size:.95rem;line-height:1.2}.player-badge-slot{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;min-height:1.125rem;margin-top:.25rem}.player-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:1.125rem;padding:0 .38rem;border:1px solid transparent;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1;flex-shrink:0;white-space:nowrap}.player-badge{color:var(--hk-gold);background:#c9a22733}.player-badge.bot-badge{color:#c5d8f5;background:#5c8cd238}.player-badge.you-badge{color:#9deeb4;background:#6ecf8a26}.player-badge.offline-badge{color:#ffb86b;background:#ffb86b26}.player-badge.hosted-badge{color:#ffd98a;background:#c9a22738;border-color:#c9a22759}.player-badge.status-in-jail{color:#5c3d1e;background:#c9b8968c}.player-badge.status-visiting{color:var(--hk-blue);background:#0c23401a}.player-badge.status-bankrupt{color:#e88;background:#ee888826}.player-badge.winner-badge{color:#1a1408;background:#ffc828;font-weight:700}.player-card.offline{opacity:.72}.player-card.bot{border-color:var(--ink);background:var(--shojo-sky)}.btn-remove-bot{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#c43858;border:2px solid #8a2840;color:var(--ink-light);cursor:pointer;box-shadow:2px 2px 0 var(--shadow-ink);transition:transform .1s,background .1s}.btn-remove-bot:hover{background:#a02848;color:var(--ink-light);transform:translate(-1px,-1px)}.player-color-picker{position:absolute;top:.4rem;left:.4rem;z-index:3}.btn-player-color{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:var(--night-raised);border:2px solid var(--stroke-ink);color:var(--ink-light);cursor:pointer;box-shadow:2px 2px 0 var(--shadow-ink);transition:transform .1s,background .1s}.btn-player-color:hover:not(:disabled){background:var(--shojo-lavender);color:var(--ink);transform:translate(-1px,-1px)}.btn-player-color:disabled{opacity:.5;cursor:not-allowed}.player-color-picker-menu{position:absolute;top:calc(100% + .35rem);left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.45rem;background:var(--night-plum);border:var(--stroke-thin);box-shadow:var(--shadow-hard);z-index:10}.player-color-swatch{position:relative;overflow:hidden;width:26px;height:26px;padding:0;border:2px solid rgba(0,0,0,.2);border-radius:50%;cursor:pointer;opacity:1;box-shadow:1px 1px #00000026;transition:transform .1s,box-shadow .1s,filter .1s}.player-color-swatch:hover{transform:scale(1.1);box-shadow:2px 2px #0003}.player-color-swatch.selected{border-color:var(--ink-light);box-shadow:0 0 0 2px var(--ink),2px 2px 0 var(--shadow-ink)}.player-color-swatch.unavailable{cursor:not-allowed;border-style:dashed;border-color:#ffffff8c;filter:grayscale(.7) brightness(.72);box-shadow:none}.player-color-swatch.unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - 2px),rgba(20,12,30,.85) calc(50% - 2px),rgba(20,12,30,.85) calc(50% + 2px),transparent calc(50% + 2px));pointer-events:none}.player-color-swatch.unavailable:hover{transform:none;filter:grayscale(.7) brightness(.72);box-shadow:none}.player-color-swatch:focus-visible{outline:2px solid var(--hk-gold);outline-offset:2px}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:520px}.lobby-host-actions{display:flex;gap:.65rem;width:100%}.lobby-host-actions .btn{flex:1;min-width:0;margin-top:0;width:auto}.lobby-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.lobby-leave-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:0}.lobby-sidebar{background:var(--paper-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:var(--stroke);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.lobby-log-section{flex:0 0 42%;min-height:0;display:flex;flex-direction:column;padding:.65rem .75rem .5rem;border-bottom:var(--stroke-thin);overflow:hidden}.lobby-log-section .game-column-section-header,.lobby-chat-panel .game-panels-section-header{flex-shrink:0;margin:0 0 .45rem;padding:0;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;min-height:0}.lobby-log-section .game-panels-log{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0;border-bottom:none}.lobby-chat-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:.65rem .75rem;overflow:hidden}.lobby-chat-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lobby-chat-panel .game-panels-section-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0}.lobby-chat-panel .chat-input-area{flex-shrink:0;margin-top:0;padding:.65rem 0 0;border-top:none}.lobby-log-section .sidebar-section-title,.lobby-chat-panel .sidebar-section-title{margin:0;padding:0 0 .35rem;line-height:1.2}@media(max-width:900px){.lobby-sidebar{position:static;height:400px;border-left:none;border-top:1px solid var(--hk-border)}}.game{height:100vh;display:grid;grid-template-columns:1fr 300px 280px;grid-template-rows:1fr;overflow:hidden;user-select:none;-webkit-user-select:none;background:transparent}.game input,.game textarea{user-select:text;-webkit-user-select:text}@media(max-width:1200px){.game:not(.game-portrait-stack):not(.game-landscape-layout){grid-template-columns:1fr 260px;grid-template-rows:1fr auto}.game:not(.game-portrait-stack):not(.game-landscape-layout) .game-panels{grid-column:1 / -1;grid-row:2;height:min(42vh,420px)}}.game-sections-wrap{display:contents}.game-board-area{display:flex;align-items:safe center;justify-content:safe center;--board-fit-gap-inline: 1rem;--board-fit-gap-block: 1rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline);overflow:hidden;background:transparent;position:relative;min-width:0;min-height:0}.board-scale-shell{margin:0 auto;flex-shrink:0;position:relative;max-width:100%}.board-layout-locked .board-wrapper{width:var(--board-locked-width, 720px);min-width:var(--board-locked-width, 720px);max-width:var(--board-locked-width, 720px);height:var(--board-locked-height, 720px);min-height:var(--board-locked-height, 720px);aspect-ratio:auto}.board-scale-layer{flex:0 0 auto;will-change:transform}.game-sidebar{background:var(--paper-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:var(--stroke);display:flex;flex-direction:column;min-height:0;overflow:hidden}.game-sidebar .players-section{flex:1 1 0;min-height:0;overflow-y:auto;border-bottom:none}.game-sidebar-chat{flex:0 0 24%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-top:var(--stroke-thin)}.game-sidebar-chat .game-panels-section-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0}.game-sidebar-chat .chat-input-area{flex-shrink:0;border-top:none;padding:.45rem 0 0;margin-top:0}.game-sidebar-chat .chat-msg{margin-bottom:.35rem;font-size:.75rem;line-height:1.35}.game-sidebar-chat .chat-input-area-compact input{font-size:.75rem}.game-panels{background:var(--paper-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:var(--stroke);display:flex;flex-direction:column;min-height:0;overflow:hidden}.game-panels-section{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-bottom:var(--stroke-thin);box-sizing:border-box}.game-panels-log{flex:0 0 25%}.game-panels-trades,.game-panels-properties{flex:0 0 37.5%}.game-panels-section-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.game-panels-section-body:has(>.trade-empty:only-child),.game-panels-section-body:has(>.trades-empty:only-child){display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-input-area-compact{padding:.45rem 0 0;border-top:none}.chat-input-area-compact input{font-size:.8rem;padding:.4rem .55rem}.game-log-empty{font-size:.78rem;color:var(--hk-text-muted);text-align:center;padding:.25rem 0;margin:0}.board-center-stack .turn-actions-compact{flex-shrink:0;width:var(--board-center-content-width, min(100%, 280px));max-width:var(--board-center-content-width, min(100%, 280px))}.game-offline{pointer-events:none;opacity:.72}.board-wrapper{position:relative;width:min(90vh,90vw,720px);aspect-ratio:1;overflow:visible}.board{display:grid;grid-template-columns:1.4fr repeat(9,1fr) 1.4fr;grid-template-rows:1.4fr repeat(9,1fr) 1.4fr;position:relative;width:100%;height:100%;background:var(--night-mid);border:var(--stroke);box-shadow:var(--shadow-hard-lg);overflow:visible;--board-piece-z: 50}.board-trail-layer,.board-piece-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.board-trail-layer{z-index:4}.board-piece-layer{z-index:var(--board-piece-z)}.board-center{grid-row:2 / 11;grid-column:2 / 11;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--paper-grain),var(--night-raised);padding:4.75rem .65rem .75rem;text-align:center;overflow:visible;border:var(--stroke-thin)}.board-center-stack{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;flex:1;min-height:0;--board-center-content-width: min(100%, 280px)}.board-center-brand{display:flex;flex-direction:column;align-items:center;gap:.1rem;flex-shrink:0;margin-top:.35rem}.board-center-dice{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;flex-shrink:0;margin-top:0}.board-center-logo{font-family:var(--font-display);font-size:clamp(.95rem,2.2vw,1.35rem);color:var(--ink);line-height:1.1;text-shadow:2px 2px 0 var(--night-plum)}.board-center-room{font-size:.68rem;color:var(--hk-text-muted);letter-spacing:.12em;margin-top:.15rem}.board-log-feed{width:100%;max-width:none;flex:1;min-height:0;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;margin-top:.1rem;padding:.2rem 0 .15rem;box-sizing:border-box;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}.board-log-entry{display:flex;align-items:center;justify-content:center;gap:.35rem;width:max-content;max-width:none;min-height:0;flex-shrink:0;transition:opacity .25s ease,font-size .25s ease}.board-log-avatar{flex-shrink:0;width:var(--log-avatar-size, 18px);height:var(--log-avatar-size, 18px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.board-log-avatar svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.board-log-text{margin:0;flex:0 1 auto;font-size:var(--log-font-size, .62rem);line-height:1.35;color:var(--hk-blue);text-align:center;white-space:nowrap}.board-log-entry-age-0{--log-font-size: .82rem;--log-avatar-size: 22px;opacity:1}.board-log-entry-age-0 .board-log-text{font-weight:600}.board-log-entry-age-1{--log-font-size: .74rem;--log-avatar-size: 20px;opacity:.92}.board-log-entry-age-2{--log-font-size: .68rem;--log-avatar-size: 18px;opacity:.84}.board-log-entry-age-3{--log-font-size: .62rem;--log-avatar-size: 17px;opacity:.74}.board-log-entry-age-4{--log-font-size: .58rem;--log-avatar-size: 16px;opacity:.62}.board-log-entry-age-5{--log-font-size: .54rem;--log-avatar-size: 15px;opacity:.52}.board-log-entry-age-6{--log-font-size: .5rem;--log-avatar-size: 14px;opacity:.44}.board-log-entry-age-7{--log-font-size: .47rem;--log-avatar-size: 13px;opacity:.36}.board-tile{position:relative;border:1px solid var(--stroke-ink);display:flex;flex-direction:column;font-size:.68rem;overflow:visible;background:var(--night-surface);transition:box-shadow .15s}.board-tile.highlight{z-index:10}.board-tile.highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--shojo-hot);pointer-events:none;z-index:30;box-sizing:border-box}@keyframes board-tile-flash{0%,to{opacity:0;box-shadow:inset 0 0 #fff8dc00,0 0 #fff2c800}50%{opacity:1;box-shadow:inset 0 0 0 3px #fffae8fa,0 0 18px #fff5d2b8}}.board-tile.tile-flash{z-index:12}.board-tile.tile-flash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:32;animation:board-tile-flash .5s ease-in-out 6 forwards}.board-tile.corner-tl,.board-tile.corner-tr,.board-tile.corner-bl,.board-tile.corner-br{justify-content:center;align-items:center;text-align:center;padding:.25rem}.board-tile.tile-chance{background:#d87838}.board-tile.tile-community{background:#5888c8}.board-tile.tile-tax{background:#c85868}.board-tile.tile-railroad,.board-tile.tile-utility{background:var(--night-raised)}.board-tile.tile-property .tile-body{position:relative;z-index:1}.tile-district-badge{position:absolute;z-index:40;--badge-size: 32px;width:var(--badge-size);height:var(--badge-size);border-radius:50%;background:var(--night-raised);border:2px solid var(--stroke-ink);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000059;pointer-events:none}.tile-district-badge img{width:100%;height:100%;object-fit:cover}.tile-type-badge{color:#fff}.tile-type-badge svg{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-top .tile-district-badge{bottom:0;left:50%;transform:translate(-50%,55%)}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-bottom .tile-district-badge{top:0;left:50%;transform:translate(-50%,-55%)}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-right .tile-district-badge{left:0;top:50%;transform:translate(-55%,-50%)}.board-tile.tile-property.vertical-right .tile-district-badge img{transform:rotate(-90deg)}.board-tile:is(.tile-railroad,.tile-utility).vertical-right .tile-type-badge svg{transform:rotate(-90deg)}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-left .tile-district-badge{right:0;top:50%;transform:translate(55%,-50%)}.board-tile.tile-property.vertical-left .tile-district-badge img{transform:rotate(90deg)}.board-tile:is(.tile-railroad,.tile-utility).vertical-left .tile-type-badge svg{transform:rotate(90deg)}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-bottom .tile-body{justify-content:space-between;align-items:center;padding-block-start:20px;padding-block-end:4px}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-bottom .tile-body:before{content:none}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-top .tile-body{justify-content:space-between;align-items:center;padding-block-start:4px;padding-block-end:20px}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-top .tile-body:before,.board-tile:is(.tile-property,.tile-railroad,.tile-utility).horizontal-top .tile-body:after{content:none}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-right .tile-body{justify-content:space-between;padding:4px 20px 4px 4px}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-left .tile-body{justify-content:space-between;padding:4px 20px 4px 4px}.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-right .tile-body:before,.board-tile:is(.tile-property,.tile-railroad,.tile-utility).vertical-left .tile-body:before{content:none}.board-tile.tile-go{background:#6fbf73}.board-tile.tile-jail{background:#3a3438;padding:0;overflow:hidden}.board-tile.tile-jail .tile-body{flex:1;min-height:0;width:100%;height:100%;padding:0;align-self:stretch;justify-content:flex-start;align-items:stretch}.board-tile.tile-parking{background:#5daf8f}.board-tile.tile-gotojail{background:#8b3a3a}.board-tile.tile-chance .tile-name,.board-tile.tile-chance .tile-name-zh,.board-tile.tile-chance .tile-icon,.board-tile.tile-community .tile-name,.board-tile.tile-community .tile-name-zh,.board-tile.tile-community .tile-icon,.board-tile.tile-tax .tile-name,.board-tile.tile-tax .tile-name-zh,.board-tile.tile-tax .tile-icon,.board-tile.tile-go .tile-name,.board-tile.tile-go .tile-name-zh,.board-tile.tile-go .tile-price,.board-tile.tile-jail .tile-name,.board-tile.tile-jail .tile-name-zh,.board-tile.tile-jail .tile-price,.board-tile.tile-parking .tile-name,.board-tile.tile-parking .tile-name-zh,.board-tile.tile-gotojail .tile-name,.board-tile.tile-gotojail .tile-name-zh,.board-tile.tile-gotojail .tile-price{color:#fff}.board-tile.tile-chance .tile-price,.board-tile.tile-community .tile-price,.board-tile.tile-tax .tile-price{color:#ffffffd9}.board-tile.tile-go .tile-icon-corner,.board-tile.tile-parking .tile-icon-corner,.board-tile.tile-gotojail .tile-icon-corner{color:#fff}.board-tile.tile-jail .tile-name,.board-tile.tile-jail .tile-price,.board-tile.tile-jail .tile-icon-corner{color:#ffffffeb}.board-tile.horizontal-top,.board-tile.horizontal-bottom{flex-direction:column}.board-tile.vertical-right{flex-direction:row-reverse}.board-tile.vertical-left{flex-direction:row}.board-tile .color-bar{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden}.board-tile.horizontal-top .color-bar{top:0;left:0;right:0;height:22px}.board-tile.horizontal-bottom .color-bar{bottom:0;left:0;right:0;height:22px}.board-tile.vertical-left .color-bar{left:0;top:0;bottom:0;width:22px}.board-tile.vertical-right .color-bar{right:0;top:0;bottom:0;width:22px}.board-tile.vertical-left .color-bar-buildings{transform:rotate(90deg)}.board-tile.vertical-right .color-bar-buildings{transform:rotate(-90deg)}.color-bar-buildings{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;color:var(--ink-dark);font-weight:800;line-height:1;pointer-events:none}.color-bar-buildings span{font-size:.85rem;font-weight:800;letter-spacing:.01em}.color-bar-buildings svg{flex-shrink:0}.board-tile .tile-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2px;padding-block-end:4px;text-align:center;min-width:0;min-height:0;gap:1px}.board-tile .tile-labels{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;min-height:0;flex-shrink:0}.board-tile.non-property-tile:not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br) .tile-body{justify-content:center;padding-block:2px}.board-tile.non-property-tile .tile-labels{justify-content:center}.board-tile.horizontal-top.tile-tax .tile-labels>.tile-price{margin-top:0;margin-bottom:0}.board-tile.corner-tl .tile-body,.board-tile.corner-tr .tile-body,.board-tile.corner-bl .tile-body,.board-tile.corner-br .tile-body{justify-content:center;padding-block-end:2px}.board-tile.tile-jail.corner-tr .tile-body{justify-content:flex-start;align-items:stretch;padding:0}.board-tile.vertical-right .tile-body{writing-mode:vertical-rl;text-orientation:sideways;transform:rotate(180deg);transform-origin:center center}.board-tile.vertical-left .tile-body{writing-mode:vertical-rl;text-orientation:sideways}.board-tile.vertical-left .tile-body,.board-tile.vertical-right .tile-body{align-items:center}.corner-name{font-size:.7rem!important}.tile-icon-corner{display:flex;align-items:center;justify-content:center;margin-bottom:4px;flex-shrink:0}.tile-icon-corner svg{width:16px;height:16px}.tile-name{font-weight:700;color:var(--hk-blue);line-height:1.05;font-size:.65rem}.tile-icon{display:flex;align-items:center;justify-content:center;color:var(--hk-blue-light);flex-shrink:0;margin-bottom:3px}.tile-icon svg{width:14px;height:14px}.non-property-tile .tile-icon-special svg{width:20px;height:20px}.non-property-tile .tile-icon-compact svg{width:14px;height:14px}.non-property-tile .tile-icon-special{margin-bottom:4px}.board-tile.vertical-left .tile-labels .tile-icon-special,.board-tile.vertical-right .tile-labels .tile-icon-special{writing-mode:horizontal-tb;margin-bottom:0;margin-inline-end:4px;transform:rotate(90deg)}.tile-name-multiline{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.05}.tile-name-multiline span{display:block}.tile-name-zh.tile-name-multiline{margin-top:1px}.tile-name-zh{font-size:.58rem;color:var(--hk-blue-light)}.tile-price{font-size:.52rem;color:var(--ink-muted);line-height:1}.tile-go-subtitle{display:flex;flex-direction:column;gap:.15em;line-height:1.15;margin-top:.15em}.board-tile.horizontal-top .tile-labels>.tile-price{margin-top:0;margin-bottom:0}.board-tile:not(.horizontal-top) .tile-labels>.tile-price{margin-top:0}.tile-mortgaged{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;justify-content:center;pointer-events:none}.tile-mortgaged span{display:flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 6px;background:#c43858;color:#fff;font-size:.68rem;font-weight:800;line-height:1;text-align:center;border-radius:3px;border:2px solid rgba(0,0,0,.5);box-shadow:0 2px 8px #00000073;transform:rotate(-30deg);letter-spacing:-.03em}.tile-pieces{position:absolute;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:2px;pointer-events:none}.tile-pieces.horizontal-top{top:6%;right:8%;bottom:24%;left:8%}.tile-pieces.horizontal-bottom{top:24%;right:8%;bottom:6%;left:8%}.tile-pieces.vertical-right{top:8%;right:6%;bottom:8%;left:24%}.tile-pieces.vertical-left{top:8%;right:24%;bottom:8%;left:6%}.tile-pieces.corner-tl,.tile-pieces.corner-tr,.tile-pieces.corner-bl,.tile-pieces.corner-br{top:38%;right:12%;bottom:12%;left:12%}.tile-pieces .player-piece{position:relative;top:auto;left:auto;flex-shrink:0}.tile-pieces[data-count="1"] .player-piece{width:26px;height:26px}.tile-pieces[data-count="2"] .player-piece{width:22px;height:22px}.tile-pieces[data-count="3"] .player-piece,.tile-pieces[data-count="4"] .player-piece{width:20px;height:20px}.tile-pieces[data-count="5"] .player-piece,.tile-pieces[data-count="6"] .player-piece{width:18px;height:18px}.tile-pieces[data-count="7"] .player-piece,.tile-pieces[data-count="8"] .player-piece,.tile-pieces[data-count="9"] .player-piece,.tile-pieces[data-count="10"] .player-piece{width:16px;height:16px}.player-piece{position:absolute;width:30px;height:30px;border-radius:50%;border:2.5px solid white;box-shadow:0 2px 8px #00000073;z-index:var(--board-piece-z, 50);transition:top .4s ease,left .4s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:auto;cursor:default}.player-piece-clickable{cursor:pointer}.player-piece-clickable:hover{transform:scale(1.08);box-shadow:0 3px 12px #0000008c}.player-piece-clickable:focus-visible{outline:2px solid white;outline-offset:2px}.player-piece-tooltip{position:absolute;z-index:100;padding:.28rem .5rem;border:var(--stroke-thin);background:var(--night-plum);color:var(--rose-mist);font-size:.68rem;font-weight:700;line-height:1.25;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - .35rem));box-shadow:var(--shadow-hard-sm)}.player-piece-floating{z-index:var(--board-piece-z, 50);transition:top .16s linear,left .16s linear}.player-piece svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.player-piece-trail{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.55);opacity:.55;animation:player-piece-trail-fade .55s ease-out forwards;pointer-events:none}@keyframes player-piece-trail-fade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.55)}}.player-piece-jailed{border-color:#0c2340d9;box-shadow:0 0 0 1px #fff9,inset 0 0 0 2px #0c234040,0 2px 6px #00000073}.jail-corner{display:grid;grid-template-columns:minmax(0,1fr) 24%;grid-template-rows:28% minmax(0,1fr);grid-template-areas:"visit-top visit-top" "cell visit-side";flex:1;width:100%;height:100%;min-height:0;align-self:stretch}.jail-visiting-top{grid-area:visit-top;position:relative;display:flex;align-items:center;justify-content:center;padding:2px 4px;background:#3a3438;border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden}.jail-visiting-pieces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:2px;padding:2px 3px;pointer-events:none}.jail-visiting-side{grid-area:visit-side;display:flex;align-items:center;justify-content:center;padding:2px;background:#3a3438;border-left:1px solid rgba(255,255,255,.12)}.jail-visiting-label,.jail-visiting-side-text{font-size:.58rem;font-weight:700;color:#ffffffe0;letter-spacing:.04em;line-height:1.1;text-align:center}.jail-visiting-label{position:relative;z-index:1;pointer-events:none}.jail-visiting-side-text{writing-mode:vertical-rl;text-orientation:mixed}.jail-cell{grid-area:cell;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2px 4px 5px;background:#1a161c;border-radius:0 7px 0 0;overflow:hidden;align-self:stretch}.jail-cell-pieces{position:absolute;top:6%;left:5%;right:5%;bottom:28%;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:2px;pointer-events:none}.jail-cell-bars{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 2px,transparent 2px,transparent 6px);pointer-events:none}.jail-cell-label{position:relative;z-index:1;font-size:.54rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.15;text-align:center;margin:0;padding:0 0 1px}.dice-container{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:40px}.dice-container.dice-placeholder{height:40px}.die{width:40px;height:40px;background:var(--night-raised);border:var(--stroke-thin);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;box-shadow:var(--shadow-hard-sm)}.die-pip{width:8px;height:8px;background:var(--rose-mist);border-radius:50%;align-self:center;justify-self:center}.panel-section{padding:1rem;border-bottom:var(--stroke-thin)}.sidebar-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hk-text-muted);margin:0}.sidebar-section-header,.players-section-header{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:2rem;margin-bottom:.75rem}.players-section-header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.35rem}.players-header-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .55rem;border-radius:var(--radius-sm);font:inherit;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.players-bankrupt-btn{border:1px solid rgba(196,30,58,.45);background:#c41e3a26;color:#f08a9a}.players-bankrupt-btn:hover{background:#c41e3a47;border-color:#c41e3aa6}.players-bankrupt-btn:active{transform:scale(.98)}.players-leave-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--rose-mist)}.players-leave-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff47}.players-leave-btn:active:not(:disabled){transform:scale(.98)}.players-leave-btn:disabled{opacity:.65;cursor:wait}.player-list-item{position:relative;display:flex;align-items:center;gap:.6rem;margin:0 -.5rem;padding:.5rem;border-radius:var(--radius-sm)}.player-list-item:not(.active):not(:last-child):after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 14%,transparent);pointer-events:none}.player-list-item.active{background:var(--shojo-peach);border:var(--stroke-thin);box-shadow:var(--shadow-hard-sm)}.player-list-item-clickable{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.player-list-item-clickable:hover{background:#ffffff0a}.player-list-item-clickable:focus-visible{outline:2px solid var(--shojo-pink);outline-offset:2px}.player-list-item-clickable.active:hover{background:color-mix(in srgb,var(--shojo-peach) 85%,white 15%)}.player-list-item-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:10;border-radius:inherit;animation:board-tile-flash .5s ease-in-out 6 forwards}.player-list-token{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--ink-light);border-radius:50%}.player-list-info{flex:1;min-width:0}.player-list-item-suffix{display:flex;align-items:center;gap:.35rem;margin-left:auto;flex-shrink:0}.player-list-turn-timer{font-family:var(--font-display);font-size:.73rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--hk-text-muted);min-width:2.25rem;text-align:right;line-height:1}.player-list-turn-timer.urgent{color:#ffb86b}.player-list-token svg,.trades-list-token svg,.trade-modal-player-token svg,.auction-player-token svg,.property-modal-owner-token svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.player-list-name{font-weight:600;font-size:.85rem;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.player-list-name .player-badge{font-size:.6rem}.player-list-money{font-size:.75rem;color:var(--hk-gold)}.player-list-money.negative{color:var(--hk-red)}.player-list-money-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.player-money-delta{font-size:.68rem;font-weight:700;animation:money-delta-fade 2.5s ease-out forwards}.player-money-delta.positive{color:#6ecf8a}.player-money-delta.negative{color:#ff6b6b}@keyframes money-delta-fade{0%{opacity:0;transform:translate(-6px)}12%{opacity:1;transform:translate(0)}72%{opacity:1}to{opacity:0}}.turn-actions{width:100%;max-width:280px}.auto-host-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:.75rem;background:#08040e85;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.auto-host-modal-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(100%,13.5rem);padding:.9rem 1rem 1rem;background:var(--paper-grain),var(--night-raised);border:var(--stroke);box-shadow:var(--shadow-hard-lg);text-align:center;animation:auto-host-modal-in .2s ease-out}@keyframes auto-host-modal-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auto-host-modal-title{margin:0;font-size:.92rem;font-weight:700;color:var(--hk-gold);letter-spacing:.06em}.auto-host-modal-message{margin:0;font-size:.72rem;line-height:1.45;color:var(--rose-mist)}.auto-host-modal-btn{width:auto;min-width:7.5rem;margin-top:.15rem;padding:.38rem .85rem;font-size:.78rem}.turn-actions-compact{margin-top:.25rem}.turn-actions-compact .turn-indicator{padding:.4rem .5rem;margin-bottom:.5rem;font-size:.75rem;color:var(--ink);justify-content:center;width:100%}.turn-actions-compact .turn-indicator-content{gap:.4rem}.turn-actions-compact .turn-indicator-token{width:22px;height:22px}.turn-actions-compact .turn-indicator-text{line-height:1}.turn-actions-compact .action-buttons{gap:.35rem}.auction-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:var(--overlay-plum);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.auction-modal{width:min(100%,680px);background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);box-shadow:var(--shadow-hard-lg);overflow:hidden}.auction-modal-body{display:grid;grid-template-columns:1fr min(240px,38%);gap:0}.auction-modal-main{padding:1.35rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.85rem;min-width:0}.auction-modal-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--hk-gold)}.auction-modal-title{font-family:var(--font-display);font-size:1.45rem;line-height:1.15;color:var(--hk-text)}.auction-current-bid-label,.auction-bid-section-label{display:block;font-size:.72rem;color:var(--hk-text-muted);margin-bottom:.3rem}.auction-current-bid-value{display:flex;align-items:center;gap:.55rem}.auction-player-token{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.85);font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0}.auction-bid-amount{font-size:1.35rem;font-weight:800;color:var(--hk-gold)}.auction-current-bidder{display:block;font-size:.78rem;color:var(--hk-text-muted);margin-top:.15rem}.auction-timer-block{margin-top:.15rem}.auction-timer-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--hk-red);margin-bottom:.35rem}.auction-timer-bar{height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.auction-timer-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hk-red) 0%,#e85d6a 100%);transition:width .1s linear}.auction-quick-bids{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.auction-quick-bid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.55rem .35rem;border:1px solid rgba(201,162,39,.35);border-radius:var(--radius-sm);background:#c9a2271f;color:var(--hk-text);font:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.auction-quick-bid-btn:hover:not(:disabled){background:#c9a22738;border-color:var(--hk-gold)}.auction-quick-bid-btn:active:not(:disabled){transform:scale(.98)}.auction-quick-bid-btn:disabled{opacity:.35;cursor:not-allowed}.auction-quick-bid-total{font-size:.95rem;font-weight:800;color:var(--hk-gold)}.auction-quick-bid-increment{font-size:.68rem;color:var(--hk-text-muted)}.auction-activity{display:flex;flex-direction:column;gap:.35rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.auction-activity-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--hk-text-muted)}.auction-activity-item strong{color:var(--hk-text)}.auction-property-card{position:relative;padding:1rem .85rem;background:var(--paper);border-left:var(--stroke);overflow:hidden}.auction-property-card:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:var(--property-group-color, var(--shojo-pink));border-bottom:var(--stroke-thin)}.auction-property-card-neutral{background:var(--shojo-lavender)}.auction-property-icon{position:absolute;top:1.35rem;right:.75rem;z-index:2;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--stroke-ink);box-shadow:0 2px 6px #00000059;display:flex;align-items:center;justify-content:center;background:var(--night-raised)}.auction-property-icon img{display:block;width:100%;height:100%;object-fit:cover}.auction-property-icon-type{color:#fff}.auction-property-icon-type svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.auction-property-card-header{position:relative;z-index:1;display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.75rem;margin-top:.35rem;margin-right:2.75rem;color:var(--ink)}.auction-property-rent .property-modal-rent-row,.auction-property-rent .property-modal-rent-head{color:var(--ink)}.auction-property-card-price{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:.55rem;border-top:var(--stroke-thin);font-size:.82rem;color:var(--ink-muted)}.auction-property-card-price strong{font-size:.95rem;color:var(--ink)}@media(max-width:580px){.auction-modal-body{grid-template-columns:1fr}.auction-property-card{border-left:none;border-top:1px solid var(--hk-border)}.auction-quick-bids{grid-template-columns:1fr}}.auction-timer{color:var(--hk-gold);font-weight:600}.trades-section{flex:0 0 auto}.trades-section-header{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:2rem;margin-bottom:.75rem}.trades-create-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .55rem;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,#c9a227f2,#a88620e6);color:var(--hk-blue);font:inherit;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:filter .15s,transform .1s}.trades-create-btn:hover{filter:brightness(1.08)}.trades-create-btn:active{transform:translateY(-50%) scale(.98)}.trades-feed{list-style:none;margin:0 0 .65rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.trades-feed-item{display:flex;align-items:flex-start;gap:.4rem;padding:.45rem .55rem;border-radius:var(--radius-sm);font-size:.72rem;line-height:1.35;animation:trades-feed-in .25s ease-out}.trades-feed-item svg{flex-shrink:0;margin-top:.05rem}.trades-feed-item-accepted{background:#48806038;border:1px solid rgba(96,168,120,.35);color:var(--ink-light)}.trades-feed-item-accepted svg{color:#7ec89a}.trades-feed-item-rejected{background:#80484833;border:1px solid rgba(168,96,96,.3);color:var(--ink-light)}.trades-feed-item-rejected svg{color:#d49090}@keyframes trades-feed-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.properties-section-header{align-items:center;min-height:2rem}.properties-owner-dropdown{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;width:10rem}.properties-owner-dropdown-trigger{display:flex;align-items:center;gap:.3rem;width:100%;padding:.28rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--hk-border);background:var(--hk-surface-2);color:var(--hk-text);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;box-sizing:border-box}.properties-owner-dropdown-trigger:hover{border-color:#c9a22773}.properties-owner-dropdown-trigger .trade-modal-player-token{width:18px;height:18px;flex-shrink:0}.properties-owner-dropdown-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.properties-owner-dropdown-chevron{flex-shrink:0;color:var(--hk-text-muted);transition:transform .15s ease}.properties-owner-dropdown-trigger[aria-expanded=true] .properties-owner-dropdown-chevron{transform:rotate(180deg)}.properties-owner-dropdown-menu{position:absolute;z-index:20;top:calc(100% + .25rem);right:0;width:10rem;margin:0;padding:.25rem;list-style:none;border-radius:var(--radius-sm);border:1px solid var(--hk-border);background:var(--hk-surface);box-shadow:var(--hk-shadow);max-height:12rem;overflow-y:auto;box-sizing:border-box}.properties-owner-dropdown-option{display:flex;align-items:center;gap:.4rem;width:100%;padding:.35rem .45rem;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--hk-text);font:inherit;font-size:.78rem;text-align:left;cursor:pointer;white-space:nowrap}.properties-owner-dropdown-option:hover{background:#ffffff0f}.properties-owner-dropdown-option.selected{background:#c9a22724}.properties-owner-dropdown-option .trade-modal-player-token{width:20px;height:20px;flex-shrink:0}.trades-empty{font-size:.78rem;color:var(--hk-text-muted);text-align:center;padding:.35rem .1rem;margin:0}.trades-empty-compact{padding-top:.35rem;padding-bottom:.5rem}.trades-other-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.trades-other-title{margin:0 0 .45rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hk-text-muted)}.trades-list-item-other{opacity:.88}.trades-list-item-other .trades-list-row:hover{background:#ffffff08}.trades-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.trades-list-item{position:relative;border:1px solid var(--hk-border);border-radius:var(--radius-sm);background:#ffffff0a;overflow:hidden}.trades-list-item-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:1;border-radius:inherit;animation:board-tile-flash .5s ease-in-out 6 forwards}.trades-list-dismiss{position:absolute;top:.2rem;left:.2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;border:none;border-radius:var(--radius-sm);background:#0c1626eb;color:var(--hk-text-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,color .15s,background .15s}.trades-list-item:hover .trades-list-dismiss,.trades-list-dismiss:focus-visible{opacity:1;pointer-events:auto}.trades-list-dismiss:hover{color:#fff;background:#b43232eb}.trades-list-row{display:flex;align-items:center;gap:.3rem;width:100%;padding:.32rem .45rem;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s}.trades-list-row:hover:not(:disabled){background:#ffffff0a}.trade-modal-partner-pair{gap:.65rem}.trade-modal-partner-chip{display:inline-flex;align-items:center;gap:.45rem}.trades-list-player{display:flex;align-items:center;gap:.28rem;min-width:0;flex:1}.trades-list-token{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,255,255,.85)}.trades-list-name{font-size:.7rem;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trades-list-arrow{flex-shrink:0;width:14px;height:14px;color:var(--hk-text-muted)}.trades-list-badge{flex-shrink:0;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.06rem .28rem;border-radius:999px;background:#c9a22733;color:var(--hk-gold)}.properties-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.properties-section .trade-properties{flex:1;min-height:0;display:flex;flex-direction:column;border-bottom:none}.trade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-plum);display:flex;align-items:center;justify-content:center;z-index:210;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem}.trade-modal{position:relative;width:min(100%,720px);max-height:min(90vh,680px);overflow:auto;background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow-hard-lg)}.trade-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00000040;color:var(--hk-text);transition:background .15s}.trade-modal-close:hover{background:#0006}.trade-modal-title{font-family:var(--font-display);font-size:1.15rem;text-align:center;margin-bottom:1rem;padding-right:1.5rem}.trade-modal-partner-select{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem;font-size:.85rem}.trade-partner-dropdown{position:relative;flex:1;min-width:0}.trade-partner-dropdown-trigger{display:flex;align-items:center;gap:.45rem;width:100%;padding:.35rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--hk-border);background:var(--hk-surface-2);color:var(--hk-text);font:inherit;font-size:.85rem;cursor:pointer;text-align:left}.trade-partner-dropdown-trigger:hover{border-color:#c9a22773}.trade-partner-dropdown-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.trade-partner-dropdown-chevron{flex-shrink:0;color:var(--hk-text-muted);transition:transform .15s ease}.trade-partner-dropdown-trigger[aria-expanded=true] .trade-partner-dropdown-chevron{transform:rotate(180deg)}.trade-partner-dropdown-menu{position:absolute;z-index:10;top:calc(100% + .25rem);left:0;right:0;margin:0;padding:.25rem;list-style:none;border-radius:var(--radius-sm);border:1px solid var(--hk-border);background:var(--hk-surface);box-shadow:var(--hk-shadow);max-height:12rem;overflow-y:auto}.trade-partner-dropdown-option{display:flex;align-items:center;gap:.45rem;width:100%;padding:.4rem .45rem;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--hk-text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.trade-partner-dropdown-option:hover{background:#ffffff0f}.trade-partner-dropdown-option.selected{background:#c9a22724}.trade-partner-dropdown-option .trade-modal-player-token{width:24px;height:24px}.trade-modal-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:.65rem;align-items:stretch}.trade-modal-divider{display:flex;align-items:center;justify-content:center;color:var(--hk-gold);padding-top:2rem}.trade-modal-side{display:flex;flex-direction:column;gap:.65rem;min-width:0;padding:.65rem;border:1px solid var(--hk-border);border-radius:var(--radius-sm);background:#0000001f}.trade-modal-player{display:flex;align-items:center;gap:.45rem}.trade-modal-player-token{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0}.trade-modal-player-name{font-weight:700;font-size:.9rem}.trade-modal-money-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--hk-text-muted);margin-bottom:.25rem}.trade-modal-money-value{color:var(--hk-gold);font-weight:700}.trade-modal-money-value-btn{padding:0;border:none;background:none;font:inherit;cursor:pointer;border-bottom:1px dashed color-mix(in srgb,var(--hk-gold) 55%,transparent)}.trade-modal-money-value-btn:hover{color:var(--ink-light)}.trade-modal-money-input-wrap{display:inline-flex;align-items:center;gap:.1rem;color:var(--hk-gold);font-weight:700}.trade-modal-money-input-prefix{font-size:inherit}.trade-modal-money-input{width:4.5rem;padding:.1rem .25rem;border:1px solid var(--hk-gold);border-radius:2px;background:var(--night-surface);color:var(--ink-light);font:inherit;font-weight:700;text-align:right}.trade-modal-money-input:focus{outline:2px solid color-mix(in srgb,var(--hk-gold) 45%,transparent);outline-offset:1px}.trade-modal-slider{width:100%;accent-color:var(--hk-gold)}.trade-modal-money-range{display:flex;justify-content:space-between;font-size:.68rem;color:var(--hk-text-muted);margin-top:.15rem}.trade-modal-money-unavailable{margin:.15rem 0 0;font-size:.72rem;color:var(--hk-text-muted);text-align:left}.trade-modal-jail-cards{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem}.trade-modal-jail-stepper{display:flex;align-items:center;gap:.35rem}.trade-modal-jail-stepper .btn{width:1.4rem;height:1.4rem;min-width:1.4rem;margin-top:0;padding:0;font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.trade-modal-jail-stepper span{min-width:1rem;text-align:center;font-weight:700}.trade-modal-properties{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto;padding-right:.1rem}.trade-modal-property{display:flex;align-items:stretch;gap:.45rem;width:100%;padding:.45rem .5rem;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff0a;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.trade-modal-property:hover:not(.disabled){border-color:var(--hk-border);background:#c9a22714}.trade-modal-property.selected{border-color:var(--hk-gold);background:#c9a22724}.trade-modal-property.disabled{opacity:.45;cursor:not-allowed}.trade-modal-property-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.trade-modal-property .property-item-district-icon{width:40px;height:40px;border-width:2px}.trade-modal-property-name{font-size:.82rem;font-weight:600}.trade-modal-property-price{font-size:.72rem;color:var(--hk-text-muted)}.trade-modal-send{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;margin-top:1rem}.trade-modal-partner-fixed{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.trade-modal-partner-fixed-name{font-size:.95rem;font-weight:700}.trade-modal-actions{display:flex;flex-wrap:nowrap;gap:.5rem;margin-top:1rem}.trade-modal-actions .btn{flex:1;width:auto;min-width:0;margin-top:0}@media(max-width:640px){.trade-modal-columns{grid-template-columns:1fr}.trade-modal-divider{padding:0;transform:rotate(90deg)}}.trade-properties{flex:1;min-height:0;display:flex;flex-direction:column}.trade-properties-scroll{margin-top:0;padding-right:.15rem}.trade-empty{font-size:.78rem;color:var(--hk-text-muted);text-align:center;padding:.35rem .1rem;margin:0}.trade-property-item{display:flex;align-items:center;gap:.35rem;width:100%;margin-bottom:.2rem;padding:.32rem .45rem;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff0a;color:inherit;text-align:left;font:inherit;font-size:.72rem;cursor:pointer;transition:background .15s,border-color .15s}.trade-property-item:hover{background:#c9a22714;border-color:var(--hk-border)}.trade-property-info{display:flex;flex-direction:row;align-items:center;gap:.35rem;min-width:0;flex:1;overflow:hidden;white-space:nowrap}.trade-property-name{flex-shrink:0;max-width:55%;font-weight:600;font-size:.72rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.trade-property-meta{flex-shrink:1;min-width:0;font-size:.62rem;color:var(--hk-text-muted);line-height:1.15;overflow:hidden;text-overflow:ellipsis}.trade-property-mortgaged-badge{flex-shrink:0;font-size:.55rem;font-weight:700;letter-spacing:.04em;padding:.06rem .28rem;border-radius:999px;background:#b45a5a38;color:#e8a8a8;white-space:nowrap}.trade-property-buildings{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;color:var(--hk-gold)}.trade-property-building-count{display:inline-flex;align-items:center;gap:.1rem;font-size:.62rem;font-weight:700;line-height:1}.trade-property-building-count svg{flex-shrink:0}.property-item-district-icon{flex-shrink:0;align-self:center;width:28px;height:28px;border-radius:50%;overflow:hidden;border:1.5px solid var(--stroke-ink, rgba(255, 255, 255, .2));box-shadow:0 1px 3px #00000040}.game-panels-properties .property-item-district-icon{width:22px;height:22px}.property-item-district-icon img{display:block;width:100%;height:100%;object-fit:cover}.property-item-type-icon{display:flex;align-items:center;justify-content:center;color:#fff}.property-item-type-icon svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.game-notification-overlay{position:fixed;top:.5rem;left:0;z-index:250;padding:.5rem .75rem;pointer-events:none;background:transparent}.game-notification-popup{position:relative;width:min(calc(100vw - 1.5rem),240px);padding:2rem .85rem .65rem;border:var(--stroke);box-shadow:var(--shadow-hard);text-align:center;pointer-events:auto;animation:card-draw-in .35s ease-out;transform:rotate(-.8deg)}.game-notification-default{background:var(--night-raised);color:var(--ink)}.game-notification-bankruptcy{background:#5a3440;color:var(--ink)}.game-notification-debt{background:#6a3448;color:var(--ink-light)}.game-notification-auction{background:#4a4048;color:var(--ink)}.game-notification-monopoly{color:#fff;border:3px solid color-mix(in srgb,var(--property-group-color, var(--shojo-pink)) 45%,white);box-shadow:var(--shadow-hard),inset 0 0 0 1px color-mix(in srgb,var(--property-group-color, var(--shojo-pink)) 55%,#141020);overflow:hidden}.game-notification-monopoly--image,.game-notification-monopoly--icon{overflow:hidden}.game-notification-monopoly-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;color:#ffffff24;pointer-events:none;-webkit-user-select:none;user-select:none}.game-notification-monopoly--image>*,.game-notification-monopoly--icon>:not(.game-notification-monopoly-watermark){position:relative;z-index:2}.game-notification-monopoly--image .game-notification-close,.game-notification-monopoly--icon .game-notification-close{z-index:3}.game-notification-jail{background:#384048;color:var(--ink)}.game-notification-bankruptcy .card-draw-timer-label,.game-notification-debt .card-draw-timer-label,.game-notification-auction .card-draw-timer-label,.game-notification-monopoly .card-draw-timer-label,.game-notification-jail .card-draw-timer-label{color:#ffffffe6}.game-notification-bankruptcy .auction-timer-bar,.game-notification-debt .auction-timer-bar,.game-notification-auction .auction-timer-bar,.game-notification-monopoly .auction-timer-bar,.game-notification-jail .auction-timer-bar{background:#fff3}.game-notification-bankruptcy .auction-timer-fill,.game-notification-debt .auction-timer-fill,.game-notification-auction .auction-timer-fill,.game-notification-monopoly .auction-timer-fill,.game-notification-jail .auction-timer-fill{background:#ffffffd9}.game-notification-queue-badge{position:absolute;top:.4rem;right:2.1rem;min-width:1.25rem;padding:.1rem .35rem;border-radius:999px;background:#00000047;color:#fff;font-size:.62rem;font-weight:700;line-height:1.2}.card-draw-player{position:absolute;top:.4rem;left:.4rem;display:flex;align-items:center;gap:.4rem;max-width:calc(100% - 2.5rem);min-width:0}.card-draw-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 1px 4px #00000038;flex-shrink:0;color:#fff}.card-draw-avatar svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.card-draw-player-name{font-size:.72rem;font-weight:700;line-height:1.2;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-notification-close{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#0003;color:#fff;cursor:pointer;transition:background .15s}.game-notification-close:hover{background:#00000059}.card-draw-chance{background:linear-gradient(160deg,#ff9f43,#e67e22);border:1.5px solid rgba(255,255,255,.35);color:#fff}.card-draw-community{background:linear-gradient(160deg,#4a7fd4,#3561a8);border:1.5px solid rgba(255,255,255,.35);color:#fff}.card-draw-header{display:flex;align-items:center;justify-content:center;gap:.35rem;font-family:var(--font-display);font-size:.9rem;margin-bottom:.35rem}.card-draw-text{font-size:.8rem;font-weight:600;line-height:1.35;margin-bottom:.45rem}.card-draw-timer-block{text-align:left}.card-draw-timer-label{font-size:.68rem;font-weight:600;opacity:.92;margin-bottom:.2rem}.card-draw-chance .card-draw-timer-label,.card-draw-community .card-draw-timer-label{color:#fffffff2}.card-draw-chance .auction-timer-bar{background:#ffffff38}.card-draw-community .auction-timer-bar{background:#ffffff2e}.card-draw-chance .auction-timer-fill,.card-draw-community .auction-timer-fill{background:linear-gradient(90deg,#ffffffd9,#ffffffa6)}@keyframes card-draw-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.buy-auction-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;width:100%}.buy-auction-actions .btn{min-width:0;margin-top:0;align-self:stretch}.buy-auction-actions .btn-auction-short{flex:0 0 auto;min-width:7.25rem;padding-inline:.65rem}.buy-auction-actions .btn-buy-long{flex:1 1 auto;min-width:0}.buy-auction-actions .btn svg{flex-shrink:0}.jail-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;width:100%}.jail-actions .btn{min-width:0;margin-top:0;flex:1 1 auto}.turn-actions-compact .buy-auction-actions{gap:.35rem}.turn-actions-compact .buy-auction-actions .btn{white-space:nowrap}.turn-actions-compact .jail-actions{gap:.35rem}.turn-actions-compact .jail-actions .btn{white-space:nowrap;padding-inline:.5rem}.debt-banner{padding:.75rem;margin-bottom:.75rem;background:#dc35451f;border:1px solid rgba(220,53,69,.35);border-radius:var(--radius-sm);text-align:center}.debt-banner-sidebar{margin-bottom:1rem;text-align:left}.debt-banner-title{font-weight:700;color:#ffb4b4;font-size:.9rem}.debt-banner-detail{margin-top:.25rem;font-size:.78rem;color:var(--hk-text-muted)}.debt-banner-hint{margin:.45rem 0 .55rem;font-size:.72rem;color:var(--hk-text-muted)}.turn-actions-compact .debt-banner{padding:.45rem .5rem;margin-bottom:.5rem;background:#c8485847;border-color:#ffa0a06b}.turn-actions-compact .debt-banner-title{font-size:.78rem;color:#ffd0d0}.turn-actions-compact .debt-banner-detail,.turn-actions-compact .debt-banner-hint{font-size:.68rem;color:var(--rose-blush)}.turn-actions-compact .debt-banner-detail .player-list-money.negative{color:#ff9a9a}.turn-indicator{display:flex;justify-content:flex-start;padding:.75rem;background:var(--shojo-peach);border:var(--stroke-thin);margin-bottom:1rem;font-size:.9rem;box-shadow:var(--shadow-hard-sm)}.turn-indicator-token{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--paper)}.turn-indicator-content{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.turn-indicator-token svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.turn-indicator-text{display:block;min-width:0;line-height:1;white-space:nowrap;padding-top:.1em}.turn-indicator strong{color:var(--hk-gold);font-weight:700}.game-log{overflow-y:auto;font-size:.75rem}.log-entry{display:flex;align-items:center;gap:.4rem;padding:.35rem 0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 14%,transparent);color:var(--hk-text-muted)}.log-entry-avatar{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.log-entry-avatar svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.log-entry-text{margin:0;flex:1;min-width:0;font-size:inherit;line-height:1.35;color:var(--hk-text-muted);text-wrap:pretty}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.75rem 1rem}.chat-messages.chat-messages-compact{padding:0;display:flex;flex-direction:column}.chat-messages.chat-messages-compact:before{content:"";flex:1 1 auto;min-height:0}.chat-messages.chat-messages-compact .chat-msg{margin-bottom:.15rem;line-height:1.3}.chat-messages.chat-messages-compact .chat-msg:last-child{margin-bottom:0}.lobby-chat-panel.chat-readonly{min-height:0;overflow:hidden;flex:1 1 0}.lobby-chat-panel.chat-readonly .game-panels-section-body{flex:1 1 0;height:0;min-height:0;overflow-y:auto;overflow-x:hidden}.chat-msg{margin-bottom:.5rem;font-size:.85rem}.chat-msg-name{font-weight:600;color:var(--hk-gold);margin-right:.4rem}.chat-input-area{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-top:1px solid var(--hk-border)}.chat-input-area input{flex:1;width:100%;min-width:0;height:2.375rem;box-sizing:border-box;margin:0;font-size:.85rem;line-height:1.25;padding:0 .75rem;background:var(--paper-inset);border:var(--stroke-thin);color:var(--ink);box-shadow:inset 2px 2px #00000059}.lobby-sidebar .chat-input-area input{width:100%}.property-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-plum);display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem}.property-modal{position:relative;width:min(100%,300px);background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow-hard-lg);overflow:hidden}.property-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:var(--property-group-color, var(--shojo-pink));border-bottom:var(--stroke-thin)}.property-modal-neutral{background:var(--paper);border-color:var(--ink)}.property-modal-neutral:before{background:var(--shojo-lavender)}.property-modal-close{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00000040;color:var(--hk-text);transition:background .15s}.property-modal-close:hover{background:#0006}.property-modal-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:7rem;font-weight:700;color:#ffffff0f;pointer-events:none;-webkit-user-select:none;user-select:none}.property-modal-watermark img{width:9rem;height:9rem;object-fit:contain;opacity:.1}.property-modal-header{position:relative;z-index:1;text-align:center;margin-bottom:1rem}.property-modal-header h2{font-family:var(--font-display);font-size:1.5rem;line-height:1.15;color:var(--ink);margin-top:.5rem}.property-modal-name-zh{margin-top:.2rem;font-size:.85rem;color:var(--ink-muted)}.property-modal-mortgage-btn{position:relative;z-index:1;width:100%;margin-bottom:.85rem;padding:.65rem 1rem;font-size:.85rem}.property-modal-rent{position:relative;z-index:1;margin-bottom:.75rem}.property-modal-rent-head,.property-modal-rent-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.3rem .5rem;font-size:.78rem}.property-modal-rent-head span:last-child,.property-modal-rent-row span:last-child{text-align:right}.property-modal-rent-head{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;padding-bottom:.15rem}.property-modal-rent-row{color:var(--ink);border:1px solid transparent}.property-modal-rent-row.active{background:var(--shojo-blush);border:var(--stroke-thin);font-weight:700}.property-modal-actions{position:relative;z-index:1;display:flex;width:100%;gap:.65rem;margin-bottom:.85rem}.property-modal-action-wrap{position:relative;flex:1;min-width:0;display:flex}.property-modal-action-wrap[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .4rem);left:50%;z-index:2;padding:.3rem .55rem;border:var(--stroke-thin);background:var(--night-plum);color:var(--rose-mist);font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) translateY(2px);transition:opacity .15s ease,transform .15s ease;box-shadow:var(--shadow-hard-sm)}.property-modal-action-wrap[data-tip]:hover:after,.property-modal-action-wrap[data-tip]:focus-within:after{opacity:1;transform:translate(-50%) translateY(0)}.property-modal-action-btn{flex:1;width:100%;min-width:0;padding:.65rem 1rem;font-size:.85rem;white-space:nowrap}.property-modal-action-btn:disabled{opacity:.45;cursor:not-allowed}.property-modal-mortgage-btn:disabled{opacity:.45;cursor:not-allowed}.property-modal-owner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}.property-modal-owner-label{color:#ffffff8c}.property-modal-owner-info{display:flex;align-items:center;gap:.45rem}.property-modal-owner-token{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.property-modal-unowned{justify-content:center;color:#ffffff8c;font-style:italic}.property-modal-mortgaged-tag,.property-modal-buildings-tag{position:relative;z-index:1;text-align:center;font-size:.75rem;font-weight:600;color:var(--hk-gold);margin-bottom:.5rem}.property-modal-footer{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12);text-align:center}.property-modal-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.75rem;color:#ffffff8c}.property-modal-stat-value{color:#fff;font-weight:600}.board-tile.clickable{cursor:pointer}.board-tile.clickable:hover,.board-tile.clickable:focus-visible{z-index:12}.board-tile.clickable:hover:after,.board-tile.clickable:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:32;box-shadow:inset 0 0 0 3px #fffae8fa,0 0 18px #fff5d2b8}.board-tile.clickable:focus-visible{outline:none}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-plum);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem;overflow-y:auto}.stats-page{width:min(920px,100%);display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:auto auto auto;gap:1rem}.stats-header{display:flex;flex-direction:column;gap:1rem}.stats-winner-title,.stats-highlight-title{display:flex;align-items:center;gap:.5rem;color:var(--hk-text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.stats-winner-player{display:flex;align-items:center;gap:.75rem}.stats-winner-avatar,.stats-highlight-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;box-shadow:none;color:var(--paper);flex-shrink:0}.stats-highlight-avatar{width:1.5rem;height:1.5rem;margin-right:.35rem;vertical-align:middle}.stats-winner-name{font-family:var(--font-display);font-size:1.65rem;color:var(--hk-text);text-shadow:2px 2px 0 var(--shojo-lavender)}.stats-winner-none{color:var(--hk-text-muted);font-size:1.1rem}.stats-winner-card,.stats-summary-card,.stats-chart-card,.stats-highlight-card{background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);padding:1.25rem 1.35rem;box-shadow:var(--shadow-hard);transform:rotate(-.3deg)}.stats-row{display:flex;align-items:center;gap:.65rem;padding:.45rem 0;border-bottom:var(--stroke-thin);color:var(--hk-text-muted)}.stats-row:last-child{border-bottom:none}.stats-row-label{flex:1;font-size:.9rem}.stats-row-value{font-weight:700;color:var(--hk-text);font-size:.95rem}.stats-chart-card{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;min-height:360px}.stats-section-title{font-size:.95rem;font-weight:700;color:var(--hk-text);margin-bottom:.75rem}.stats-chart-wrap{flex:1;display:flex;flex-direction:column}.stats-chart{width:100%;height:auto;flex:1}.stats-chart-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--hk-text-muted);font-size:.9rem}.stats-chart-negative-zone{fill:#c41e3a1f}.stats-chart-zero-line{stroke:#fff8dc80;stroke-width:1.5}.stats-chart-grid{stroke:#ffffff14;stroke-width:1}.stats-chart-grid-vertical{stroke-dasharray:3 4}.stats-chart-axis-label{fill:var(--hk-text-muted);font-size:10px;font-family:var(--font-body)}.stats-chart-x-label{text-align:center;font-size:.75rem;color:var(--hk-text-muted);margin-top:.25rem}.stats-chart-legend{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.75rem;padding-top:.5rem}.stats-chart-line-hit{cursor:pointer;pointer-events:stroke}.stats-chart-line{pointer-events:stroke;stroke-width:2;transition:stroke-width .15s ease}@keyframes stats-chart-line-flash{0%,to{stroke-width:2;filter:drop-shadow(0 0 0 transparent)}50%{stroke-width:3.5;filter:drop-shadow(0 0 8px rgba(255,248,220,.95))}}.stats-chart-line-flash{animation:stats-chart-line-flash .55s ease-in-out infinite}@keyframes stats-chart-legend-flash{0%,to{color:var(--hk-text-muted);transform:scale(1)}50%{color:var(--ink-light);transform:scale(1.04)}}.stats-chart-legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--hk-text-muted);cursor:pointer;border-radius:4px;padding:.1rem .2rem;margin:-.1rem -.2rem;transition:color .15s ease}.stats-chart-legend-flash{animation:stats-chart-legend-flash .55s ease-in-out infinite}.stats-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}@keyframes stats-chart-legend-dot-flash{0%,to{transform:scale(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.35);box-shadow:0 0 8px #fff8dce6}}.stats-chart-legend-dot-flash{animation:stats-chart-legend-dot-flash .55s ease-in-out infinite}.stats-highlights{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats-highlight-value{font-size:1rem;font-weight:600;color:var(--hk-text);display:flex;align-items:center;flex-wrap:wrap}.stats-highlight-meta{color:var(--hk-text-muted);font-weight:500;margin-left:.25rem}.stats-actions{grid-column:1 / -1;display:flex;gap:.75rem;justify-content:center;padding-top:.5rem}.stats-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.35rem;background:var(--hk-surface-2);border:1px solid var(--hk-border);color:var(--hk-text);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.stats-btn:hover{background:var(--hk-blue-light);border-color:var(--hk-gold)}.stats-btn-secondary{background:transparent}.stats-wait-host{margin:0;padding:.7rem 1rem;color:var(--hk-text-muted);font-size:.95rem}@media(max-width:1199px)and (orientation:portrait){.stats-page{grid-template-columns:1fr}.stats-chart-card{grid-column:1;grid-row:auto}.stats-highlights{grid-template-columns:1fr}}.winner-card{background:var(--hk-surface);border:2px solid var(--hk-gold);border-radius:var(--radius);padding:3rem;text-align:center;max-width:400px}.winner-card h2{font-family:var(--font-display);font-size:2rem;color:var(--hk-gold);margin-bottom:.5rem}.player-locate-modal-player{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.65rem .75rem;background:var(--night-raised);border:var(--stroke-thin);box-shadow:var(--shadow-hard-sm)}.player-locate-modal-token{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.player-locate-modal-name{font-weight:700;font-size:.95rem}.player-locate-modal-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.player-locate-modal-option{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem .85rem;background:var(--night-raised);border:var(--stroke-thin);color:var(--ink);font-family:var(--font-body);font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .1s,box-shadow .1s,background .1s}.player-locate-modal-option:hover:not(:disabled){background:var(--shojo-lavender);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow-ink)}.player-locate-modal-option:disabled{opacity:.45;cursor:not-allowed}.admin-panel-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.admin-panel-header h1{font-family:var(--font-display);font-size:1.75rem;color:var(--rose-mist);text-shadow:2px 2px 0 var(--night-plum)}.admin-panel-subtitle{color:#ffdde8bf;font-size:.9rem;margin-top:.25rem}.admin-panel-toolbar{display:flex;align-items:center;gap:.5rem}.admin-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0;margin-top:0;flex-shrink:0;box-sizing:border-box;line-height:1}.btn.admin-toolbar-btn{width:2.25rem;margin-top:0}.btn-sm.admin-toolbar-btn{padding:0}.admin-spectate-btn{background:#ffffff14;color:var(--hk-text-muted);border:1px solid rgba(255,255,255,.14)}.admin-spectate-btn:hover:not(:disabled){background:#ffffff24;color:var(--hk-text);border-color:#ffffff38}.admin-restart-btn{background:#f0c6741a;color:#f0c674;border:1px solid rgba(240,198,116,.28)}.admin-restart-btn:hover:not(:disabled){background:#f0c6742e;color:#f5d58a;border-color:#f0c67473}.admin-delete-btn{background:#e888881f;color:#e88;border:1px solid rgba(232,136,136,.35)}.admin-delete-btn:hover:not(:disabled){background:#e8888838;color:#f0a0a0;border-color:#e888888c}.admin-panel-error{margin-bottom:1rem}.admin-empty{text-align:center;color:var(--hk-text-muted);padding:3rem 1rem;background:var(--night-raised);border:var(--stroke);box-shadow:var(--shadow-hard)}.admin-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.admin-game-card{background:var(--night-surface);border:var(--stroke);padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-hard-sm);transform:rotate(.2deg)}.admin-game-card:hover,.admin-game-card:focus-within{border-color:#ffffff24}.admin-game-card-top{position:relative;display:flex;align-items:flex-start}.admin-game-header{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.admin-game-card-actions{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.35rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.admin-game-card:hover .admin-game-card-actions,.admin-game-card:focus-within .admin-game-card-actions{opacity:1;pointer-events:auto}@media(hover:none){.admin-game-card-actions{opacity:1;pointer-events:auto}.admin-game-header{padding-right:10.05rem}}.admin-game-badges{display:flex;align-items:center;flex-wrap:nowrap;gap:.35rem}.admin-room-code{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;color:var(--hk-gold);flex-shrink:0}.admin-game-status-badges{display:inline-flex;align-items:center;flex-shrink:0;gap:.35rem}.admin-status{display:inline-flex;align-items:center;flex-shrink:0;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff14;white-space:nowrap}.admin-status-lobby{color:#7ec8e3}.admin-status-playing{color:#8fd48a}.admin-status-ended{color:#b8b8c8}.admin-status-inactive{color:#f0c674}.admin-game-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--hk-text-muted)}.admin-player-details{border-top:1px solid rgba(255,255,255,.06);padding-top:.35rem}.admin-player-details-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.85rem;color:var(--hk-text-muted);-webkit-user-select:none;user-select:none;list-style:none;padding:.25rem 0;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.admin-player-details-summary::-webkit-details-marker{display:none}.admin-player-details-summary:hover{color:var(--hk-text)}.admin-player-chevron{flex-shrink:0;transition:transform .15s ease}.admin-player-details[open] .admin-player-chevron{transform:rotate(90deg)}.admin-player-count{font-variant-numeric:tabular-nums;color:var(--hk-text);font-weight:600}.admin-player-details .admin-player-list{margin-top:.5rem}.admin-player-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.admin-player-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.35rem .5rem;background:#00000026;border-radius:var(--radius-sm)}.admin-player-list li.bankrupt{opacity:.55}.admin-player-list li.current-turn{background:#4ec86024;border:1px solid rgba(143,212,138,.5);box-shadow:inset 3px 0 #8fd48a}.admin-player-list li.winner{opacity:1;background:#ffc62833;border:1px solid #ffc828;box-shadow:0 0 0 1px #ffc8304d,inset 0 0 14px #ffc8301a}.admin-player-list li.winner .admin-player-name{color:#ffe08a;font-weight:600}.admin-player-token{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.admin-player-token svg{display:block}.admin-player-name{flex:1;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.admin-deduct-input{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.admin-deduct-input label{font-size:.8rem;color:var(--hk-text-muted)}.admin-deduct-input input{padding:.5rem .75rem;border:1px solid var(--hk-border);border-radius:var(--radius-sm);background:#0003;color:var(--hk-text);font-size:1rem;width:100%}.btn-xs{padding:.2rem .4rem;font-size:.75rem;min-height:unset}.admin-spectate{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.admin-spectate-badge,.spectator-badge{position:fixed;top:.75rem;left:.75rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;height:1.625rem;padding:0 .65rem;border-radius:999px;background:#0c2340e0;color:var(--hk-gold);border:1px solid rgba(201,162,39,.35);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.75rem;line-height:1}.spectator-view{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.admin-spectate-badge span,.spectator-badge span{display:block;line-height:1}.admin-spectate-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--hk-text-muted)}.admin-spectate-game{flex:1;min-height:0;height:100%}.admin-spectate-game.game{height:100%}.admin-spectate-lobby.lobby,.spectator-lobby.lobby{flex:1;min-height:0;height:100%;width:100%;align-items:stretch}.admin-spectate-lobby .lobby-main,.spectator-lobby .lobby-main{justify-content:flex-start;padding-top:3rem;overflow:auto}.admin-spectate-lobby .lobby-sidebar,.spectator-lobby .lobby-sidebar{height:100%;min-height:0}.admin-spectate-lobby-error{margin:-.75rem 0 1rem;text-align:center;font-size:.85rem}.admin-player-list-item{overflow:hidden}.admin-spectate-player-actions{position:absolute;top:50%;right:.35rem;z-index:2;display:flex;align-items:center;gap:.25rem;padding:.2rem .3rem;transform:translateY(-50%)}.admin-spectate-players .admin-player-list-item:has(.player-list-turn-timer) .admin-spectate-player-actions{right:2.65rem}@media(hover:hover){.admin-spectate-players .admin-spectate-player-actions{display:none}.admin-spectate-players .admin-player-list-item:hover .admin-spectate-player-actions,.admin-spectate-players .admin-player-list-item:focus-within .admin-spectate-player-actions{display:flex}}.admin-action-modal-input{margin-top:1rem}.spin{animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.property-modal-close,.trade-modal-close{border-radius:0;border:2px solid var(--stroke-ink);background:var(--night-raised);color:var(--ink);box-shadow:2px 2px 0 var(--shadow-ink)}.property-modal-close:hover,.trade-modal-close:hover{background:var(--shojo-hot);color:var(--ink-light)}.auction-property-card-name{font-weight:700;font-size:.95rem;line-height:1.2}.chat-msg-name{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sidebar-section-title{font-family:var(--font-body);font-weight:700;color:var(--ink);border-bottom:var(--stroke-thin);padding-bottom:.35rem;display:inline-block;width:fit-content}.trade-partner-dropdown-trigger,.admin-deduct-input input{background:var(--paper-inset);border:var(--stroke-thin);color:var(--ink);box-shadow:inset 2px 2px #00000059}.winner-card{background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--stroke);box-shadow:var(--shadow-hard-lg);padding:2rem}.admin-spectate-badge,.spectator-badge{background:var(--night-raised);color:var(--ink);border:var(--stroke-thin);border-radius:0;box-shadow:var(--shadow-hard-sm)}.admin-player-list li{background:var(--night-surface);border:var(--stroke-thin);border-radius:0}.property-modal-rent-row.active{background:var(--shojo-peach)}.game-notification-bankruptcy .card-draw-timer-label,.game-notification-debt .card-draw-timer-label,.game-notification-auction .card-draw-timer-label,.game-notification-monopoly .card-draw-timer-label,.game-notification-jail .card-draw-timer-label{color:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.landscape-column-bar{display:none}.landscape-column-hidden{display:none!important}@media(max-width:1199px){.game:not(.game-landscape-layout){display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;height:100dvh;overflow:hidden}.game:not(.game-landscape-layout):not(.game-portrait-stack) .game-board-area{flex:1;min-height:0;--board-fit-gap-inline: .75rem;--board-fit-gap-block: .75rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline)}.property-modal,.auction-modal{max-height:92dvh;overflow-y:auto}}@media(max-width:1199px)and (orientation:portrait){.game-portrait-stack{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.game-portrait-stack .game-board-area{flex:0 0 auto;flex-shrink:0;order:0;width:100%;min-height:0;--board-fit-gap-inline: .5rem;--board-fit-gap-block: .35rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline);overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.game-portrait-stack .game-sections-wrap{display:flex;flex-direction:column;flex:1 1 0;order:1;width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-portrait-stack .board-scale-shell{margin-left:auto;margin-right:auto;overflow:hidden}.game-portrait-stack .board-scale-layer{transform-origin:top left}.game-portrait-stack .board-wrapper{flex:0 0 auto;width:var(--board-locked-width, 720px);min-width:var(--board-locked-width, 720px);max-width:var(--board-locked-width, 720px);height:var(--board-locked-height, 720px);min-height:var(--board-locked-height, 720px);margin:0 auto}.game-portrait-stack .board-wrapper .board-center-logo{font-size:1.35rem}.game-portrait-stack .game-sidebar,.game-portrait-stack .game-panels{display:contents}.game-portrait-stack .game-column-section{flex:0 0 auto;width:100%;min-height:0;background:var(--paper-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:var(--stroke);border-bottom:none;overflow:hidden}.game-portrait-stack .players-section{order:2;flex:0 0 auto;max-height:none;overflow-y:visible}.game-portrait-stack .game-panels-trades{order:3}.game-portrait-stack .game-panels-properties{order:4}.game-portrait-stack .game-sidebar-chat{order:5;flex:0 0 auto;border-top:var(--stroke)}.game-portrait-stack .game-panels-log{order:6}.game-portrait-stack .game-panels-log,.game-portrait-stack .game-panels-trades,.game-portrait-stack .game-panels-properties{flex:0 0 auto;min-height:0;max-height:none}.game-portrait-stack .game-panels-section-body,.game-portrait-stack .game-sidebar-chat .game-panels-section-body{flex:0 1 auto;max-height:min(32vh,280px);overflow-y:auto}}@media(max-width:1199px)and (orientation:landscape){.game-landscape-layout .game-sections-wrap{display:contents}.game-landscape-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px) minmax(180px,240px);grid-template-rows:minmax(0,1fr);height:100dvh;overflow:hidden}.game-landscape-layout .game-board-area{grid-column:1;grid-row:1;flex:none;min-width:0;min-height:0;--board-fit-gap-inline: .75rem;--board-fit-gap-block: .75rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline)}.game-landscape-layout .board-wrapper .board-center-logo{font-size:1.35rem}.game-landscape-layout .game-sidebar,.game-landscape-layout .game-panels{position:static;grid-row:1;width:auto;height:auto;max-height:none;min-width:0;min-height:0;z-index:auto;border-left:var(--stroke);border-top:none;box-shadow:none;transform:none;pointer-events:auto;overflow:hidden}.game-landscape-layout .game-sidebar{grid-column:2}.game-landscape-layout .game-panels{grid-column:3;border-left:var(--stroke-thin)}.game-landscape-compact{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.game-landscape-compact .game-sidebar,.game-landscape-compact .game-panels{grid-column:2}.game-landscape-compact .game-board-area .landscape-column-bar{display:flex;position:absolute;top:.85rem;right:.85rem;bottom:auto;left:auto;z-index:40;gap:.55rem;padding:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.landscape-column-btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:var(--stroke);background:var(--paper-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);box-shadow:var(--shadow-hard-sm);cursor:pointer;transition:transform .12s,background .12s,color .12s}.landscape-column-btn:active{transform:translateY(1px)}.landscape-column-btn.active{background:var(--shojo-pink);color:var(--ink-light)}}@media(max-width:480px)and (orientation:portrait){.game-portrait-stack .game-board-area{--board-fit-gap-inline: .35rem;--board-fit-gap-block: .25rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline)}}@media(max-width:480px)and (orientation:landscape){.game-landscape-layout .game-board-area{--board-fit-gap-inline: .35rem;--board-fit-gap-block: .35rem;padding:var(--board-fit-gap-block) var(--board-fit-gap-inline)}.game-landscape-compact{grid-template-columns:minmax(0,1fr) minmax(200px,42vw)}.game-landscape-compact .game-board-area .landscape-column-bar{top:.6rem;right:.6rem}.landscape-column-btn{width:2.75rem;height:2.75rem}}@media(max-width:600px){.landing{padding:3.25rem 1.1rem 0}.landing-menu--three .landing-menu-tile svg{width:28px;height:28px}.landing-menu--three .landing-menu-tile{padding:1.25rem .5rem 1.1rem;gap:.45rem}.landing-menu--three .landing-menu-tile-label{font-size:.78rem}.landing-menu--three .landing-menu-tile-desc{font-size:.58rem}.lobby-main{padding:1.25rem 1rem}.players-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}}@media(max-width:400px){.players-grid{grid-template-columns:repeat(2,1fr)}}.game .game-column-section{padding:.65rem .75rem;box-sizing:border-box}.game .game-sidebar .players-section.game-column-section,.game-portrait-stack .players-section.game-column-section{border-bottom:none}.game .game-column-section-header{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0;margin:0 0 .45rem;padding:0;min-height:0}.game .game-column-section-header--actions{align-items:center}.game .game-column-section .sidebar-section-title{margin:0;padding:0 0 .35rem;line-height:1.2;font-size:.7rem;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);border-bottom:var(--stroke-thin);display:inline-block;width:fit-content}.game .game-sidebar-chat .chat-messages{padding:0}@media(max-width:1199px)and (orientation:portrait){.stats-overlay{align-items:flex-start;justify-content:flex-start;padding:max(.65rem,env(safe-area-inset-top,0px)) max(.65rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(.65rem,env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch}.stats-page{width:100%;max-width:100%;grid-template-columns:1fr;gap:.75rem}.stats-chart-card{grid-column:1;grid-row:auto;min-height:min(36vh,260px)}.stats-highlights{grid-template-columns:1fr;gap:.75rem}.stats-winner-name{font-size:1.35rem}.stats-winner-card,.stats-summary-card,.stats-chart-card,.stats-highlight-card{padding:1rem 1.05rem;transform:none}.stats-chart-legend{gap:.5rem .75rem}.stats-chart-legend-item{font-size:.72rem}.stats-actions{flex-direction:column;align-items:stretch;gap:.55rem;padding-top:.25rem;padding-bottom:.25rem}.stats-btn,.stats-wait-host{width:100%;justify-content:center;text-align:center;box-sizing:border-box}.stats-wait-host{padding:.7rem 1rem}}@media(max-width:480px)and (orientation:portrait){.stats-overlay{padding:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px))}.stats-page{gap:.6rem}.stats-winner-name{font-size:1.2rem}.stats-winner-card,.stats-summary-card,.stats-chart-card,.stats-highlight-card{padding:.85rem .9rem}.stats-chart-card{min-height:min(32vh,220px)}.stats-row-label{font-size:.85rem}.stats-row-value{font-size:.88rem}.stats-highlight-value{font-size:.92rem}}
