:root{color:#f5f1ea;background:linear-gradient(180deg,rgba(244,154,86,.08) 0%,transparent 12%),#121110;font-family:Pretendard,Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border: rgba(255, 255, 255, .08);--panel: rgba(24, 24, 24, .96);--panel-soft: rgba(31, 31, 31, .96);--surface-1: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .055);--surface-3: rgba(244, 154, 86, .08);--accent: #f49a56;--accent-soft: rgba(244, 154, 86, .12);--muted: #bcb1a3;--success: #63c59b;--warning: #e6c26a;--danger: #ff7b72;--shadow: 0 10px 30px rgba(0, 0, 0, .18);--border-soft: rgba(255, 255, 255, .06);--text: #f5f1ea}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,rgba(244,154,86,.05) 0%,transparent 14%),#121110}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{width:100%}.shell{width:min(1220px,calc(100% - 24px));margin:0 auto;padding:20px 0 32px}.shell--room{width:min(1380px,calc(100% - 22px));height:100vh;padding:8px 0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.shell--workbench{width:min(1460px,calc(100% - 20px));height:100dvh;padding:6px 0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.shell__header,.shell__footer,.panel,.hero{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.shell__header,.shell__footer{border-radius:20px;padding:18px}.shell__header{display:grid;gap:16px;margin-bottom:14px}.shell__header--room{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:14px 18px}.shell__header--workbench{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px}.shell__brand--room{display:flex;align-items:center;gap:14px}.shell__brand--workbench{display:flex;align-items:end;gap:14px}.shell__brand--workbench h1{font-size:1rem;line-height:1}.shell__brand--room .eyebrow{margin:0}.shell__brand--room h1{font-size:2rem;line-height:1}.nav--room,.nav--workbench{justify-content:end;gap:8px}.nav--room .nav__link{padding:8px 13px;font-size:.92rem}.nav--workbench .nav__link{padding:6px 11px;font-size:.84rem}.shell__brand h1,.hero h2,.panel h2,.panel h3{margin:0;font-family:Pretendard,Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,Segoe UI,sans-serif;letter-spacing:-.01em}.shell__summary,.lede,.footnote,.participant-card__meta,.metric__label,.stat-list span{color:var(--muted)}.eyebrow{margin:0 0 10px;color:#d79264;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-wrap:wrap;gap:8px}.nav__link{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);transition:transform .12s ease,background .12s ease,border-color .12s ease}.nav__link:hover,.nav__link--active{border-color:#f07b3f80;background:var(--accent-soft);transform:translateY(-1px)}.shell__content,.stack{display:grid;gap:16px}.shell--room .shell__content{min-height:0}.shell--workbench .shell__content{min-height:0;overflow:hidden;gap:14px}.hero{display:grid;gap:18px;border-radius:20px;padding:20px}.hero__meta{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{padding:14px;border-radius:16px;background:var(--surface-1);border:1px solid var(--border)}.metric strong{display:block;font-size:1.8rem}.grid{display:grid;gap:16px}.grid--two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--four{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel{border-radius:20px;padding:18px}.panel__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.chip-list,.button-row,.code-list{display:flex;flex-wrap:wrap;gap:8px}.field{display:grid;gap:8px}.field span{color:#f5f1eaeb;font-size:.88rem;font-weight:600}.field--inline{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:10px}.field--inline span{white-space:nowrap}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f4efe8}.field input,.field select{height:48px}.field input[type=file]{height:48px;padding-block:10px}.field__hint{color:var(--muted);font-size:.84rem;line-height:1.45}.field textarea{min-height:172px;resize:vertical}.room-list{display:grid;gap:12px}.room-card{display:grid;gap:8px;width:100%;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1);color:inherit;text-align:left}.room-card--selected{border-color:#f07b3f75;background:#f07b3f1f}.room-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.room-card p{margin:0;color:var(--muted)}.chip,.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1)}.status-pill--connected{color:var(--success)}.chip--warning{color:var(--warning);border-color:#e6c26a42;background:#e6c26a1a}.status-pill--connecting,.status-pill--reconnecting{color:var(--warning)}.status-pill--error{color:var(--danger)}.button{padding:11px 15px;border-radius:12px;border:1px solid rgba(240,123,63,.45);background:#f49a5626;color:#fffaf4;transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--ghost{border-color:var(--border);background:var(--surface-1)}.page-loading{min-height:220px;align-content:center}.button--active{border-color:#63c59b6b;background:linear-gradient(180deg,#63c59b52,#23674d4d)}.button--danger{border-color:#ff7b7242;color:#ffd8d3}.list,.timeline{margin:0;padding-left:20px;display:grid;gap:10px}.timeline li{display:grid;gap:6px}.stat-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.stat-list div{padding:16px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a}.stat-list span,.participant-card__meta{display:block;font-size:.92rem}.stat-list strong,.participant-card__name{display:block;margin-top:6px;font-size:1.05rem}.participant-list{display:grid;gap:12px}.participant-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface-1)}.room-view{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.82fr);gap:14px;min-height:0;height:100%}.room-stage,.room-sidebar{min-height:0;overflow:hidden}.room-stage{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px}.room-stage__header{display:flex;justify-content:space-between;align-items:start;gap:16px}.room-stage__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.room-stage__meta-card{padding:11px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1)}.room-stage__meta-card span{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.room-stage__meta-card strong{display:block;margin-top:6px;font-size:1.02rem}.room-stage__board{position:relative;display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:18px 22px;align-items:stretch;min-height:0;min-block-size:420px;padding:28px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(244,154,86,.08),transparent 28%),#ffffff05;overflow:hidden}.room-stage__board:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:16px;border:1px dashed rgba(255,255,255,.08);pointer-events:none}.room-stage__media{position:relative;z-index:1;grid-column:2;grid-row:1;width:min(100%,520px);margin-left:auto;margin-bottom:0;display:grid;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#090909d6;box-shadow:none}.room-stage__media-meta{display:grid;gap:4px}.room-stage__media-meta strong{font-size:1rem}.room-stage__media-eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.room-stage__audio-player{width:100%}.room-stage__video-frame{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:18px;background:#050607}.room-stage__media-link{color:#ffd7a8;text-decoration:none}.room-stage__media-link:hover{text-decoration:underline}.room-stage__board-copy{position:relative;z-index:1;grid-column:2;grid-row:2;width:100%;min-height:0;padding-top:28px;display:grid;align-content:end;gap:14px}.room-stage__board-copy>.eyebrow{position:absolute;top:0;left:0;margin:0}.room-stage__board-copy h3{margin:0;font-size:clamp(1.3rem,1.7vw,1.8rem);line-height:1.2;max-width:22ch;text-wrap:balance}.room-stage__overlay{position:relative;grid-column:1;grid-row:1 / -1;width:100%;min-height:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;overflow:hidden;pointer-events:none}.room-stage__feedback{max-width:720px;font-size:1rem}.room-stage__hint{display:grid;gap:6px;max-width:720px;margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(240,123,63,.26);background:#f49a5614}.room-stage__hint span{color:var(--accent);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.room-stage__hint strong{font-size:1.05rem;line-height:1.5}.room-stage__hint--pending{color:var(--muted);border-style:dashed;background:#ffffff08}.flash-feed{display:grid;gap:10px;width:100%}.flash-message{display:grid;gap:6px;width:min(100%,420px);max-width:100%;min-height:74px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#121212f0;box-shadow:none}.flash-message strong,.flash-message p{margin:0}.flash-message strong{font-size:.98rem;line-height:1.25}.flash-message p{font-size:.92rem;line-height:1.38;word-break:break-word}.flash-message--mine{align-self:flex-end;border-color:#f07b3f57;background:#f07b3f24}.flash-message--theirs{align-self:flex-start}.flash-message--correct{border-color:#63c59b5c;background:#63c59b24}.answer-box{display:grid;gap:16px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface-1)}.answer-box--room{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.answer-box--room .field{min-width:0}.answer-box__submit{min-width:96px}.room-sidebar{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.room-sidebar__section{display:grid;gap:14px;min-height:0}.room-sidebar__section--fill{min-height:0}.room-sidebar__player-tools{display:flex;align-items:center;gap:10px}.room-settings__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:1.1rem;line-height:1}.room-settings__toggle--active{border-color:#f07b3f70;background:#f07b3f24}.room-settings__panel{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid rgba(240,123,63,.22);background:#ffffff0a}.room-settings__panel-header{align-items:center}.room-settings__panel h4{margin:0;font-size:1rem}.room-settings__grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.room-settings__summary{justify-content:flex-end}.room-settings__note{margin:0}.room-settings__actions{justify-content:flex-start}@media (max-width: 720px){.room-settings__grid{grid-template-columns:1fr}}.participant-list--room{min-height:0;overflow:auto;padding-right:4px}.stat-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal{margin:0;color:#ffd7a8}.action-stack{display:grid;gap:12px}.action-stack__button{width:100%}.dev-tools{display:grid;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1)}.dev-tools summary{cursor:pointer;color:var(--muted);font-size:.92rem}.dev-tools__actions{display:grid;gap:10px}.code-list code{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-1)}.map-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.95fr);gap:16px}.map-stack{display:grid;gap:16px}.map-song-list,.map-song-editor{display:grid;gap:14px}.map-song-card,.map-song-editor__row{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-1)}.map-song-card__head,.map-song-editor__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.map-song-card__head span{color:var(--muted)}.map-song-card--compact{gap:10px;padding:12px 14px;border-radius:14px}.map-song-card__head--compact{align-items:baseline}.map-song-card__head--compact strong{font-size:1rem;line-height:1.28}.map-song-card__head--compact span{font-size:.86rem}.map-song-card__meta-row{display:flex;flex-wrap:wrap;gap:8px}.map-song-card__hint{margin:0;color:var(--muted);font-size:.86rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.chip--compact{padding:6px 10px;font-size:.82rem}.account-page{max-width:760px;margin:0 auto}.account-page__card{min-height:0}.account-page__message{color:var(--success)}.account-page__error{color:var(--danger)}.map-page{display:grid;gap:10px;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr)}.shell--workbench .map-page{gap:10px}.map-page__hero{padding:16px 18px;display:grid;gap:14px}.map-page__hero-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:start}.map-page__hero-copy{display:grid;gap:8px;min-width:0}.map-page__hero h2{margin:0;font-size:1.28rem;line-height:1.28}.map-page__hero .lede{margin:0;max-width:60ch}.map-page__hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-hero-stat{display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-soft);background:#ffffff05}.map-hero-stat span{color:var(--muted);font-size:.82rem}.map-hero-stat strong{font-size:1.02rem;line-height:1.2}.shell--workbench .map-page__hero{gap:12px;padding:12px 14px}.shell--workbench .map-mode-bar{gap:8px}.shell--workbench .eyebrow{margin-bottom:0;font-size:.76rem;letter-spacing:.12em}.shell--workbench .map-page__hero h2{font-size:1.16rem}.shell--workbench .map-page__hero .lede{font-size:.92rem}.shell--workbench .map-page__hero .map-mode-button{font-size:.86rem}.map-mode-bar{display:flex;flex-wrap:wrap;gap:10px}.map-mode-button--active{border-color:#f07b3f80;background:var(--accent-soft)}.map-browser{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.4fr);gap:12px;align-items:stretch;min-height:0;height:100%}.map-browser__list,.map-browser__detail,.map-workspace__main,.map-workspace__side{min-width:0;min-height:0;height:100%;scrollbar-gutter:stable}.map-browser__list,.map-browser__detail,.map-workspace__main{overflow:auto;overscroll-behavior:contain}.map-workspace__side{display:flex;flex-direction:column;gap:10px;overflow:hidden}.map-workspace__side .panel__header{gap:8px;align-items:start}.map-workspace__side .panel__header h3{font-size:.98rem;line-height:1.3}.map-workspace__side .panel__header .eyebrow{margin-bottom:4px}.map-workspace__side .panel__header>.button{flex:0 0 auto;min-width:92px;padding:8px 12px;white-space:nowrap}.map-empty{display:grid;gap:12px;padding:16px;border-radius:16px;border:1px dashed var(--border);background:var(--surface-1)}.map-empty p,.song-queue__item p{margin:0;color:var(--muted)}.map-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.95fr);gap:12px;align-items:stretch;min-height:0;height:100%}.map-browser--workbench .panel__header,.map-workspace--workbench .panel__header,.map-workspace--workbench .map-builder__header{position:sticky;top:0;z-index:5;padding-bottom:8px;background:linear-gradient(180deg,#181818fa,#181818e0 82%,#18181800)}.map-browser--workbench .map-toolbar,.map-workspace--workbench .map-toolbar,.map-workspace--workbench .map-builder__actions{position:sticky;top:62px;z-index:4;padding-bottom:8px;background:linear-gradient(180deg,#181818f7,#181818db 82%,#18181800)}.map-workspace--workbench .map-builder__actions{top:58px}.map-toolbar__page-size{min-width:148px}.map-toolbar__page-size select{min-width:92px}.map-browser__detail .map-song-list,.map-browser__list .room-list,.map-workspace__side .room-list,.map-workspace__side .song-queue{min-height:0}.map-workspace__side .room-list,.map-workspace__side .song-queue{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding-right:4px}.map-workspace__main .song-editor,.map-browser__detail .map-song-list,.map-workspace__side .song-queue{padding-bottom:8px}.map-workspace__main .song-preview__frame{min-height:240px;max-height:320px}.song-editor{display:grid;gap:14px;padding:0;border-radius:0;border:0;background:transparent}.song-editor__preview{margin-top:2px}.song-editor__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.song-editor__identity{display:grid;gap:8px}.song-editor__actions{align-items:flex-end}.song-editor__meta{margin:0}.song-editor__section{display:grid;gap:14px;padding:16px 0;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;box-shadow:none}.song-editor__section--source{gap:12px}.song-editor__section--intro{padding-top:0;border-top:0}.song-editor__section--intro .chip-list{display:none}.song-editor__section-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.song-editor__section-header .eyebrow{margin-bottom:6px}.song-editor__section-header strong{display:block;font-size:1.08rem;line-height:1.35}.song-editor__section-header p:last-child{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}.song-editor__tools{margin-top:2px}.chip-list--compact{gap:8px}.song-order-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.song-order-controls__field{grid-template-columns:auto minmax(84px,108px)}.song-order-controls__field input{text-align:right}.song-preview{display:grid;gap:14px;padding:16px;border-radius:16px;border:1px solid rgba(240,123,63,.24);background:#111111e6}.map-workspace__main>.button-row:last-of-type,.map-workspace__main>.footnote:last-of-type{margin-top:4px}.song-preview__meta{display:grid;gap:6px}.song-preview__meta .eyebrow{margin-bottom:0}.song-preview__meta strong{font-size:1.05rem}.song-preview__media{display:grid;gap:10px}.song-preview__audio{display:none}.song-preview--empty{border-style:dashed}.song-preview__transport{display:grid;gap:14px}.song-preview__time-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.song-preview__time-row span{color:var(--muted);font-size:.92rem}.song-preview__button-row{display:flex;flex-wrap:wrap;gap:10px}.song-preview__guide{margin:0;color:var(--muted);font-size:.92rem}.song-preview__button{padding:10px 14px;min-width:88px}.clip-timeline{display:grid;gap:10px}.clip-timeline--disabled{opacity:.62}.clip-timeline__labels{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.88rem}.clip-timeline__track{position:relative;height:18px;cursor:pointer}.clip-timeline--disabled .clip-timeline__track{cursor:not-allowed}.clip-timeline__base,.clip-timeline__selection{position:absolute;top:50%;transform:translateY(-50%);height:8px;border-radius:999px}.clip-timeline__base{inset-inline:0;background:#ffffff1f}.clip-timeline__selection{background:linear-gradient(90deg,#f07b3ff2,#ffa25eeb);box-shadow:0 0 0 1px #f07b3f38}.clip-timeline__playhead{position:absolute;top:1px;bottom:1px;width:2px;background:#fffffff0;box-shadow:0 0 0 1px #0f0f0f73;transform:translate(-50%)}.clip-timeline__handle{position:absolute;top:50%;width:16px;height:16px;padding:0;border:0;border-radius:999px;background:#f4efe8;box-shadow:0 0 0 3px #f07b3f3d;transform:translate(-50%,-50%)}.clip-timeline__handle:hover{box-shadow:0 0 0 4px #f07b3f52}.clip-timeline__handle:disabled{cursor:not-allowed;opacity:.72;box-shadow:0 0 0 2px #ffffff14}.song-preview__frame{display:block;width:100%;min-height:240px;border:0;border-radius:18px;background:#111;overflow:hidden}.song-preview__frame--empty{display:grid;place-items:center;padding:20px;border:1px dashed rgba(255,255,255,.12)}.song-preview__frame iframe{width:100%;height:100%;border:0}.song-queue{display:grid;gap:10px}.song-queue__item{display:grid;gap:6px;width:100%;padding:12px 13px;text-align:left;color:inherit;border-radius:14px;border:1px solid var(--border);background:var(--surface-1)}.song-queue__item--selected{border-color:#f07b3f75;background:#f07b3f1f}.song-queue__title-row{display:flex;justify-content:space-between;gap:12px;align-items:start}.song-queue__title-row span{color:var(--muted);font-size:.82rem}.song-queue__title-row strong{font-size:.98rem;line-height:1.28}.song-queue__item p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.song-queue__item--dense{gap:8px;padding:11px 12px}.song-queue__meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.song-queue__meta-row p{flex:1 1 0}.song-queue__meta-row p:last-child{text-align:right}@media (max-width: 720px){.shell{width:min(100%,calc(100% - 20px));padding-top:12px}.shell--room,.shell--workbench{width:min(100%,calc(100% - 20px));height:auto;min-height:100vh;overflow:visible}.shell__header--room,.shell__header--workbench{grid-template-columns:1fr;align-items:start}.shell__brand--room,.shell__brand--workbench{display:grid;gap:8px}.shell__brand--room h1{font-size:2.25rem}.nav--room,.nav--workbench{justify-content:start}.shell__header,.shell__footer,.panel,.hero{border-radius:16px;padding:14px}.panel__header,.participant-card{flex-direction:column;align-items:start}.room-view{grid-template-columns:1fr;height:auto}.map-layout{grid-template-columns:1fr}.map-browser,.map-workspace{grid-template-columns:1fr;height:auto}.shell--workbench .shell__content,.map-page,.map-browser__list,.map-browser__detail,.map-workspace__main,.map-workspace__side{overflow:visible;height:auto}.nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.nav__link,.map-mode-button,.button{white-space:nowrap}.map-page__hero{gap:8px;align-items:stretch}.map-page__hero-head{grid-template-columns:1fr;gap:10px}.map-page__hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.map-mode-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.room-stage,.room-sidebar{overflow:visible}.room-stage__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.room-stage__overlay{left:18px;right:18px;bottom:18px}.room-stage__board{min-block-size:320px;padding:18px 16px}.room-stage__media{width:100%;margin-bottom:14px}.room-stage__board-copy h3{font-size:clamp(1.1rem,4.4vw,1.5rem);max-width:none}.flash-message{width:100%}.answer-box--room,.stat-list--compact{grid-template-columns:1fr}}.map-layout--builder{align-items:start}.map-builder{display:grid;gap:18px}.map-create-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-create-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:16px;border:1px solid var(--border-soft);background:#ffffff05;color:var(--text);text-align:left}.map-create-step--active{border-color:#f07b3f73;background:#f07b3f1a}.map-create-step--done{border-color:#63c59b47}.map-create-step__index{inline-size:32px;block-size:32px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border-soft);background:#ffffff0a;font-size:.9rem;font-weight:700}.map-create-step--active .map-create-step__index{border-color:#f07b3f73;background:#f07b3f29}.map-create-step__copy{display:grid;gap:4px}.map-create-step__copy strong{font-size:.98rem;line-height:1.25}.map-create-step__copy small{color:var(--muted);font-size:.82rem;line-height:1.45}.map-create-summary{display:grid;gap:12px;align-content:start}.map-create-summary__card{display:grid;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--border-soft);background:#ffffff05}.map-create-summary__card h4,.map-create-summary__card p{margin:0}.map-create-summary__card h4{font-size:1rem;line-height:1.3}.map-create-summary__card p:last-child{color:var(--muted);line-height:1.5}.map-create-summary__list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--muted)}.map-create-footer{justify-content:flex-start}.map-builder__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.toggle-card{display:grid;gap:14px;padding:12px 0;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent}.toggle-card strong{display:block;margin-bottom:6px}.toggle-card p{margin:0;color:var(--muted);line-height:1.5}.toggle-card__switch{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.song-builder-card{display:grid;gap:14px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.song-builder-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.song-builder-card__header p{margin:6px 0 0;color:var(--muted)}.song-builder-card--bulk{gap:12px}.bulk-import-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bulk-import-guide__item{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-soft);background:#ffffff05}.bulk-import-guide__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.bulk-import-guide__head strong{font-size:.95rem}.bulk-import-guide__head span{color:var(--accent);font-size:.8rem}.bulk-import-guide__item p,.bulk-import-guide__item code{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.bulk-import-guide__item code{padding:8px 10px;border-radius:12px;border:1px solid var(--border-soft);background:#ffffff08;color:var(--text);word-break:break-all}.map-import-summary{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(99,197,155,.32);background:#63c59b1f}.map-import-summary strong{font-size:.95rem}.map-import-summary span{color:#d9f7ea;font-size:.88rem}.map-feedback{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid transparent}.map-feedback strong{font-size:.95rem}.map-feedback span{font-size:.88rem}.map-feedback--success{border-color:#63c59b52;background:#63c59b1f}.map-feedback--success span{color:#d9f7ea}.map-feedback--warning{border-color:#e6c26a52;background:#e6c26a1f}.map-feedback--warning span{color:#fff0bf}.map-collapsible{display:grid;gap:0;padding:12px 0;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent}.map-collapsible--soft{background:transparent}.map-collapsible__summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none}.map-collapsible__summary::-webkit-details-marker{display:none}.map-collapsible__summary strong{display:block;font-size:1rem;line-height:1.25}.map-collapsible__summary p{margin:4px 0 0;color:var(--muted);font-size:.9rem;line-height:1.35}.map-collapsible__body{display:grid;gap:16px;padding-top:14px}.map-workspace__side .panel__header .footnote{margin:8px 0 0;font-size:.88rem;line-height:1.45}.room-view--refined{align-items:stretch}.room-sidebar--refined{grid-template-rows:auto minmax(0,1fr) auto}.room-sidebar__current-player{margin:0}.action-stack--compact{grid-template-columns:1fr}.participant-list--compact{gap:10px}.participant-card--compact{padding:16px 18px}.room-stage__board--clean{min-block-size:480px;grid-template-rows:1fr}.room-stage__board--clean .room-stage__board-copy{width:100%;grid-column:2;grid-row:1;justify-content:center}.room-stage__board--clean .room-stage__overlay{grid-row:1}.room-stage__rule-strip{margin-bottom:18px}.room-stage__audio-player--hidden,.room-stage__video-frame--hidden{position:fixed;inset:auto;width:1px;height:1px;opacity:0;pointer-events:none;border:0}.room-stage__board--clean .room-stage__board-copy h3{max-width:22ch;font-size:clamp(1.35rem,2vw,1.9rem)}@media (max-width: 1100px){.rule-grid{grid-template-columns:1fr}.map-browser,.map-workspace{grid-template-columns:1fr;height:auto}.map-browser__list,.map-browser__detail,.map-workspace__main,.map-workspace__side{height:auto;overflow:visible}.map-workspace__side .room-list,.map-workspace__side .song-queue{overflow:visible;max-height:none}}@media (max-width: 980px){.map-create-steps{grid-template-columns:1fr}.map-builder__header,.song-builder-card__header,.song-editor__header{flex-direction:column;align-items:stretch}.song-editor__actions{align-items:stretch}.song-order-controls{justify-content:flex-start}.room-stage__board--clean{min-block-size:360px}.room-stage__board{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px}.room-stage__overlay,.room-stage__board--clean .room-stage__overlay{grid-column:1;grid-row:1;width:100%;max-height:320px}.room-stage__media{grid-column:1;grid-row:2;width:100%}.room-stage__board-copy{grid-column:1;grid-row:3;width:100%}.room-stage__board--clean{grid-template-rows:auto 1fr}.room-stage__board--clean .room-stage__board-copy{grid-column:1;grid-row:2;width:100%}.room-stage__board--clean .room-stage__board-copy h3{font-size:clamp(1.2rem,4.6vw,1.75rem);max-width:none}.bulk-import-guide{grid-template-columns:1fr}.map-collapsible__summary{flex-direction:column;align-items:flex-start}}:root{--game-bg: #090b16;--game-panel: rgba(15, 18, 35, .9);--game-panel-strong: rgba(19, 23, 45, .98);--game-line: rgba(151, 169, 220, .2);--game-lime: #d8ff63;--game-cyan: #67ddff;--game-pink: #ff6f91;--game-violet: #766dff}body{background:radial-gradient(circle at 50% 30%,rgba(95,83,255,.14),transparent 36%),linear-gradient(135deg,rgba(103,221,255,.04),transparent 35%),var(--game-bg)}.game-shell{position:relative;z-index:0}.shell--lobby{width:min(1540px,calc(100% - 28px));min-height:100dvh;padding:12px 0 16px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.game-hud{position:relative;z-index:30;min-height:72px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1fr) auto auto;align-items:center;gap:18px;margin-bottom:10px;padding:9px 12px 9px 16px;border:1px solid var(--game-line);border-radius:8px;background:linear-gradient(90deg,rgba(216,255,99,.06),transparent 28%),#0b0e1cf0;box-shadow:0 16px 48px #00000047}.game-hud:before,.game-frame:before,.game-frame:after{content:"";position:absolute;width:22px;height:8px;border-top:2px solid var(--game-lime);pointer-events:none}.game-hud:before{left:16px;top:-2px}.game-brand{display:flex;align-items:center;gap:12px;min-width:0}.game-brand__mark{width:44px;height:44px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:9px;border:1px solid rgba(216,255,99,.46);border-radius:50% 50% 42% 42%;background:#d8ff6312;box-shadow:inset 0 0 22px #d8ff6314}.game-brand__mark i{display:block;width:4px;border-radius:999px;background:var(--game-lime);box-shadow:0 0 10px #d8ff6380}.game-brand__mark i:nth-child(1){height:12px}.game-brand__mark i:nth-child(2){height:25px}.game-brand__mark i:nth-child(3){height:18px}.game-brand__copy{display:grid;line-height:1}.game-brand__copy strong{font-size:1.32rem;font-weight:900;letter-spacing:.14em}.game-brand__copy small{margin-top:7px;color:#7f8aa9;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.game-hud__progress{min-width:0;display:grid;grid-template-columns:auto minmax(130px,260px);align-items:center;gap:11px}.game-level{padding:7px 9px;color:#0c1020;background:var(--game-lime);font-size:.77rem;font-weight:950;letter-spacing:.08em;transform:skew(-5deg)}.game-xp{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.game-xp>span,.game-xp strong,.game-currency small{font-size:.64rem;font-weight:800;letter-spacing:.12em}.game-xp>span{color:#8b96b5}.game-xp strong{color:#edf1ff}.game-xp strong small{color:#68728f;font-weight:700}.game-xp>i{grid-column:1 / -1;position:relative;height:5px;overflow:hidden;background:#ffffff14;transform:skew(-14deg)}.game-xp>i b{display:block;height:100%;background:linear-gradient(90deg,var(--game-cyan),var(--game-lime));box-shadow:0 0 12px #67ddff73;transition:width .5s ease}.game-currency{display:flex;align-items:center;gap:9px;min-width:130px;padding:7px 12px 7px 7px;border:1px solid rgba(103,221,255,.18);border-radius:4px;background:#67ddff0d}.game-currency__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0b1020;background:var(--game-cyan);font-size:1.16rem;font-weight:900;box-shadow:0 0 22px #67ddff3d}.game-currency>span:last-child{display:grid;line-height:1.1}.game-currency small{color:#6f7a9b}.game-currency strong{margin-top:3px;font-size:1rem;letter-spacing:.06em}.game-nav{display:flex;gap:5px}.game-nav__link{position:relative;min-width:52px;height:52px;display:grid;place-items:center;align-content:center;gap:2px;padding:3px 7px;border:1px solid transparent;border-radius:5px;color:#7f8aa9;background:transparent;transition:.16s ease}.game-nav__link>span{font-size:1.1rem;line-height:1}.game-nav__link>small{font-size:.62rem;font-weight:750;white-space:nowrap}.game-nav__link:hover,.game-nav__link--active{color:#f5f8ff;border-color:#d8ff6338;background:#d8ff6312;transform:translateY(-1px)}.game-nav__link--active:after{content:"";position:absolute;inset:auto 9px -3px;height:2px;background:var(--game-lime);box-shadow:0 0 8px #d8ff63a6}.game-nav__link--locked{opacity:.36;cursor:not-allowed}.game-nav__link--locked i{position:absolute;top:2px;right:1px;padding:1px 3px;color:#111526;background:#77809d;font-size:.42rem;font-style:normal;font-weight:900}.shell--lobby .shell__content{min-height:0;display:block}.game-lobby{position:relative;height:100%;min-height:670px;display:grid;grid-template-columns:minmax(245px,.72fr) minmax(410px,1.65fr) minmax(250px,.78fr);gap:10px;isolation:isolate;overflow:hidden;border:1px solid rgba(138,151,198,.16);border-radius:8px;background:linear-gradient(rgba(95,104,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,104,145,.045) 1px,transparent 1px),radial-gradient(circle at 50% 48%,rgba(112,96,255,.22),transparent 26%),linear-gradient(145deg,#0e1122,#080a14 72%);background-size:36px 36px,36px 36px,auto,auto}.game-lobby:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,rgba(6,8,18,.68),transparent 26%,transparent 72%,rgba(6,8,18,.72))}.game-lobby__ambient i{position:absolute;z-index:-1;display:block;border-radius:50%;filter:blur(1px);opacity:.6}.game-lobby__ambient i:nth-child(1){width:280px;height:280px;left:34%;top:12%;border:1px solid rgba(103,221,255,.1)}.game-lobby__ambient i:nth-child(2){width:480px;height:480px;left:28%;top:3%;border:1px dashed rgba(216,255,99,.08);animation:game-spin 50s linear infinite}.game-lobby__ambient i:nth-child(3){width:220px;height:1px;left:42%;top:18%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(103,221,255,.28),transparent);transform:rotate(-34deg)}.game-frame{position:relative;z-index:2;min-height:0;margin:10px;padding:18px;overflow:hidden;border:1px solid var(--game-line);border-radius:5px;background:linear-gradient(160deg,#151931f0,#0b0e1ce6);box-shadow:0 20px 50px #0000003d}.game-frame:before{left:-1px;top:-1px}.game-frame:after{right:-1px;bottom:-1px;transform:rotate(180deg)}.mission-board{margin-right:0;display:flex;flex-direction:column}.room-radar{margin-left:0;display:flex;flex-direction:column}.game-frame__heading{display:grid}.game-frame__heading>span,.game-frame__heading>div>span,.play-stage__copy>span,.play-stage__map>span,.play-stage__status,.game-modal__header span,.game-field>span,.reward-panel__eyebrow{color:var(--game-lime);font-size:.63rem;font-weight:900;letter-spacing:.18em}.game-frame__heading strong{margin-top:5px;font-size:1.12rem;letter-spacing:-.01em}.game-frame__heading small{margin-top:4px;color:#77819f;font-size:.74rem}.game-frame__heading--row{display:flex;justify-content:space-between;align-items:start}.mission-list{display:grid;gap:4px;margin-top:18px}.mission-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(142,156,203,.12)}.mission-item__index{color:#4d5877;font-size:.64rem;font-weight:900}.mission-item>div{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.mission-item strong{font-size:.77rem}.mission-item>div>span{color:#77819f;font-size:.62rem}.mission-item>div>i{grid-column:1 / -1;height:3px;overflow:hidden;background:#ffffff14}.mission-item>div>i b{display:block;height:100%;background:var(--game-lime);box-shadow:0 0 10px #d8ff6373}.mission-item>small{color:var(--game-cyan);font-size:.61rem;font-weight:900}.season-card{position:relative;margin-top:auto;min-height:180px;padding:18px 16px;overflow:hidden;border:1px solid rgba(118,109,255,.28);background:linear-gradient(145deg,rgba(118,109,255,.18),transparent 60%),#06081494}.season-card:after{content:"CHARACTER";position:absolute;right:-13px;bottom:20px;color:#ffffff09;font-size:2.9rem;font-weight:950;letter-spacing:-.05em;transform:rotate(-90deg) translate(44%)}.season-card>span{color:var(--game-pink);font-size:.6rem;font-weight:900;letter-spacing:.15em}.season-card>strong{display:block;margin-top:5px;font-size:1.05rem}.season-card p{max-width:25ch;margin:10px 0 0;color:#929ab4;font-size:.72rem;line-height:1.6}.season-card__signal{position:absolute;left:16px;right:16px;bottom:12px;height:40px;display:flex;align-items:end;gap:5px;opacity:.58}.season-card__signal i{flex:1;background:linear-gradient(var(--game-violet),transparent)}.play-stage{position:relative;z-index:1;min-width:0;display:grid;grid-template-rows:auto minmax(230px,1fr) auto auto auto;justify-items:center;align-items:center;padding:20px 20px 18px}.play-stage__status{width:100%;display:flex;align-items:center;gap:7px;color:#9ea7c2}.play-stage__status small{margin-left:auto;color:#5f6988;letter-spacing:.1em}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--game-lime);box-shadow:0 0 11px #d8ff63cc}.play-stage__visual{position:relative;width:min(380px,72%);aspect-ratio:1;display:grid;place-items:center}.pulse-ring{position:absolute;border-radius:50%;border:1px solid rgba(103,221,255,.14)}.pulse-ring:before,.pulse-ring:after{content:"";position:absolute;background:#d8ff636b}.pulse-ring:before{width:5px;height:5px;border-radius:50%;left:50%;top:-3px;box-shadow:0 0 12px #d8ff63bf}.pulse-ring:after{width:14px;height:1px;right:-7px;top:50%}.pulse-ring--one{top:29%;right:29%;bottom:29%;left:29%;border-color:#d8ff6347;animation:game-spin 14s linear infinite}.pulse-ring--two{top:16%;right:16%;bottom:16%;left:16%;border-style:dashed;animation:game-spin 28s linear reverse infinite}.pulse-ring--three{top:2%;right:2%;bottom:2%;left:2%;border-color:#766dff26;animation:pulse-breathe 5s ease-in-out infinite}.sound-core{position:relative;width:118px;height:118px;display:grid;place-items:center;border:1px solid rgba(216,255,99,.42);border-radius:50%;background:radial-gradient(circle,#d8ff6321,#0c0f1eeb 66%);box-shadow:0 0 52px #766dff38,inset 0 0 38px #d8ff630d}.sound-core>div{height:52px;display:flex;align-items:center;gap:4px}.sound-core i{width:4px;border-radius:5px;background:linear-gradient(var(--game-lime),var(--game-cyan));animation:equalize 1.2s ease-in-out infinite alternate}.sound-core i:nth-child(2n){animation-delay:-.5s}.sound-core i:nth-child(3n){animation-delay:-.9s}.sound-core>span{position:absolute;bottom:17px;color:#7d87a5;font-size:.48rem;font-weight:900;letter-spacing:.24em}.play-stage__copy{margin-top:-32px;text-align:center}.play-stage__copy h2{margin:7px 0 0;font-size:clamp(1.85rem,3vw,3.2rem);line-height:1.04;letter-spacing:-.055em}.play-stage__copy h2 em{color:var(--game-lime);font-style:normal;text-shadow:0 0 32px rgba(216,255,99,.12)}.play-stage__copy p{margin:10px 0 0;color:#8992ae;font-size:.8rem}.play-button{min-width:260px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 24px;align-items:center;margin-top:18px;padding:13px 16px 13px 22px;border:0;color:#0c1020;background:var(--game-lime);box-shadow:0 0 38px #d8ff632e,0 12px 32px #0000004d;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));text-align:left;transition:transform .16s ease,filter .16s ease}.play-button:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.05)}.play-button>span{font-size:.56rem;font-weight:950;letter-spacing:.18em}.play-button>strong{font-size:1.15rem;font-weight:950}.play-button>i{grid-column:2;grid-row:1 / 3;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(7,10,19,.28);border-radius:50%;font-style:normal}.play-stage__map{width:min(360px,100%);display:grid;margin-top:17px;padding:9px 14px;border-left:2px solid var(--game-cyan);background:linear-gradient(90deg,rgba(103,221,255,.08),transparent)}.play-stage__map>span{color:var(--game-cyan);font-size:.54rem}.play-stage__map strong{margin-top:2px;font-size:.85rem}.play-stage__map small{color:#737d9c;font-size:.62rem}.radar-refresh{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--game-line);color:var(--game-cyan);background:#67ddff0d;font-size:1rem}.radar-refresh:disabled{opacity:.4}.player-callout{display:grid;margin-top:16px;padding:9px 11px;border-left:2px solid var(--game-lime);background:#d8ff630d}.player-callout span{color:#6d7898;font-size:.53rem;font-weight:900;letter-spacing:.15em}.player-callout strong{margin-top:2px;font-size:.82rem}.radar-list{display:grid;gap:7px;margin-top:14px;min-height:0;overflow:auto}.radar-room{position:relative;display:grid;gap:3px;width:100%;padding:12px 45px 12px 12px;border:1px solid rgba(140,154,201,.13);border-radius:3px;color:#eef1ff;background:#ffffff06;text-align:left;transition:.14s ease}.radar-room:hover:not(:disabled){border-color:#d8ff6359;background:#d8ff630e;transform:translate(-3px)}.radar-room:disabled{cursor:not-allowed;opacity:.54}.radar-room__phase{color:var(--game-lime);font-size:.5rem;font-weight:950;letter-spacing:.12em}.radar-room__phase--playing{color:var(--game-pink)}.radar-room strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.radar-room small{overflow:hidden;color:#707b9a;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.radar-room>i{position:absolute;right:12px;top:50%;color:var(--game-cyan);font-size:.66rem;font-style:normal;font-weight:900;transform:translateY(-50%)}.radar-empty{min-height:180px;display:grid;place-items:center;align-content:center;color:#5d6887;text-align:center}.radar-empty>span{font-size:2.5rem;color:#3e4968}.radar-empty strong{margin-top:3px;font-size:.84rem}.radar-empty p{margin:4px 0 0;font-size:.68rem}.create-room-trigger{margin-top:auto;padding:12px;border:1px solid rgba(103,221,255,.28);color:var(--game-cyan);background:#67ddff0d;font-size:.66rem;font-weight:900;letter-spacing:.1em}.create-room-trigger span{margin-right:7px}.game-field{display:grid;gap:6px}.game-field--compact{margin-top:16px}.game-field input,.game-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(143,157,204,.22);border-radius:2px;outline:none;color:#f3f5ff;background:#04060fb8}.game-field input:focus,.game-field select:focus{border-color:var(--game-cyan);box-shadow:0 0 0 2px #67ddff14}.game-field select option{color:#eef1ff;background:#101426}.game-modal,.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px}.game-modal__backdrop,.reward-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#04050dd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-modal__panel,.reward-panel{position:relative;z-index:1;width:min(440px,100%);padding:24px;border:1px solid rgba(103,221,255,.3);color:#f2f5ff;background:linear-gradient(145deg,#151a33,#0b0e1c);box-shadow:0 30px 80px #0000008c;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.game-modal__header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.game-modal__header h3{margin:5px 0 0;font-size:1.45rem}.game-modal__header button{width:34px;height:34px;border:1px solid var(--game-line);color:#929bb6;background:#ffffff08;font-size:1.25rem}.game-modal__panel .game-field+.game-field{margin-top:14px}.game-modal__error,.game-modal__help{margin:14px 0 0;padding:10px 12px;color:#c7cee2;background:#ff6f9114;font-size:.74rem;line-height:1.55}.game-modal__help a{color:var(--game-lime);text-decoration:underline}.game-modal__submit{width:100%;display:flex;justify-content:space-between;margin-top:20px;padding:15px 18px;border:0;color:#0c1020;background:var(--game-lime);font-size:.75rem;font-weight:950;letter-spacing:.12em}.game-modal__submit:disabled{cursor:not-allowed;opacity:.38}.reward-panel{width:min(470px,100%);display:grid;justify-items:center;padding:34px;text-align:center}.reward-panel__crest{width:84px;height:84px;display:grid;place-items:center;margin-top:16px;border:1px solid rgba(216,255,99,.5);border-radius:50%;color:#0c1020;background:var(--game-lime);font-size:2.1rem;box-shadow:0 0 48px #d8ff633d}.reward-panel h2{margin:16px 0 0;font-size:2rem}.reward-panel>p{margin:7px 0 0;color:#8993af;font-size:.8rem}.reward-panel__items{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.reward-panel__items>div{display:grid;padding:15px;border:1px solid var(--game-line);background:#ffffff06}.reward-panel__items span{color:#7b86a5;font-size:.57rem;font-weight:900;letter-spacing:.13em}.reward-panel__items strong{margin-top:4px;color:var(--game-cyan);font-size:1.22rem}.reward-panel>button{width:100%;margin-top:14px;padding:13px;border:0;color:#0d1120;background:var(--game-lime);font-weight:900}@keyframes game-spin{to{transform:rotate(360deg)}}@keyframes pulse-breathe{50%{transform:scale(1.04);opacity:.65}}@keyframes equalize{to{transform:scaleY(.42);opacity:.62}}@media (prefers-reduced-motion: reduce){.game-lobby__ambient i,.pulse-ring,.sound-core i{animation:none!important}}@media (max-width: 1120px){.game-hud{grid-template-columns:minmax(160px,.7fr) minmax(210px,1fr) auto}.game-nav{grid-column:1 / -1;justify-content:center;border-top:1px solid rgba(141,155,201,.1);padding-top:5px}.game-lobby{grid-template-columns:minmax(220px,.7fr) minmax(390px,1.5fr);overflow:auto}.room-radar{grid-column:1 / -1;min-height:280px;margin:0 10px 10px}.radar-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shell--lobby{width:min(100%,calc(100% - 14px));height:auto;min-height:100dvh;overflow:visible}.game-hud{grid-template-columns:1fr auto;gap:9px;padding:10px}.game-hud__progress{grid-column:1 / -1;grid-row:2;grid-template-columns:auto 1fr}.game-currency{min-width:108px}.game-nav{grid-column:1 / -1;grid-row:3;overflow-x:auto;justify-content:start}.game-nav__link{flex:1 0 54px}.game-lobby{min-height:0;display:flex;flex-direction:column;overflow:visible}.play-stage{order:-1;min-height:670px;padding-inline:14px}.play-stage__visual{width:min(320px,90%)}.play-stage__copy{margin-top:-20px}.mission-board,.room-radar{margin:7px;min-height:430px}.radar-list{grid-template-columns:1fr}.shell--room .game-hud,.shell--workbench .game-hud{grid-template-columns:1fr auto}.reward-panel__items{grid-template-columns:1fr}}:root{color:#35536a;background:#eaf6fa;--qp-sky: #d8f0fa;--qp-blue: #52a7d4;--qp-blue-deep: #327ca6;--qp-navy: #35536a;--qp-border: #a9ccdc;--qp-border-soft: #d5e7ee;--qp-panel: #ffffff;--qp-cream: #fffdf5;--qp-yellow: #ffc85a;--qp-orange: #ff8c61;--qp-mint: #72c6b3;--qp-muted: #718897;--border: #bed8e3;--border-soft: #d7e7ed;--panel: #ffffff;--panel-soft: #f8fcfd;--surface-1: #f1f8fb;--surface-2: #e8f4f8;--surface-3: #fff5d8;--accent: #4d9fcb;--accent-soft: #e2f3fa;--muted: #718897;--success: #55ad8f;--warning: #d99139;--danger: #e76969;--text: #35536a;--shadow: 0 3px 0 rgba(68, 130, 160, .08)}html,body,#root{min-height:100%}body{color:var(--qp-navy);background:radial-gradient(circle at 12% 72px,rgba(255,255,255,.88) 0 34px,transparent 35px),radial-gradient(circle at 16% 73px,rgba(255,255,255,.82) 0 24px,transparent 25px),radial-gradient(circle at 86% 108px,rgba(255,255,255,.7) 0 42px,transparent 43px),linear-gradient(180deg,#caeaf7 0,#caeaf7 190px,#edf7fa 190px,#edf7fa);font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}button,input,select,textarea{color:inherit}.qp-shell{width:min(1220px,calc(100% - 28px));margin:0 auto;padding:14px 0 24px}.qp-shell--lobby{width:min(1240px,calc(100% - 28px));min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.qp-shell--room{width:min(1380px,calc(100% - 22px))}.qp-shell--workbench{width:min(1460px,calc(100% - 20px))}.qp-content{min-height:0}.qp-shell--lobby .qp-content{display:block}.qp-topbar{min-height:72px;display:grid;grid-template-columns:auto minmax(430px,1fr) auto;align-items:end;gap:22px;padding:11px 14px 0;margin-bottom:10px;border:2px solid #79b8d5;border-bottom-color:#5b9fc2;border-radius:13px;background:linear-gradient(180deg,#fff,#f5fbfd);box-shadow:0 3px #4d8fae21}.qp-logo{align-self:center;display:flex;align-items:center;gap:9px;padding-bottom:10px}.qp-logo__bubble{position:relative;width:43px;height:43px;display:grid;place-items:center;border:3px solid #ffffff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#68bce2,#3d91bf);box-shadow:0 0 0 2px #86c5df,inset 0 -3px #1960862e;font-family:Arial,sans-serif;font-size:1.42rem;font-weight:900}.qp-logo__bubble:after{content:"";position:absolute;right:1px;bottom:-4px;width:10px;height:10px;background:#3d91bf;clip-path:polygon(0 0,100% 0,100% 100%)}.qp-logo__name{display:grid;line-height:1}.qp-logo__name strong{color:#3d83ab;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:1.48rem;font-weight:900;letter-spacing:.04em}.qp-logo__name small{margin-top:5px;color:#8aa4b2;font-size:.55rem;font-weight:800;letter-spacing:.16em}.qp-tabs{align-self:stretch;display:flex;align-items:end;gap:4px}.qp-tab{min-width:88px;height:42px;display:grid;place-items:center;padding:0 13px;border:1px solid #c7dfe8;border-bottom:0;border-radius:9px 9px 0 0;color:#668293;background:#f4fafc;font-size:.78rem;font-weight:750;transition:background .12s ease,color .12s ease}.qp-tab:hover{color:#3c7697;background:#e9f6fb}.qp-tab--active{height:47px;color:#fff;border-color:#4e9dc6;background:linear-gradient(180deg,#69b7dc,#4d9fc9);box-shadow:inset 0 1px #ffffff4d}.qp-tab--disabled{min-width:82px;color:#9baeb8;background:#eef3f5;cursor:not-allowed}.qp-tab--disabled small{color:#b1bec4;font-size:.55rem}.qp-player-mini{align-self:center;position:relative;min-width:198px;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;padding:8px 10px 10px;margin-bottom:8px;border:1px solid #c3dce6;border-radius:9px;background:#f7fcfd}.qp-player-mini__face{grid-row:1 / 3;width:34px;height:34px;display:grid;place-items:center;border:2px solid #ffffff;border-radius:50%;color:#fff;background:#72c6b3;box-shadow:0 0 0 1px #8acdbd;font-weight:900}.qp-player-mini>div:nth-child(2){display:grid;line-height:1.2}.qp-player-mini strong{overflow:hidden;color:#3b6077;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.qp-player-mini span{color:#849aa7;font-size:.61rem}.qp-player-mini__xp{grid-column:2;height:4px;overflow:hidden;border-radius:999px;background:#dcebf0}.qp-player-mini__xp i{display:block;height:100%;border-radius:inherit;background:#76c6b3}.qp-lobby{display:grid;gap:10px}.qp-welcome{position:relative;min-height:92px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:17px 24px;border:2px solid #a6ccdc;border-radius:13px;background:linear-gradient(90deg,#fffffffa,#f2fbfee6),#fff;box-shadow:var(--shadow)}.qp-welcome:after{content:"";position:absolute;right:55px;bottom:-28px;width:180px;height:70px;border-radius:50%;background:#70bede1a}.qp-welcome__hello{color:#4a9dcc;font-size:.72rem;font-weight:800}.qp-welcome h2{margin:3px 0 0;color:#365b73;font-size:1.28rem;letter-spacing:-.03em}.qp-welcome p{margin:4px 0 0;color:#7c919e;font-size:.75rem}.qp-welcome__note{position:relative;z-index:1;display:flex;align-items:center;gap:15px;padding-right:18px;color:#71b8d9}.qp-welcome__note span:nth-child(1){font-size:1.25rem;transform:rotate(-10deg)}.qp-welcome__note span:nth-child(2){color:#ffad68;font-size:2.1rem}.qp-welcome__note span:nth-child(3){color:#80c7b7;font-size:1.4rem;transform:rotate(9deg)}.qp-lobby-grid{min-height:560px;display:grid;grid-template-columns:218px minmax(480px,1fr) 242px;gap:10px}.qp-panel{min-width:0;border:2px solid var(--qp-border);border-radius:11px;background:var(--qp-panel);box-shadow:var(--shadow)}.qp-panel__title{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #d3e6ed;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#fafdfe,#edf7fa)}.qp-panel__title strong{color:#426a81;font-size:.82rem}.qp-panel__title a,.qp-panel__title span{color:#6fa8c4;font-size:.66rem;font-weight:700}.qp-map-panel{display:flex;flex-direction:column;overflow:hidden}.qp-map-list{display:grid;gap:4px;padding:9px}.qp-map-item{width:100%;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px;border:1px solid transparent;border-radius:7px;color:#5d7585;background:transparent;text-align:left}.qp-map-item:hover{background:#f0f8fb}.qp-map-item--active{border-color:#99c9dd;color:#36647e;background:#e7f5fb}.qp-map-item>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#79bedb;font-size:.82rem}.qp-map-item>div{min-width:0;display:grid}.qp-map-item strong,.qp-map-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qp-map-item strong{font-size:.74rem}.qp-map-item small{margin-top:2px;color:#8ca0ac;font-size:.6rem}.qp-map-empty{min-height:180px;display:grid;justify-items:center;align-content:center;padding:20px 12px;color:#8ca3b0;text-align:center}.qp-map-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#b9dbe8;font-size:1.25rem}.qp-map-empty p{margin:9px 0 6px;font-size:.7rem}.qp-map-empty a{color:#4f9bc4;font-size:.68rem;font-weight:800;text-decoration:underline}.qp-character-slot{display:flex;align-items:center;gap:10px;margin:auto 9px 9px;padding:10px;border:1px dashed #c6dce5;border-radius:8px;background:#f7fbfc}.qp-character-slot__avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#9ab0bb;background:#e5eff3;font-weight:800}.qp-character-slot>div{display:grid}.qp-character-slot strong{color:#6c8492;font-size:.7rem}.qp-character-slot small{color:#9aadb6;font-size:.59rem}.qp-room-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.qp-room-toolbar{min-height:49px;display:flex;justify-content:space-between;align-items:end;padding:8px 10px 0;border-bottom:1px solid #cbe1e9;background:#f7fcfd}.qp-room-tabs{display:flex;gap:3px}.qp-room-tab{min-width:88px;height:39px;padding:0 13px;border:1px solid #c6dde6;border-bottom:0;border-radius:8px 8px 0 0;color:#78909e;background:#eef7fa;font-size:.7rem;font-weight:750}.qp-room-tab span{margin-left:3px;color:#9ab0bb;font-size:.6rem}.qp-room-tab--active{color:#fff;border-color:#4d9fc9;background:#59a8d0}.qp-room-tab--active span{color:#e7f6fb}.qp-refresh{margin-bottom:8px;padding:6px 9px;border:1px solid #bdd8e3;border-radius:6px;color:#61879c;background:#fff;font-size:.64rem;font-weight:700}.qp-refresh:disabled{opacity:.55}.qp-room-table{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.qp-room-table__head,.qp-room-row{display:grid;grid-template-columns:46px minmax(120px,1.25fr) minmax(100px,1fr) 62px 76px;gap:8px;align-items:center}.qp-room-table__head{min-height:34px;padding:0 11px;color:#8196a2;background:#edf6f9;font-size:.61rem;font-weight:750;text-align:center}.qp-room-table__head span:nth-child(2),.qp-room-table__head span:nth-child(3){text-align:left}.qp-room-table__body{min-height:0;overflow:auto;background:#fff}.qp-room-row{width:100%;min-height:48px;padding:0 11px;border:0;border-bottom:1px solid #e4eef2;color:#667d8b;background:#fff;font-size:.68rem;text-align:center}.qp-room-row:nth-child(2n){background:#fbfdfe}.qp-room-row:hover:not(:disabled){background:#eaf6fb}.qp-room-row:disabled{cursor:not-allowed;opacity:.62}.qp-room-row>strong{overflow:hidden;color:#3f6278;text-align:left;text-overflow:ellipsis;white-space:nowrap}.qp-room-row>span:nth-child(3){overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.qp-room-state{display:inline-grid;place-items:center;min-height:24px;border-radius:999px;color:#fff;background:#65b599;font-size:.58rem;font-weight:750}.qp-room-state--playing,.qp-room-state--countdown{background:#f09a67}.qp-room-state--scoring,.qp-room-state--finished{background:#9daeba}.qp-room-empty{min-height:270px;display:grid;justify-items:center;align-content:center;color:#8ba0ac;text-align:center}.qp-room-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#c1dee9;font-size:1.45rem}.qp-room-empty strong{margin-top:10px;color:#6f8795;font-size:.78rem}.qp-room-empty p{margin:3px 0 0;font-size:.65rem}.qp-room-actions{min-height:60px;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:9px 11px;border-top:1px solid #cfE3ea;background:#f7fbfc}.qp-room-actions p{margin:0 auto 0 0;color:#8499a5;font-size:.64rem}.qp-button{min-width:84px;min-height:34px;padding:7px 14px;border-radius:7px;font-size:.7rem;font-weight:800}.qp-button--soft{border:1px solid #b7d2de;color:#628296;background:linear-gradient(#fff,#edf6f9)}.qp-button--primary{border:1px solid #3389b6;color:#fff;background:linear-gradient(#69b9dd,#4b9fc9);box-shadow:inset 0 1px #ffffff4d}.qp-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.qp-button:disabled{cursor:not-allowed;opacity:.48}.qp-side-column{min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:10px}.qp-profile-card{padding:13px}.qp-profile-card__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.qp-profile-card__avatar{width:48px;height:48px;display:grid;place-items:center;border:3px solid #ffffff;border-radius:50%;color:#fff;background:#7bc9b5;box-shadow:0 0 0 2px #a8d9cc;font-size:1.2rem}.qp-profile-card__top>div{min-width:0;display:grid}.qp-profile-card__top small{color:#90a3ad;font-size:.58rem}.qp-profile-card__top strong{overflow:hidden;margin-top:1px;color:#3f6378;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.qp-profile-card__top div>span{color:#6fa1b8;font-size:.62rem}.qp-field{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;align-items:center}.qp-field--nickname{grid-template-columns:58px minmax(0,1fr);margin-top:13px}.qp-field>span{color:#678295;font-size:.69rem;font-weight:750}.qp-field input,.qp-field select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #bcd5df;border-radius:6px;outline:none;color:#466579;background:#fbfdfe;font-size:.72rem}.qp-field input:focus,.qp-field select:focus{border-color:#66add0;box-shadow:0 0 0 2px #59a8d01f}.qp-wallet{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:10px;border:1px solid #f0d795;border-radius:8px;background:#fff9e9}.qp-wallet span{display:flex;align-items:center;gap:6px;color:#8b7a4d;font-size:.64rem;font-weight:750}.qp-wallet i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#8d671a;background:#ffd266;font-style:normal;font-size:.6rem;font-weight:900}.qp-wallet strong{color:#9b6f1f;font-size:.9rem}.qp-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.qp-stat-row>span{display:grid;padding:8px;border-radius:6px;color:#8699a4;background:#f2f7f9;font-size:.56rem}.qp-stat-row strong{margin-top:2px;color:#5a788a;font-size:.65rem}.qp-today-card{overflow:hidden}.qp-today-item{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px 12px;border-top:1px solid #e4eef2}.qp-today-item:nth-child(2){border-top:0}.qp-check{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c7dce4;border-radius:50%;color:#b1c2ca;background:#f4f8fa;font-size:.68rem;font-weight:900}.qp-check--done{color:#fff;border-color:#62b89f;background:#72c6ad}.qp-today-item>div{display:grid}.qp-today-item strong{color:#5c7686;font-size:.68rem}.qp-today-item small{color:#94a6af;font-size:.58rem}.qp-notice{align-self:stretch;padding:13px;border:1px solid #eddca9;border-radius:10px;background:#fffbed}.qp-notice strong{color:#a68336;font-size:.68rem}.qp-notice p{margin:5px 0 0;color:#8f8466;font-size:.62rem;line-height:1.55}.qp-chat-strip{min-height:39px;display:flex;align-items:center;gap:9px;padding:7px 12px;border:2px solid #aed0de;border-radius:9px;background:#fff}.qp-chat-strip>span{padding:3px 7px;border-radius:5px;color:#fff;background:#70b5d4;font-size:.58rem;font-weight:800}.qp-chat-strip p{margin:0;color:#738b99;font-size:.65rem}.qp-chat-strip small{margin-left:auto;color:#8da0aa;font-size:.6rem}.qp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:18px}.qp-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#314c5b6b}.qp-modal__panel{position:relative;z-index:1;width:min(430px,100%);display:grid;gap:13px;padding:19px;border:3px solid #79b7d4;border-radius:14px;background:#fff;box-shadow:0 18px 48px #365b6f47}.qp-modal__title{display:flex;justify-content:space-between;align-items:start;padding-bottom:10px;border-bottom:1px solid #d9e8ee}.qp-modal__title>div{display:grid}.qp-modal__title span{color:#67a8c8;font-size:.6rem;font-weight:800}.qp-modal__title h3{margin:2px 0 0;color:#3f6479;font-size:1.15rem}.qp-modal__title button{width:30px;height:30px;border:1px solid #c6dce5;border-radius:7px;color:#79909d;background:#f4f9fb;font-size:1rem}.qp-modal__message{margin:0;padding:9px 10px;border-radius:6px;color:#728895;background:#eff7fa;font-size:.65rem;line-height:1.55}.qp-modal__message a{color:#3e92bd;font-weight:800;text-decoration:underline}.qp-modal__message--error{color:#a15a5a;background:#fff0f0}.qp-modal__actions{display:flex;justify-content:flex-end;gap:7px;padding-top:3px}.qp-shell .panel,.qp-shell .hero,.qp-shell .shell__footer{color:var(--qp-navy);border-color:var(--qp-border);background:#fff;box-shadow:var(--shadow)}.qp-shell .eyebrow{color:#599ec1}.qp-shell .button{border-color:#4a98c0;color:#fff;background:#58a7cf;box-shadow:none}.qp-shell .button--ghost{border-color:#bfd8e2;color:#608094;background:#f2f8fa}.qp-shell .button--danger{color:#bd5d5d;border-color:#e7b6b6;background:#fff5f5}.qp-shell .field input,.qp-shell .field select,.qp-shell .field textarea{color:#466579;border-color:#bed6df;background:#fbfdfe}.qp-shell .chip{color:#56798b;border-color:#c6dce5;background:#f1f8fa}.qp-shell .room-card,.qp-shell .participant-card,.qp-shell .stat-list>div,.qp-shell .room-stage__meta-card,.qp-shell .song-queue__item,.qp-shell .map-empty{color:#48687b;border-color:#c9dfe7;background:#f6fbfc}.qp-shell .room-stage__board,.qp-shell .song-preview,.qp-shell .song-builder-card{color:#45667a;border-color:#bed8e3;background:#f5fafc}.qp-shell .reveal,.qp-shell .room-stage__hint{color:#426b80;border-color:#eed99a;background:#fff9e7}.qp-shell .map-browser--workbench .panel__header,.qp-shell .map-workspace--workbench .panel__header,.qp-shell .map-workspace--workbench .map-builder__header,.qp-shell .map-browser--workbench .map-toolbar,.qp-shell .map-workspace--workbench .map-toolbar,.qp-shell .map-workspace--workbench .map-builder__actions{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.88) 82%,transparent)}.reward-overlay:before{background:#39546285}.reward-panel{color:#3c6075;border:3px solid #78b7d4;border-radius:15px;background:#fff;clip-path:none}.reward-panel__eyebrow{color:#4c9bc4}.reward-panel__crest{color:#fff;border-color:#fff;background:#72c5af;box-shadow:0 0 0 3px #9bd6c6}.reward-panel>p{color:#7c919d}.reward-panel__items>div{border-color:#c9dfe7;background:#f5fafc}.reward-panel__items span{color:#8298a4}.reward-panel__items strong{color:#4d9fc8}.reward-panel>button{border-radius:7px;color:#fff;background:#57a6cf}@media (max-width: 1100px){.qp-topbar{grid-template-columns:auto 1fr;align-items:center;padding-bottom:8px}.qp-tabs{grid-column:1 / -1;grid-row:2;align-items:end;overflow-x:auto}.qp-player-mini{justify-self:end;margin-bottom:0}.qp-lobby-grid{grid-template-columns:200px minmax(440px,1fr)}.qp-side-column{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}}@media (max-width: 760px){body{background:linear-gradient(180deg,#caeaf7 0,#caeaf7 150px,#edf7fa 150px,#edf7fa)}.qp-shell,.qp-shell--lobby,.qp-shell--room,.qp-shell--workbench{width:min(100%,calc(100% - 14px));height:auto;min-height:100dvh;padding-top:7px;overflow:visible}.qp-topbar{grid-template-columns:1fr auto;gap:8px;padding:9px 9px 7px}.qp-logo{padding:0}.qp-logo__bubble{width:37px;height:37px;font-size:1.2rem}.qp-logo__name strong{font-size:1.2rem}.qp-player-mini{min-width:0;padding:6px}.qp-player-mini__face{width:29px;height:29px}.qp-player-mini>div:nth-child(2){max-width:105px}.qp-tabs{width:100%;padding-top:6px}.qp-tab{flex:1 0 86px;min-width:86px;height:37px;padding:0 9px;font-size:.68rem}.qp-tab--active{height:40px}.qp-welcome{min-height:108px;padding:15px}.qp-welcome h2{max-width:16ch;font-size:1.08rem}.qp-welcome p{max-width:34ch}.qp-welcome__note{display:none}.qp-lobby-grid{display:flex;flex-direction:column;min-height:0}.qp-room-panel{order:-1;min-height:510px}.qp-map-panel{min-height:360px}.qp-side-column{display:grid;grid-template-columns:1fr}.qp-room-table__head{display:none}.qp-room-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 8px;padding:9px;text-align:left}.qp-room-row>span:first-child{grid-row:1 / 3}.qp-room-row>strong{grid-column:2;grid-row:1}.qp-room-row>span:nth-child(3){grid-column:2;grid-row:2}.qp-room-row>span:nth-child(4){grid-column:3;grid-row:1}.qp-room-state{grid-column:3;grid-row:2;min-height:20px;padding:0 7px}.qp-room-actions{flex-wrap:wrap}.qp-room-actions p{width:100%}.qp-button{flex:1}.qp-chat-strip small{display:none}.qp-field{grid-template-columns:1fr;gap:4px}}