@font-face{font-family:Joseon100Years;src:url(/fonts/ChosunCentennial.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--font-game:"Joseon100Years", "Noto Sans KR", system-ui, sans-serif;--font-readable:Pretendard, "Noto Sans KR", system-ui, sans-serif;--font-code:ui-monospace, "SFMono-Regular", Consolas, monospace;--night-950:#050b11;--night-900:#09131c;--night-800:#10222b;--hanji-100:#fff7df;--hanji-200:#eadfbe;--moon-300:#f5d27f;--moon-500:#c6963e;--goblin-300:#5ae0c1;--goblin-500:#20a78f;--goblin-700:#0b625d;--vermilion-400:#df6956;--vermilion-600:#a93e35;--muted-300:#b8c3bf;--muted-500:#7f918f;color:var(--hanji-100);font-family:var(--font-game)}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}body,button,input,select,textarea{font-family:var(--font-game)}#room-code-input,#room-code-output{font-family:var(--font-code)}.consent,.speech-setup,#engine-status{font-family:var(--font-readable)}#engine-status{color:var(--muted-300);background:#050b11ad;inset:auto 1rem 1rem auto}#start-screen{isolation:isolate;background-color:#07152e;background-image:radial-gradient(ellipse at center, #03080f0a 0%, #03080f1f 38%, #03080f7a 100%), linear-gradient(0deg, #02070d70, transparent 34%), var(--start-screen-background-image,linear-gradient(#07152e, #07152e));-webkit-backdrop-filter:none;backdrop-filter:none;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;padding:clamp(1rem,4vh,3rem);display:flex;overflow:hidden}#start-screen[hidden]{display:none}#start-screen:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#02070ea8 0%,#02070e7a 42%,#02070e24 72%,#0000 100%);width:min(42rem,62vw);margin-inline:auto;position:absolute;inset:0}#start-screen:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#02070d9e);height:22%;position:absolute;bottom:0;left:0;right:0}#start-screen>.panel{width:min(27rem,100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;padding:.75rem;position:relative;overflow:visible}#start-screen>.panel:before{display:none}.start-hero{margin-bottom:1.35rem}#start-screen .eyebrow{color:var(--moon-300);letter-spacing:.06em;margin:0 0 .65rem;font-size:.94rem;font-weight:400}.start-logo{filter:drop-shadow(0 .75rem 1.5rem #00000070);width:min(20.5rem,80%);height:auto;margin:-1rem auto -.8rem;display:block}.start-description{max-width:24rem;color:var(--hanji-200);text-shadow:0 .12rem .7rem #000000d1;word-break:keep-all;margin:1rem auto 0;font-size:1rem;line-height:1.55}#start-screen .form-grid{gap:.85rem}.start-player-settings{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);text-align:left;background:linear-gradient(135deg,#fff7df0d,#0000 44%),#071219c2;border:1px solid #eadfbe2e;border-radius:.15rem .8rem;gap:.68rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff0d,0 1.2rem 3rem #0000002e}#start-screen .start-profile{color:var(--hanji-200);background:0 0;border:0;grid-template-columns:max-content minmax(0,1fr);gap:1rem;padding:0;font-size:1rem}#nickname-input{min-width:0;height:2.75rem;color:var(--moon-300);text-align:right;background:#030a0f6b;border:0;border-bottom:1px solid #f5d27f6b;border-radius:0;outline:none;padding:0 .85rem;font-size:1.08rem;font-weight:400}#nickname-input:hover{border-bottom-color:#f5d27fb8}#nickname-input:focus-visible,#room-code-input:focus-visible{border-color:var(--goblin-300);box-shadow:0 0 0 3px #5ae0c138}#nickname-input[aria-invalid=true],#room-code-input[aria-invalid=true]{border-color:var(--vermilion-400);box-shadow:0 0 0 3px #df695629}#start-screen .consent{color:var(--muted-300);gap:.6rem;font-size:.74rem;line-height:1.48}#speech-consent{width:1rem;height:1rem;accent-color:var(--goblin-500);margin:.12rem 0 0}#start-screen .speech-setup{min-height:2rem;color:var(--muted-300);background:#050e1494;border:1px solid #5ae0c126;border-radius:.2rem;justify-content:flex-start;padding:.42rem .62rem;font-size:.72rem}#start-screen .speech-setup:before{background:var(--goblin-300);content:"";border-radius:50%;flex:none;width:.5rem;height:.5rem;box-shadow:0 0 .75rem #5ae0c1a6}.start-primary-actions{gap:.65rem;width:min(24rem,100%);margin-inline:auto;display:grid}#create-room,#show-join-room{letter-spacing:.04em;border-radius:.15rem .85rem;width:100%;min-height:3.55rem;font-size:1.12rem;font-weight:400;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;position:relative}#create-room{border-color:var(--moon-300);color:var(--night-950);background:linear-gradient(135deg, #f8df99, var(--moon-500));box-shadow:0 .75rem 1.8rem #c6963e33,inset 0 1px #ffffff73}#show-join-room{color:var(--hanji-100);background:linear-gradient(135deg,#0b625dad,#081e25db);border-color:#5ae0c18c;box-shadow:inset 0 1px #ffffff0f}#create-room:hover:not(:disabled),#show-join-room:hover:not(:disabled){transform:translateY(-2px)}#create-room:hover:not(:disabled){box-shadow:0 1rem 2.4rem #c6963e4f,inset 0 1px #ffffff8c}#show-join-room:hover:not(:disabled){border-color:var(--goblin-300);background:linear-gradient(135deg,#0b625de0,#08262ceb)}#create-room:active:not(:disabled),#show-join-room:active:not(:disabled){transform:translateY(1px)}#start-screen button:focus-visible{outline:3px solid var(--goblin-300);outline-offset:3px}#start-screen button:disabled{filter:saturate(.35);opacity:.48}#join-room-form{-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:linear-gradient(135deg,#5ae0c10f,#0000 42%),#050f16e8;border:1px solid #5ae0c14f;border-radius:.15rem .8rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem .65rem;padding:.9rem;display:grid;box-shadow:0 1rem 2.4rem #00000047}#join-room-form[hidden]{display:none}#join-room-form>label{color:var(--hanji-200);grid-column:1/-1;font-size:.9rem}#room-code-input{height:2.8rem;color:var(--hanji-100);letter-spacing:.035em;background:#02080cad;border-color:#eadfbe47;border-radius:.2rem;outline:none;font-size:.9rem}#room-code-input::placeholder{color:var(--muted-500);letter-spacing:0}.join-actions{gap:.45rem;display:flex}.join-actions button{border-radius:.2rem .6rem;min-height:2.8rem}#join-room{border-color:var(--goblin-300);color:var(--night-950);background:var(--goblin-300)}#join-room-form>small{color:var(--muted-500);grid-column:1/-1;font-size:.68rem}.start-utility-actions{margin-top:.1rem;justify-content:space-between;width:min(21rem,100%);margin-inline:auto}#start-screen .start-utility-actions button{min-height:2.35rem;color:var(--muted-300);box-shadow:none;background:0 0;border-color:#0000;border-radius:.2rem;padding:.35rem .7rem}#start-screen .start-utility-actions button:hover{color:var(--hanji-100);background:#fff7df0d;border-color:#eadfbe2e}#connection-status{color:#f2a79f;text-align:center;text-shadow:0 .1rem .55rem #000000e6;min-height:1.2rem;margin:-.15rem 0 0;font-size:.75rem;line-height:1.45}#lobby-screen{isolation:isolate;background-color:#07152e;background-image:radial-gradient(ellipse at center, #03080f0a 0%, #03080f24 48%, #03080f75 100%), linear-gradient(0deg, #02070d57, transparent 38%), var(--lobby-screen-background-image,linear-gradient(#07152e, #07152e));-webkit-backdrop-filter:none;backdrop-filter:none;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:clamp(1.5rem,4vw,4.5rem);overflow:hidden}#lobby-screen[hidden]{display:none}#lobby-screen>.panel{-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:linear-gradient(135deg,#fff7df0f,#0000 42%),#050e16d6;border-color:#f5d27f4d;border-radius:.25rem 1rem;width:min(38rem,100%);padding:1.35rem;box-shadow:inset 0 1px #ffffff12,0 1.5rem 5rem #00000075}#lobby-screen .eyebrow{color:var(--moon-300);font-weight:400}#lobby-screen h2{color:var(--hanji-100);font-weight:400}#lobby-screen .invite-code,#lobby-screen .lobby-map-summary,#lobby-screen .player-card{background:#071219c2;border-color:#eadfbe33;box-shadow:inset 0 1px #ffffff0a}#lobby-screen .player-card[data-ready=true]{border-color:var(--goblin-300)}#lobby-screen #copy-room-code,#lobby-screen #open-map-selection,#lobby-screen #ready-button,#lobby-screen #start-match,#lobby-screen #leave-lobby{border-radius:.15rem .65rem}#lobby-screen button:focus-visible{outline:3px solid var(--goblin-300);outline-offset:2px}#map-selection-screen{-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:radial-gradient(circle at 50% 14%,#20a78f1f,#0000 34%),#03080fe0;padding:clamp(1rem,2vw,2rem);overflow:hidden}#map-selection-screen>.panel{background:linear-gradient(135deg,#fff7df0d,#0000 38%),#050e16f0;border-color:#f5d27f42;border-radius:.3rem 1.15rem;width:min(78rem,100%);max-height:calc(100vh - 2rem);padding:1.2rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1.5rem 5rem #0000007a}#map-selection-screen .eyebrow{color:var(--moon-300);letter-spacing:.16em;margin-bottom:.25rem;font-size:.72rem}#map-selection-screen h2{color:var(--hanji-100);margin-bottom:.8rem;font-size:clamp(1.65rem,2.4vw,2.2rem);font-weight:400}#map-selection-screen .map-selection-layout{grid-template-columns:minmax(18.5rem,.78fr) minmax(0,2fr);gap:1.1rem}#map-selection-list{scrollbar-color:#5ae0c185 #ffffff0d;gap:.55rem;max-height:calc(100vh - 9.7rem);padding-right:.45rem}#map-selection-screen .map-list-item{min-height:4.5rem;color:var(--hanji-100);background:#08161ed1;border-color:#eadfbe29;border-radius:.15rem .75rem;grid-template-columns:5.3rem minmax(0,1fr) auto;gap:.65rem;padding:.5rem;transition:transform .14s,border-color .14s,background .14s;box-shadow:inset 0 1px #ffffff0a}#map-selection-screen .map-list-item:hover{border-color:#5ae0c17a;transform:translate(.18rem)}#map-selection-screen .map-list-item[data-previewed=true]{border-color:var(--moon-300);background:linear-gradient(90deg,#c6963e3d,#08181feb);box-shadow:inset 0 0 0 1px #f5d27f1f,0 .6rem 1.4rem #0000002e}.map-list-thumbnail{aspect-ratio:16/9;background-image:linear-gradient(#040a1014, #040a1047), var(--map-list-image);background-position:50%;background-size:cover;border:1px solid #ffffff21;border-radius:.12rem .5rem;width:100%;box-shadow:0 .35rem .8rem #00000047}.map-list-copy{gap:.18rem;min-width:0;display:grid}#map-selection-screen .map-list-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:400;overflow:hidden}#map-selection-screen .map-list-state{color:var(--goblin-300);white-space:nowrap;background:#0b625d29;border:1px solid #5ae0c147;border-radius:999px;padding:.25rem .4rem;font-size:.62rem}#map-selection-screen .map-list-item[data-playable=false] .map-list-state{color:var(--muted-300);background:#fff7df0d;border-color:#eadfbe2e}#map-selection-screen .map-preview-card{background:#071219d1;border-color:#eadfbe2e;border-radius:.15rem .95rem;min-width:0;padding:.75rem;box-shadow:inset 0 1px #ffffff0d}#map-preview-visual{border-color:#f5d27f3d;border-radius:.15rem .8rem;place-content:end start;height:clamp(16rem,50vh,30rem);min-height:0;box-shadow:inset 0 0 0 1px #ffffff0a;background-image:linear-gradient(0deg, #02070dc7, transparent 48%), var(--map-preview-image,linear-gradient(#10222b, #10222b))!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}#map-preview-visual:before{background:linear-gradient(90deg,#02070d42,#0000 40%,#02070d1a);border:0;width:auto;height:auto;inset:0;transform:none}#map-preview-visual[data-playable=false]:after{content:"잠김";color:var(--hanji-200);-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);background:#040b11c7;border-color:#eadfbe57;font-weight:400}#map-selection-screen .map-preview-copy{gap:.38rem;margin-top:.65rem}#map-selection-screen #map-preview-name{color:var(--hanji-100);font-size:clamp(1.65rem,2.3vw,2rem);font-weight:400}#map-selection-screen #map-preview-concept{color:var(--muted-300);font-size:1rem;line-height:1.55}#map-selection-screen #map-selection-status{color:var(--muted-300);margin:0}#map-selection-screen .action-row{gap:.55rem}#map-selection-screen #select-map,#map-selection-screen #close-map-selection{border-radius:.15rem .65rem;min-height:2.7rem}#map-selection-screen #select-map:not(:disabled){border-color:var(--moon-300);color:var(--night-950);background:linear-gradient(135deg, #f8df99, var(--moon-500))}#map-selection-screen button:focus-visible{outline:3px solid var(--goblin-300);outline-offset:2px}@media (width<=80rem),(height<=48rem){#start-screen{padding:1rem}#start-screen:before{width:min(38rem,72vw);inset:0}#start-screen>.panel{width:min(26.5rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:.45rem}.start-hero{margin-bottom:.8rem}#start-screen .eyebrow{margin-bottom:.4rem;font-size:.76rem}.start-logo{width:min(15rem,74%);margin-top:-.75rem;margin-bottom:-.65rem}.start-description{margin-top:.65rem;font-size:.88rem}#start-screen .form-grid{gap:.52rem}.start-player-settings{gap:.48rem;padding:.72rem}#start-screen .start-profile{font-size:.88rem}#nickname-input{height:2.35rem;font-size:.98rem}#start-screen .consent{font-size:.66rem;line-height:1.35}#start-screen .speech-setup{min-height:1.7rem;padding:.3rem .5rem;font-size:.65rem}.start-primary-actions{gap:.48rem}#create-room,#show-join-room{min-height:2.95rem;font-size:1.02rem}#join-room-form{padding:.65rem}#room-code-input,.join-actions button{height:2.35rem;min-height:2.35rem}#map-selection-screen .map-list-item{grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.5rem;min-height:3.8rem;padding:.35rem}#map-selection-screen .map-list-copy strong{font-size:.82rem}#map-selection-screen .map-list-state{padding:.2rem .34rem;font-size:.58rem}.start-utility-actions{margin-top:0}#start-screen .start-utility-actions button{min-height:2rem}}@media (width<=48rem){#start-screen{background-position:50%;align-items:flex-start;padding:2rem 1rem;overflow-y:auto}#start-screen:before{background:#02070e8f;width:100%;position:fixed;inset:0}#start-screen>.panel{width:min(27rem,100%);max-height:none}#map-selection-screen{align-items:flex-start;padding:.75rem;overflow-y:auto}#map-selection-screen>.panel{max-height:none;padding:.85rem;overflow:visible}#map-selection-screen .map-selection-layout{grid-template-columns:1fr}#map-selection-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:16rem}#map-selection-screen .map-list-item{grid-template-columns:4.2rem minmax(0,1fr)}#map-selection-screen .map-list-state{display:none}#map-preview-visual{height:clamp(13rem,38vh,19rem)}}@media (prefers-reduced-motion:reduce){#start-screen *,#start-screen :before,#start-screen :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}