:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--grass-1:#6ab04c;--grass-2:#5fa343;--grass-dark:#4e8c38;--ink:#1c2b16;--panel:#fff;--panel-line:#e3e8de;--accent:#16321f;--muted:#7a8872;--danger:#b53a3a;--danger-bg:#fbe4e4;--shadow:#1428142e}.grass-bg{background-color:var(--grass-1);background-image:linear-gradient(45deg, var(--grass-2) 25%, transparent 25%), linear-gradient(-45deg, var(--grass-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--grass-2) 75%), linear-gradient(-45deg, transparent 75%, var(--grass-2) 75%);background-position:0 0,0 28px,28px -28px,-28px 0;background-size:56px 56px}.panel-card{background:var(--panel);box-shadow:0 4px 16px var(--shadow);border-radius:16px}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field label{color:var(--accent);font-size:12px;font-weight:700}.field .hint{color:var(--muted);font-size:11px}.field input,.text-input{border:2px solid var(--panel-line);color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.field input:focus,.text-input:focus{border-color:var(--grass-1)}.btn-primary{background:var(--grass-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;transition:background .15s,transform 80ms}.btn-primary:hover:not(:disabled){background:#43792f}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{cursor:default;background:#b7c3b0}.error-text{color:var(--danger);font-size:13px}#root{text-align:left;border-inline:none;width:100%;max-width:none;margin:0}.auth-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{width:100%;max-width:400px;overflow:hidden}.auth-brand{text-align:center;border-bottom:1px solid var(--panel-line);background:linear-gradient(160deg,#f4f8f1,#fff);padding:32px 24px 20px}.auth-brand__logo{margin-bottom:10px;font-size:40px;line-height:1}.auth-brand__title{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.auth-brand__tag{color:var(--muted);margin:6px 0 0;font-size:13px}.auth-tabs{gap:4px;padding:20px 24px 0;display:flex}.auth-tab{text-align:center;color:var(--muted);border:none;cursor:pointer;background:0 0;border-bottom:3px solid #0000;flex:1;padding:10px;font-size:14px;font-weight:700;transition:color .15s,border-color .15s}.auth-tab.active{color:var(--accent);border-bottom-color:var(--grass-1)}.auth-tab:disabled{cursor:default}.auth-form{flex-direction:column;gap:14px;padding:22px 24px 28px;display:flex}.lobby-page{box-sizing:border-box;min-height:100svh;padding:20px}.lobby-page__inner{flex-direction:column;gap:20px;max-width:880px;margin:0 auto;display:flex}.lobby-topbar{align-items:center;gap:12px;padding:14px 20px;display:flex}.lobby-topbar__logo{font-size:22px}.lobby-topbar__title{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.lobby-topbar__spacer{flex:1}.lobby-topbar__profile{border:2px solid var(--panel-line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.lobby-topbar__profile:hover{border-color:var(--grass-1)}.lobby-topbar__avatar{width:26px;height:26px;color:var(--accent);object-fit:cover;background:linear-gradient(135deg,#ffe4a3,#ffb238);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lobby-topbar__logout{border:2px solid var(--panel-line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.create-card{padding:20px}.create-card__title{color:var(--accent);margin:0 0 12px;font-size:14px;font-weight:700}.create-row{gap:10px;display:flex}.create-row .text-input{flex:1}.create-row__btn{white-space:nowrap;padding:0 22px}.list-head{align-items:center;gap:8px;margin:0 4px;display:flex}.list-head__title{color:#fff;text-shadow:0 1px 2px #0003;margin:0;font-size:14px;font-weight:800}.list-head__count{color:var(--accent);background:#ffffffe6;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.room-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.room-card{cursor:pointer;color:inherit;border:2px solid #0000;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex}.room-card:hover{box-shadow:0 6px 16px var(--shadow);border-color:var(--grass-1);transform:translateY(-2px)}.room-card__thumb{background:#eef3ea;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.room-card__name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.room-card__go{color:var(--grass-dark);opacity:.5;font-size:18px}.room-card__lock{margin-right:4px}.room-card--blocked{cursor:default;opacity:.7}.room-card__enter{background:var(--grass-dark);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex:none;padding:8px 14px;font-size:12px;font-weight:700}.room-card__enter:hover:not(:disabled){background:#43792f}.room-card__enter:disabled{cursor:default;background:#b7c3b0}.password-modal{flex-direction:column;gap:14px;width:min(320px,100%);padding:24px;display:flex}.password-modal__title{color:var(--accent);text-align:center;margin:0;font-size:15px;font-weight:800}.password-modal__form{flex-direction:column;gap:10px;display:flex}.password-modal__actions{gap:8px;display:flex}.password-modal__actions .btn-primary{flex:1}.password-modal__cancel{border:2px solid var(--panel-line);color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700}.room-card__delete{border:1px solid var(--panel-line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:600}.room-card__delete:hover{border-color:var(--danger);color:var(--danger)}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:40px 20px;font-size:14px}@media (width<=640px){.room-grid{grid-template-columns:1fr}.create-row{flex-direction:column}.create-row__btn{padding:12px}}.room-page{box-sizing:border-box;width:100%;min-height:100svh;color:var(--ink);justify-content:center;padding:20px;display:flex}.room-page *{box-sizing:border-box}.room-page__layout{align-items:flex-start;gap:20px;width:100%;max-width:1480px;display:flex}.room-page__inner{text-align:left;flex-direction:column;flex:auto;gap:20px;min-width:0;max-width:1120px;height:calc(100svh - 40px);display:flex;overflow-y:auto}.room-page__chat{flex:0 0 400px;align-self:flex-start;height:calc(100svh - 40px);display:flex;position:sticky;top:20px}@media (width<=1580px){.room-page__layout{flex-direction:column}.room-page__inner{width:100%;max-width:1120px}.room-page__chat{flex-basis:auto;width:100%;height:480px;position:static}}.room-topbar{box-shadow:0 2px 8px var(--shadow);background:#ffffffd9;border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;padding:12px 18px;display:flex}.room-topbar__back{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.room-topbar__info{flex-direction:column;gap:2px;display:flex}.room-topbar__title{color:var(--accent);margin:0;font-size:17px;font-weight:700}.room-topbar__meta{color:#6d7a66;margin:0;font-size:12px}.room-topbar__spacer{flex:1}.room-topbar__online{background:#f0f3ec;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.room-topbar__online-label{color:#7a8872}.room-topbar__online-value{color:var(--ink);font-weight:600}.room-topbar__delete{border:1px solid var(--panel-line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:6px 14px;font-size:12px;font-weight:600}.room-topbar__delete:hover{border-color:var(--danger);color:var(--danger)}.btn-ghost-small{color:#b7c3b0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px}.btn-ghost-small:hover{color:#8a9a80}.stage{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.stage-empty{text-align:center;color:#6d7a66;padding:40px 20px;font-size:14px}.chain-strip{flex-shrink:0;align-items:center;height:150px;padding:14px 8px;display:flex}.chain-strip__track{align-items:flex-start;gap:4px;width:100%;padding:4px 10px 8px;display:flex;overflow-x:auto}.chain-strip__step{flex:none;align-items:flex-start;display:flex}.chain-arrow{color:var(--accent);opacity:.55;flex:none;align-self:center;margin:0 4px;padding-top:22px;font-size:16px}.chain-item{flex-direction:column;flex:none;align-items:center;width:92px;display:flex}.chain-thumb{width:88px;height:68px;box-shadow:0 2px 5px var(--shadow);background:#101010;border:3px solid #fff;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.chain-thumb img{object-fit:cover;width:100%;height:100%;display:block}.chain-caption{max-width:92px;color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.chain-item.current .chain-thumb{border-color:var(--grass-dark);box-shadow:0 0 0 2px var(--grass-1), 0 2px 6px var(--shadow)}.chain-item.current .chain-caption{color:var(--grass-dark)}.chain-report-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:2px;font-size:12px;line-height:1}.chain-report-btn:hover:not(:disabled){color:var(--danger)}.chain-report-btn:disabled{opacity:.35;cursor:default}.turn-card__invalid{background:var(--danger-bg);color:var(--danger);flex-shrink:0;margin:0;padding:8px 16px;font-size:13px;font-weight:700}.turn-card__photo-wrap{flex:auto;justify-content:center;align-items:center;min-height:252px;display:flex}.turn-card__photo{background:var(--panel);border-radius:12px;justify-content:center;align-items:center;min-width:120px;max-width:100%;min-height:120px;display:flex;overflow:hidden}.turn-card__photo img{object-fit:contain;max-width:100%;max-height:min(50vh,560px);display:block}.turn-card__answer-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.turn-card__answer-row .turn-card__answer{padding:0}.turn-card__answer{color:var(--grass-dark);margin:0;padding:10px 16px;font-size:14px;font-weight:600}.report-btn{border:1px solid var(--panel-line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:600}.report-btn:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.report-btn:disabled{opacity:.5;cursor:default}.banner-stack{z-index:100;flex-direction:column;gap:12px;width:min(420px,100vw - 32px);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.report-banner,.appeal-banner{flex-direction:column;gap:8px;padding:16px 18px;animation:.18s ease-out banner-pop;display:flex;box-shadow:0 12px 32px #14281466}.report-banner{border-left:4px solid var(--danger)}.appeal-banner{border-left:4px solid var(--appeal-blue,#2f6fed)}@keyframes report-banner-pop{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes banner-pop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.report-banner__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-banner__title{color:var(--danger);font-size:14px;font-weight:800}.report-banner__timer{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.report-banner__desc{color:var(--ink);margin:0;font-size:14px}.report-banner__notice{color:var(--ink);margin:0;font-size:13px;font-weight:700}.report-banner__progress{color:var(--muted);margin:0;font-size:13px}.report-banner__result{color:var(--danger);margin:0;font-size:14px;font-weight:700}.report-banner__voted{color:var(--grass-dark);margin:0;font-size:13px;font-weight:600}.report-banner__vote-row{gap:8px;display:flex}.report-banner__vote-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-self:flex-start;padding:8px 20px;font-size:13px}.report-banner__vote-btn--reject{border:1px solid var(--panel-line);color:var(--muted);background:#fff;font-weight:600}.report-banner__vote-btn--reject:hover{border-color:var(--danger);color:var(--danger)}.report-banner__close{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px;text-decoration:underline}.appeal-banner__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.appeal-banner__title{color:var(--appeal-blue,#2f6fed);font-size:14px;font-weight:800}.appeal-banner__timer{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.appeal-banner__compare{gap:10px;display:flex}.appeal-banner__compare-item{background:#eef4ff;border-radius:8px;flex-direction:column;flex:1 1 0;gap:2px;padding:8px 10px;display:flex}.appeal-banner__compare-label{color:var(--muted);font-size:11px;font-weight:700}.appeal-banner__compare-value{color:var(--ink);word-break:break-all;font-size:14px;font-weight:700}.appeal-banner__progress{color:var(--muted);margin:0;font-size:13px}.appeal-banner__result{color:var(--appeal-blue,#2f6fed);margin:0;font-size:14px;font-weight:700}.appeal-banner__result--accepted{color:var(--grass-dark)}.appeal-banner__voted{color:var(--grass-dark);margin:0;font-size:13px;font-weight:600}.appeal-banner__vote-row{gap:8px;display:flex}.appeal-banner__vote-btn{cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 20px;font-size:13px}.appeal-banner__vote-btn--reject{border:1px solid var(--panel-line);color:var(--muted);background:#fff;font-weight:600}.appeal-banner__vote-btn--reject:hover{border-color:var(--danger);color:var(--danger)}.appeal-btn-row{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.appeal-btn{border:1px solid var(--appeal-blue,#2f6fed);color:var(--appeal-blue,#2f6fed);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:600}.appeal-btn:hover:not(:disabled){background:var(--appeal-blue,#2f6fed);color:#fff}.appeal-btn:disabled{opacity:.5;cursor:default}.appeal-pending-hint{color:var(--appeal-blue,#2f6fed);margin:0;font-size:12px;font-weight:600}.status-panel{text-align:center;color:var(--ink);flex-shrink:0;padding:20px;font-size:14px}.turn-form{border-top:1px solid var(--panel-line);flex-direction:column;flex-shrink:0;gap:16px;padding:20px;display:flex}.turn-form__stage-title{color:var(--accent);margin:0;font-size:14px;font-weight:700}.turn-form__stage-hint{color:var(--muted);margin:-8px 0 0;font-size:12px}.guess-step{flex-direction:column;gap:8px;display:flex}.hearts-row{gap:4px;display:flex}.heart-icon{color:var(--danger);font-size:18px;line-height:1}.heart-icon--empty{color:var(--panel-line)}.guess-box{border:2px solid var(--panel-line);background:#fff;border-radius:999px;align-items:center;max-width:420px;padding:6px 6px 6px 18px;display:flex}.guess-box__input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.guess-box__submit{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700}.guess-box__submit:disabled{cursor:default;background:#b7c3b0}.guess-confirmed-badge{color:var(--grass-dark);background:#e7f3e2;border-radius:10px;margin:0;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.correct-toast{z-index:110;background:var(--grass-dark);color:#fff;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;animation:.18s ease-out report-banner-pop;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #14281466}.photo-section{border-top:1px solid var(--panel-line);flex-direction:column;gap:14px;padding-top:4px;display:flex}.upload-drop{text-align:center;background:#f5f7f2;border:2px dashed #b7c3b0;border-radius:12px;padding:20px}.upload-drop__input{color:#6d7a66;font-size:13px}.upload-drop__hint{color:var(--muted);margin:8px 0 0;font-size:12px}.upload-preview{object-fit:contain;max-width:100%;max-height:260px;box-shadow:0 2px 6px var(--shadow);border-radius:8px;margin:12px auto 0;display:block}.answer-fields{flex-direction:column;gap:8px;display:flex}.answer-field-row{flex-direction:column;gap:2px;display:flex}.answer-input{gap:6px;display:flex}.answer-input input{border:2px solid var(--panel-line);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:14px}.answer-input input:focus{border-color:var(--grass-1)}.mini-btn{border:2px solid var(--panel-line);color:#6d7a66;cursor:pointer;background:#fff;border-radius:8px;width:38px;font-size:16px;font-weight:700}.mini-btn:disabled{opacity:.4;cursor:default}.mini-btn--add{align-self:flex-start;width:auto;padding:6px 16px}.field-error{color:var(--danger);font-size:12px}.form-error{color:var(--danger);margin:0;font-size:13px}.submit-btn{background:var(--grass-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700}.submit-btn:disabled{cursor:default;background:#b7c3b0}.chat-panel{flex-direction:column;gap:10px;width:100%;min-height:320px;padding:16px;display:flex}.chat-panel__head{color:var(--accent);flex:none;font-size:17px;font-weight:700}.chat-panel__list{flex-direction:column;flex:auto;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.chat-panel__empty{text-align:center;color:var(--muted);margin:auto 0;font-size:15px}.chat-msg{flex-direction:column;align-items:flex-start;gap:2px;max-width:85%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg__who{color:var(--muted);font-size:14px;font-weight:600}.chat-msg__bubble{word-break:break-word;overflow-wrap:anywhere;background:#f0f3ec;border-radius:12px;max-width:100%;padding:8px 12px;font-size:16px;line-height:1.4;display:inline-block}.chat-msg.mine .chat-msg__bubble{background:var(--grass-1);color:#fff}.chat-panel__input-row{gap:8px;display:flex}.chat-panel__input-row input{border:2px solid var(--panel-line);border-radius:999px;outline:none;flex:1;min-width:0;padding:8px 14px;font-family:inherit;font-size:16px}.chat-panel__input-row input:focus{border-color:var(--grass-1)}.chat-panel__input-row button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:700}.chat-panel__input-row button:disabled{cursor:default;background:#b7c3b0}.chat-panel__emoji-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.chat-panel__emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;font-size:20px}.chat-panel__emoji-btn:hover{background:#f0f3ec}.floating-emoji-layer{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.floating-emoji{font-size:40px;animation-name:float-up-sway;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:40px}.waiting-room{--slot-0:#e2574c;--slot-0-soft:#fdeceb;--slot-1:#e8a53a;--slot-1-soft:#fdf3e1;--slot-2:#6fb04a;--slot-2-soft:#eef7e7;--slot-3:#3f8ede;--slot-3-soft:#e9f2fc;flex-direction:column;gap:16px;display:flex}.wr-result{border-left:5px solid var(--grass-dark);align-items:center;gap:14px;padding:14px 18px;display:flex}.wr-result__icon{font-size:22px}.wr-result__text{flex:1}.wr-result__title{color:var(--accent);margin:0 0 2px;font-size:14px;font-weight:800}.wr-result__reason{color:var(--danger);margin:0 0 2px;font-size:12px;font-weight:700}.wr-result__desc{color:var(--muted);margin:0;font-size:12.5px}.wr-result__score-chip{color:var(--grass-dark);white-space:nowrap;background:#eaf5e4;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:800}.wr-grid-head{align-items:center;gap:8px;margin:0 4px;display:flex}.wr-grid-head h2{color:#fff;text-shadow:0 1px 2px #0003;font-size:13px;font-weight:800}.wr-grid-head__count{color:var(--accent);background:#ffffffe6;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700}.pl-list{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-wrap:nowrap;gap:12px;min-width:0;padding-bottom:6px;display:flex;overflow:auto hidden}.pl-list:hover{scrollbar-color:var(--grass-1) transparent}.pl-list::-webkit-scrollbar{height:6px}.pl-list::-webkit-scrollbar-track{background:0 0}.pl-list::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.pl-list:hover::-webkit-scrollbar-thumb{background:var(--grass-1)}.pl-list--compact{flex-shrink:0;gap:8px;padding-bottom:2px}.pl-player{background:var(--panel);width:132px;box-shadow:0 3px 10px var(--shadow);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:30px 10px 12px;font-family:inherit;display:flex;position:relative}.pl-list--compact .pl-player{width:130px;padding:22px 8px 8px}.pl-player--current{border-color:var(--grass-dark);box-shadow:0 0 0 2px var(--grass-1), 0 3px 10px var(--shadow)}.wr-player--slot-0{border-top:4px solid var(--slot-0)}.wr-player--slot-1{border-top:4px solid var(--slot-1)}.wr-player--slot-2{border-top:4px solid var(--slot-2)}.wr-player--slot-3{border-top:4px solid var(--slot-3)}.wr-player--faded{opacity:.55}.wr-player__order{background:var(--accent);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.wr-player__status{border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800;position:absolute;top:10px;right:10px}.wr-player__status--host{background:var(--slot-1-soft);color:#8a5b0d}.wr-player__status--ready{color:var(--grass-dark);background:#e7f3e2}.wr-player__status--waiting{color:#8a8272;background:#f0ece0}.wr-player__status--admin{color:#5a3fbf;background:#eee7fb}.wr-player__status--turn{background:var(--grass-1);color:#fff}.wr-player__avatar{width:52px;height:52px;color:var(--accent);box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--panel-line);object-fit:cover;background:linear-gradient(135deg,#ffe4a3,#ffb238);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.wr-player__name{color:var(--ink);justify-content:center;align-items:center;gap:4px;font-size:13.5px;font-weight:800;display:flex}.wr-player__you{color:var(--grass-dark);background:#e7f3e2;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.wr-player__meta{color:var(--muted);font-size:11.5px}.wr-player__yellowcards{gap:3px;margin-top:2px;display:flex}.yc-slot{border:1.5px solid var(--panel-line);border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;line-height:1;display:flex}.yc-slot--filled{border-color:#0000}.pl-list--compact .wr-player__avatar{width:38px;height:38px;font-size:15px}.pl-list--compact .wr-player__name,.pl-list--compact .wr-player__meta{font-size:11px}.wr-bottom-row{grid-template-columns:280px 1fr;gap:14px;display:grid}.wr-me-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.wr-me-card__avatar{width:64px;height:64px;color:var(--accent);object-fit:cover;background:linear-gradient(135deg,#ffe4a3,#ffb238);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:24px;font-weight:700;display:flex}.wr-me-card__avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.wr-me-card__name{cursor:pointer;color:var(--ink);background:0 0;border:none;margin:0;font-family:inherit;font-size:14.5px;font-weight:800}.wr-me-card__name:hover,.wr-player__name:hover{text-decoration:underline}.wr-me-card__stats{gap:8px;width:100%;display:flex}.wr-me-card__stat{color:var(--muted);background:#f5f7f2;border-radius:10px;flex:1;padding:8px 4px;font-size:11px}.wr-me-card__stat b{color:var(--accent);margin-top:2px;font-size:14px;display:block}.wr-hint,.wr-note{color:var(--muted);margin:0;font-size:11.5px}.wr-leave-btn{border:1px solid var(--panel-line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;margin-top:4px;padding:7px 14px;font-size:12px;font-weight:600}.wr-leave-btn:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.wr-leave-btn:disabled{opacity:.6;cursor:default}.wr-hint b,.wr-note b{color:var(--ink)}.wr-chat{height:520px;display:flex}.wr-chat .chat-panel{width:100%}@media (width<=720px){.pl-list:not(.pl-list--compact) .pl-player{width:112px}.wr-bottom-row{grid-template-columns:1fr}}.modal-backdrop{z-index:200;background:#14281473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);padding:28px 24px 24px;display:flex;position:relative}.profile-modal__close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:10px;right:12px}.profile-modal__avatar{object-fit:cover;width:84px;height:84px;color:var(--accent);background:linear-gradient(135deg,#ffe4a3,#ffb238);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.profile-modal__name{color:var(--accent);margin:0;font-size:16px;font-weight:800}.profile-modal__stats{gap:8px;width:100%;display:flex}.profile-modal__stat{color:var(--muted);background:#f5f7f2;border-radius:10px;flex:1;padding:8px 4px;font-size:11px}.profile-modal__stat b{color:var(--accent);margin-top:2px;font-size:14px;display:block}.profile-modal__avatar-change{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.profile-modal__avatar-btn{text-align:center;box-sizing:border-box;width:100%;display:inline-block}@keyframes float-up-sway{0%{opacity:0;transform:translate(0)scale(.75)rotate(0)}10%{transform:translate(calc(var(--sway) * .294), -8.8vh) scale(.95) rotate(calc(var(--rotate) * .294));opacity:1}20%{transform:translate(calc(var(--sway) * .346), -17.6vh) scale(.97) rotate(calc(var(--rotate) * .346))}30%{transform:translate(calc(var(--sway) * -.476), -26.4vh) scale(.95) rotate(calc(var(--rotate) * -.476))}40%{transform:translate(calc(var(--sway) * -.904), -35.2vh) scale(.93) rotate(calc(var(--rotate) * -.904))}50%{transform:translateY(-44vh)scale(.9)rotate(0)}60%{transform:translate(calc(var(--sway) * .904), -52.8vh) scale(.88) rotate(calc(var(--rotate) * .904))}70%{transform:translate(calc(var(--sway) * .476), -61.6vh) scale(.86) rotate(calc(var(--rotate) * .476))}80%{transform:translate(calc(var(--sway) * -.346), -70.4vh) scale(.84) rotate(calc(var(--rotate) * -.346));opacity:.9}90%{transform:translate(calc(var(--sway) * -.294), -79.2vh) scale(.82) rotate(calc(var(--rotate) * -.294));opacity:.4}to{opacity:0;transform:translateY(-88vh)scale(.8)rotate(0)}}