body{margin:0;font-family:system-ui,sans-serif}.admin{min-width:0;max-width:880px;color:var(--text);margin:0 auto;padding:16px}.admin__heading{margin:0 0 12px;font-size:1.4rem}.admin__section{min-width:0;margin-bottom:24px}.admin__section h2{margin:0 0 8px;font-size:1.1rem}.admin__toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.admin__field{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.admin__field select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px;font-size:1rem}.admin__btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:.95rem}.admin__btn--primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.admin__btn:disabled{opacity:.6;cursor:not-allowed}.admin__error,.admin__warn{color:var(--error);margin:0 0 12px}.admin__notice{background:var(--surface);border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.admin__notice-text{color:var(--text-muted);margin:0;font-size:.9rem}.admin__secret{letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:1.6rem}.admin__notice-actions,.admin__actions{flex-wrap:wrap;gap:8px;display:flex}.admin__scroll{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;overflow-x:auto}.admin__table{border-collapse:collapse;width:100%;font-size:.95rem}.admin__table th,.admin__table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.admin__table th{color:var(--text-muted);font-weight:600}.admin__error,.admin__warn,.admin__notice-text,.admin__heading,.admin__section h2{word-break:keep-all;overflow-wrap:anywhere}@media (width<=700px){.admin{padding:12px}.admin__scroll{background:0 0;border:0;overflow-x:visible}.admin__table,.admin__table tbody,.admin__table tr,.admin__table td{display:block}.admin__table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.admin__table tr{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:6px 10px}.admin__table td{white-space:normal;border-bottom:0;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.admin__table td:before{content:attr(data-label);color:var(--text-muted);flex:0 0 4.5em;font-size:.85rem}}.lobby__heading{margin:0 0 12px;font-size:1.3rem}.lobby__body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.room-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;min-width:0;display:grid}.room-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:12px;text-decoration:none;display:flex}.room-card:hover,.room-card:focus-visible{border-color:var(--accent)}.room-card__head{justify-content:space-between;font-weight:700;display:flex}.room-card__count,.room-card__rank{color:var(--text-muted)}.room-card__player--empty{color:var(--text-muted);font-style:italic}.player-panel{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;padding:12px}.player-panel__title{margin:0 0 8px;font-size:1.05rem}.player-panel__search{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:4px;margin-bottom:8px;padding:6px 8px}.player-panel__tabs{gap:4px;margin-bottom:8px;display:flex}.player-panel__tabs button{cursor:pointer;flex:1;padding:4px 8px}.player-panel__tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.player-panel__list{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.player-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;border-radius:0;gap:8px;width:100%;padding:6px 8px;display:flex}.player-row:hover,.player-row:focus-visible{background:var(--bg)}.player-row__name{overflow-wrap:anywhere;flex:1;min-width:0}.player-row__rank,.player-row__record{color:var(--text-muted);white-space:nowrap}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:340px;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:16px}.modal__title{margin:0 0 8px;font-size:1.1rem}.modal__info{color:var(--text-muted);margin:0 0 12px}.modal__actions{flex-wrap:wrap;gap:8px;display:flex}.modal__actions button{cursor:pointer;padding:6px 12px}@media (width<=899px){.lobby__body{grid-template-columns:minmax(0,1fr)}}.auth-page{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.auth-card__title{margin:0 0 4px;font-size:1.4rem}.auth-field{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.auth-field input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px;font-size:1rem}.auth-error{color:var(--error);margin:0;font-size:.9rem}.auth-submit{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:4px;padding:10px;font-size:1rem}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-alt{color:var(--text-muted);margin:0;font-size:.85rem}.auth-alt a{color:var(--accent)}.auth-loading{color:var(--text-muted);padding:16px}.auth-notice,.auth-status{margin:0;font-size:.9rem}.auth-card--inline{margin:16px}.auth-notice,.auth-status{background:var(--bg);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:4px;padding:8px 12px;line-height:1.5}.auth-notice{border-left-color:var(--error)}.auth-notice,.auth-status,.auth-error,.auth-alt,.auth-loading{word-break:keep-all;overflow-wrap:anywhere}.board{-webkit-user-select:none;user-select:none;border-radius:6px;max-width:640px;margin:0 auto;box-shadow:0 4px 14px #00000059}.board-territory{pointer-events:none}.local-game{max-width:720px;margin:0 auto;padding:0 12px 24px}.local-game__controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.local-game__error{min-height:1.4em;color:var(--error)}.local-game__result{margin:4px 0;font-size:1.25rem;font-weight:700}.local-game__buttons{gap:8px;margin-top:12px;display:flex}.local-game__buttons button{cursor:pointer;padding:6px 14px}.room{color:var(--text);padding:12px}.room__title{overflow-wrap:anywhere;min-width:0;margin:0 0 12px;font-size:1.1rem}.room__layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.room__board{min-width:0}.room__side{flex-direction:column;gap:10px;min-width:0;display:flex}.room-clock{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-clock__box{background:var(--surface);border:1px solid var(--border);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:8px;font-size:1.4rem}.room-player{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.room-player--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.room-player__avatar{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.room-player__info{color:var(--text-muted);flex-direction:column;min-width:0;font-size:.85rem;display:flex}.room-player__name{color:var(--text);overflow-wrap:anywhere}.room-analysis,.room-buttons{flex-wrap:wrap;gap:6px;display:flex}.room-participants{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.room-participants h3{margin:0 0 4px;font-size:.9rem}.room-participants ul{margin:0;padding-left:18px}.room-participants li{overflow-wrap:anywhere;min-width:0}.room-chat{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.room-chat__list{max-height:160px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.room-chat__list li{overflow-wrap:anywhere;word-break:break-word;padding:2px 0}.room-chat__form{gap:6px;display:flex}.room-chat__form input{background:var(--bg);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:4px 6px}.room-request{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.room-request p,.room-status p{margin:0}.room-request__label{color:var(--text-muted);font-size:.85rem}.room-error{color:var(--error)}.room-result{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}@media (width<=899px){.room__layout{grid-template-columns:minmax(0,1fr)}}:root,:root[data-theme=light]{--bg:#f5f2ea;--surface:#fff;--text:#1c1b18;--text-muted:#5f5b52;--border:#d6d0c2;--accent:#2f6f4f;--accent-text:#fff;--error:#b3261e}:root[data-theme=dark]{--bg:#16181a;--surface:#202326;--text:#e8e6e1;--text-muted:#a5a29a;--border:#3a3e42;--accent:#5fb386;--accent-text:#10201a;--error:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text)}button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px}.app-shell{grid-template:"header header""nav main"1fr/180px minmax(0,1fr);max-width:100vw;min-height:100vh;display:grid}.app-header{background:var(--surface);border-bottom:1px solid var(--border);grid-area:header;align-items:center;gap:16px;padding:10px 16px;display:flex}.app-header__name{margin-right:auto;font-size:1.15rem;font-weight:700}.app-header__online{color:var(--text-muted)}.app-header__theme{cursor:pointer;padding:4px 10px}.left-nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:nav;gap:4px;padding:12px 8px;display:flex}.left-nav__item{color:var(--text);border-radius:4px;padding:10px 12px;text-decoration:none}.left-nav__item:hover{background:var(--bg)}.left-nav__item.is-active{background:var(--accent);color:var(--accent-text);font-weight:700}.app-shell__main{grid-area:main;min-width:0;padding:16px}@media (width<=899px){.app-shell{grid-template:"header""nav""main"1fr/minmax(0,1fr)}.left-nav{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;padding:6px 8px;overflow-x:auto}.left-nav__item{white-space:nowrap}}.app-header__user{color:var(--text);font-size:.9rem}.app-header__logout{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px}.app-header__name,.app-header__online,.app-header__theme,.app-header__logout{white-space:nowrap}.app-header__user{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:24em;overflow:hidden}.app-header__theme,.app-header__logout{flex-shrink:0}@media (width<=480px){.app-header{gap:8px;padding:8px 10px}.app-header__name{font-size:1rem}.app-header__online,.app-header__user{font-size:.8rem}.app-header__user{max-width:6em}.app-header__online{font-size:0}.app-header__online:after{content:attr(data-short);font-size:.8rem}.app-header__theme,.app-header__logout{padding:2px 6px;font-size:.85rem}}