:root{color-scheme:dark;--bg:#07111b;--bg-deep:#03070d;--panel:rgba(7,15,24,0.82);--panel-strong:rgba(8,17,28,0.94);--text:#f3efe6;--muted:#a9b3c1;--blue:#0f4c75;--accent:#c8aa6e;--accent-bright:#f0e6d2;--line:rgba(200,170,110,0.24);--line-strong:rgba(200,170,110,0.4);--danger:#ff907a}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at 50% 0,rgba(12,78,119,.22),transparent 28%),linear-gradient(180deg,#0c1824,#08111a 48%,#03070d);color:var(--text);font-family:Pretendard,Noto Sans KR,sans-serif}button,input{font:inherit}body:before{background:linear-gradient(180deg,rgba(2,7,14,.1),rgba(2,7,14,.62)),url(/images/mundo-arena-bg.png) 50% /cover no-repeat;opacity:.42}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:linear-gradient(90deg,transparent,rgba(200,170,110,.08) 50%,transparent);opacity:.5}.page-shell{position:relative;min-height:100vh;padding:28px;isolation:isolate}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.guest-shell{position:relative;max-width:860px;margin:0 auto;padding:22px 0 48px;display:grid;grid-gap:36px;gap:36px}.guest-shell:before{content:"";position:absolute;top:120px;right:-80px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(12,78,119,.18),transparent 70%);filter:blur(8px);pointer-events:none}.guest-topbar{justify-content:space-between;gap:16px}.guest-brand,.guest-topbar{display:flex;align-items:center}.guest-brand{gap:14px}.guest-brand-mark{width:42px;height:42px;border-radius:12px;border:1px solid rgba(240,230,210,.16);background:linear-gradient(135deg,rgba(240,230,210,.88),rgba(138,107,53,.88));box-shadow:0 0 0 1px rgba(200,170,110,.14),0 12px 24px rgba(0,0,0,.25)}.guest-input-label,.guest-kicker{margin:0;letter-spacing:.12em;text-transform:uppercase}.guest-kicker{color:var(--accent);font-size:.8rem;font-weight:700}.guest-locale-toggle{display:inline-flex;gap:8px;padding:5px;border:1px solid rgba(200,170,110,.16);border-radius:999px;background:rgba(5,12,20,.7)}.guest-locale-button{padding:9px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:.16s ease}.guest-locale-button.active{border-color:rgba(200,170,110,.24);background:linear-gradient(180deg,rgba(200,170,110,.2),rgba(120,90,48,.18));color:var(--text)}.guest-hero{max-width:720px;display:grid;grid-gap:12px;gap:12px;padding-top:52px;text-align:center;justify-self:center}.guest-title{margin:0;font-size:clamp(3rem,9vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.04em}.guest-subtitle{margin:0 auto;max-width:620px;color:var(--muted);font-size:1rem;line-height:1.85}.guest-card{position:relative;max-width:720px;width:100%;margin:0 auto;padding:26px;display:grid;grid-gap:22px;gap:22px;background:linear-gradient(180deg,rgba(10,20,31,.96),rgba(6,13,21,.98))}.guest-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(200,170,110,.08);border-radius:18px;pointer-events:none}.guest-card-header{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:16px}.guest-card-title{margin:8px 0 0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.guest-input-group{position:relative;display:grid;grid-gap:10px;gap:10px}.guest-input-label{color:rgba(243,239,230,.84);font-size:.78rem;font-weight:700}.guest-input{width:100%;padding:18px;border:1px solid rgba(200,170,110,.16);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),rgba(255,255,255,.025);color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.guest-input::placeholder{color:rgba(169,179,193,.56)}.guest-input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(200,170,110,.08),0 0 28px rgba(15,76,117,.14)}.guest-card-footer{display:grid;grid-gap:16px;gap:16px}.guest-form-hint{margin:0;min-height:20px;color:var(--muted);font-size:.92rem}.guest-form-hint-error{color:var(--danger)}.guest-submit{justify-self:start;min-width:220px;padding:16px 26px;border:1px solid rgba(200,170,110,.24);border-radius:999px;background:linear-gradient(180deg,#f0e6d2,#c8aa6e 55%,#8d6a35);color:#18120a;font-weight:800;letter-spacing:.05em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,248,234,.72),0 14px 30px rgba(110,80,37,.22);transition:transform .16s ease,filter .16s ease}.guest-submit:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.04)}.guest-submit:disabled{background:linear-gradient(180deg,rgba(86,87,90,.84),rgba(51,52,56,.94));color:rgba(243,239,230,.46);cursor:not-allowed;box-shadow:none}.room-join-button{padding:8px 12px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:var(--text);font-weight:700;cursor:not-allowed;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,filter .16s ease}.room-join-button-active{background:linear-gradient(180deg,#f0e6d2,#d3b06b 56%,#9b7238);color:#1a1309;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,248,234,.68),0 10px 24px rgba(120,86,38,.22)}.room-join-button-active:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,248,234,.72),0 14px 28px rgba(120,86,38,.28)}@media (max-width:768px){.page-shell{padding:20px}.guest-shell{gap:28px;padding-top:8px}.guest-card-header,.guest-topbar{flex-direction:column;align-items:flex-start}.guest-hero{padding-top:24px;text-align:left;justify-self:stretch}.guest-subtitle{margin-left:0}.guest-card{padding:22px 18px}.guest-submit{width:100%;justify-self:stretch}}