:root{color-scheme:dark;--bg:#0f1612;--panel:rgba(15,22,18,0.78);--panel-strong:rgba(12,18,15,0.92);--line:rgba(208,234,190,0.18);--text:#eef5e6;--muted:#afbea9;--accent:#92d16b;--accent-strong:#b7f089;--danger:#ff7f70;--shadow:0 24px 60px rgba(0,0,0,0.35);--display-font:var(--font-display),"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif;--body-font:var(--font-body),"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(136,187,92,.18),transparent 32%),linear-gradient(180deg,#111912,#0b100d);color:var(--text);font-family:var(--body-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 .5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:.72rem}.muted{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-shell--google{position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(137,188,96,.12),transparent 26%),linear-gradient(180deg,rgba(7,11,8,.72),rgba(6,9,7,.88)),#081009}.auth-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,7,.32),rgba(5,9,7,.72)),url(/auth/loginpage.png) 50% /cover no-repeat;filter:blur(7px) saturate(.86) brightness(.64);transform:scale(1.04)}.auth-card{width:min(100%,440px);padding:2rem;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(26,37,28,.92),rgba(10,14,11,.95));box-shadow:var(--shadow)}.auth-google-card{position:relative;z-index:1;width:min(100%,420px);min-height:420px;padding:2rem;display:grid;align-content:center;grid-gap:1rem;gap:1rem;border:1px solid rgba(190,223,171,.16);border-radius:32px;background:radial-gradient(circle at top,rgba(190,223,171,.08),transparent 40%),linear-gradient(180deg,rgba(20,30,21,.92),rgba(8,11,9,.96));box-shadow:0 30px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-google-card__copy{display:grid;grid-gap:.75rem;gap:.75rem}.auth-google-card__copy h1{margin:0;font-size:clamp(2.2rem,4vw,3rem);line-height:1.08;letter-spacing:-.04em;font-family:var(--body-font)}.auth-google-hint{margin:0;color:rgba(227,239,221,.72);font-size:.95rem;line-height:1.55}.auth-google-button{min-height:60px;display:flex;align-items:center;justify-content:center;gap:.8rem;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(236,241,235,.9));color:#0f1711;font-weight:700;box-shadow:0 14px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .16s ease,box-shadow .16s ease}.auth-google-button:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.72)}.auth-google-button__icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#ffffff}.auth-oauth-error{margin-top:-.15rem}.auth-dev-details{margin-top:.4rem;border:1px solid rgba(190,223,171,.1);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}.auth-dev-details summary{list-style:none;cursor:pointer;padding:.95rem 1rem;color:rgba(234,244,229,.88);font-weight:600}.auth-dev-details summary::-webkit-details-marker{display:none}.auth-dev-hint{margin:0;padding:0 1rem .9rem;color:var(--muted);font-size:.92rem;line-height:1.55}.auth-card h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);font-family:var(--display-font);letter-spacing:-.02em;line-height:1.06}.auth-copy{color:var(--muted);line-height:1.6}.auth-form{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.auth-form--compact{margin-top:0;padding:0 1rem 1rem}.auth-form label{display:grid;grid-gap:.45rem;gap:.45rem}.auth-form input{width:100%;border:1px solid rgba(213,240,201,.12);border-radius:14px;background:rgba(255,255,255,.04);padding:.95rem 1rem;color:var(--text)}.auth-form button,.ghost-button{border:0;border-radius:14px;padding:.95rem 1.1rem;color:#10210e;background:linear-gradient(180deg,var(--accent-strong),var(--accent));font-weight:700;box-shadow:0 12px 22px rgba(146,209,107,.24)}.auth-form button:disabled{opacity:.72;cursor:wait}.auth-link{display:inline-block;margin-top:1rem;color:var(--muted)}.auth-link--subtle{margin:0;padding:0 1rem 1rem;font-size:.92rem}.form-error{margin:0;color:var(--danger)}.base-layout{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;padding:1.25rem}.base-layout--immersive{position:relative;display:block;padding:0;overflow:hidden;background:#09110b}.base-sidebar{display:grid;grid-gap:1rem;gap:1rem}.panel{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:1.2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.stack-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:.75rem;gap:.75rem}.stack-list li{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.base-main{border:1px solid var(--line);border-radius:28px;background:var(--panel-strong);padding:1rem;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.base-main--immersive{min-height:100vh;border:0;border-radius:0;background:transparent;padding:0}.base-hover-action{position:fixed;top:20px;right:20px;z-index:20;opacity:0;transition:opacity .18s ease}.base-layout--immersive:hover .base-hover-action{opacity:1}.base-main__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.5rem .25rem 1rem}.base-main__header h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-family:var(--display-font)}.base-main__meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.map-frame{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:.9rem;gap:.9rem;min-height:0}.map-frame--minimal{display:block;width:100vw;height:100vh}.map-viewport{position:relative;min-height:540px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 40%,rgba(193,231,255,.18),transparent 40%),linear-gradient(180deg,rgba(25,56,78,.55),rgba(6,18,29,.88));touch-action:none}.map-frame--minimal .map-viewport{min-height:100vh;border:0;border-radius:0;background:#172214}.map-canvas{position:absolute;left:50%;top:50%;transform-origin:center center}.map-image{object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.map-hover-ui{position:absolute;z-index:2;border:1px solid rgba(224,239,215,.16);border-radius:18px;background:rgba(10,17,15,.82);box-shadow:0 14px 34px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .18s ease}.map-viewport:hover .map-hover-ui{opacity:1}.map-hover-ui--top{top:48px;left:60px;width:290px;padding:1rem 1.1rem}.map-hover-ui strong{display:block;font-size:1.05rem}.map-hover-ui span{display:block;margin-top:.3rem;color:var(--muted);line-height:1.5}.map-hover-ui--bottom{right:28px;bottom:28px;display:flex;gap:.85rem;align-items:center;padding:.8rem 1rem}.map-hover-ui--bottom span{margin-top:0;white-space:nowrap}.ghost-button--map{padding:.75rem 1rem}.ghost-button--secondary{color:var(--text);background:rgba(255,255,255,.06);box-shadow:none}.onboarding-back-button{min-height:44px;border:1px solid rgba(183,240,137,.18);border-radius:999px;padding:.7rem 1rem;color:#edf7e8;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(15,21,17,.78);font-weight:600;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-back-button:before{content:"←";margin-right:.45rem;color:var(--accent-strong)}.onboarding-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(129,179,99,.22),transparent 25%),linear-gradient(180deg,#111912,#0b100d)}.onboarding-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(183,240,137,.08),transparent 22%),radial-gradient(circle at 85% 10%,rgba(88,132,215,.12),transparent 18%),radial-gradient(circle at 50% 100%,rgba(255,210,120,.08),transparent 24%);pointer-events:none}.onboarding-panel{position:relative;z-index:1;min-height:100vh;padding:2rem 1.5rem 4rem;display:grid;align-items:center}.onboarding-step{position:relative;overflow:hidden;width:min(100%,760px);margin:0 auto;padding:2rem 2rem 2.1rem;border:1px solid rgba(190,223,171,.16);border-radius:32px;background:radial-gradient(circle at top,rgba(154,209,112,.08),transparent 42%),linear-gradient(180deg,rgba(24,35,26,.96),rgba(8,12,9,.98)),rgba(10,14,11,.95);box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.onboarding-step:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(183,240,137,.65),transparent);opacity:.85}.onboarding-step h1{margin:0;max-width:none;font-size:clamp(2rem,3vw,2.9rem);line-height:1.12;letter-spacing:-.045em;white-space:nowrap;font-family:var(--body-font);font-weight:700}.onboarding-step .auth-copy{max-width:34ch;font-size:1rem}.onboarding-step--name{min-height:clamp(300px,34vh,360px);display:flex;flex-direction:column;justify-content:center;gap:1rem;transform:translateY(10vh)}.onboarding-name-intro{transform:none}.onboarding-name-form{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:.25rem;padding:.8rem;border:1px solid rgba(190,223,171,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transform:none}.onboarding-name-form input{width:100%;min-height:54px;border:1px solid rgba(190,223,171,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)),rgba(255,255,255,.03);padding:.95rem 1.05rem;color:var(--text);font-size:1.02rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.onboarding-name-form input:focus{outline:none;border-color:rgba(183,240,137,.58);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(146,209,107,.12)}.onboarding-actions button,.onboarding-name-form button{min-height:52px}.onboarding-name-form button{border-radius:18px;background:linear-gradient(180deg,#c0f28e,#89cf54);box-shadow:0 14px 24px rgba(137,207,84,.2),inset 0 1px 0 rgba(255,255,255,.42)}.onboarding-step--worlds{width:100%;max-width:1240px;align-self:start;margin-top:4vh;margin-bottom:4vh}.onboarding-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.onboarding-world-hint{margin:.7rem 0 0;max-width:52ch}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.2rem;gap:1.2rem}.world-card{padding:0;overflow:hidden;border:1px solid rgba(224,239,215,.1);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)),rgba(255,255,255,.03);color:var(--text);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.world-card:hover{transform:translateY(-3px);border-color:rgba(183,240,137,.48);box-shadow:0 18px 42px rgba(0,0,0,.24)}.world-card--selected{border-color:rgba(183,240,137,.7);box-shadow:0 0 0 1px rgba(183,240,137,.28),0 18px 42px rgba(0,0,0,.24)}.world-card__image{position:relative;aspect-ratio:1/1;overflow:hidden}.world-card__image img{object-fit:cover}.world-card__copy{display:grid;grid-gap:.45rem;gap:.45rem;padding:1rem 1rem 1.15rem;background:linear-gradient(180deg,rgba(9,14,11,0),rgba(9,14,11,.24))}.world-card__name{color:var(--accent-strong);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.world-card__copy strong{font-size:1.05rem;line-height:1.32}.world-card__copy p{margin:0;color:var(--muted);line-height:1.55}.world-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:2rem;overscroll-behavior:contain;overflow-y:auto}.world-modal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(79,123,63,.16),transparent 36%),rgba(3,6,5,.72);-webkit-backdrop-filter:blur(20px) saturate(.9);backdrop-filter:blur(20px) saturate(.9)}.world-modal__panel{position:relative;z-index:1;width:min(100%,1080px);max-height:min(88vh,920px);overflow:auto;padding:1.4rem;border:1px solid rgba(224,239,215,.14);border-radius:32px;background:linear-gradient(180deg,rgba(22,31,24,.97),rgba(10,14,11,.98));box-shadow:0 26px 72px rgba(0,0,0,.42);scrollbar-width:thin}.world-modal__close{position:-webkit-sticky;position:sticky;top:-.35rem;z-index:2;margin-left:auto;display:block;min-width:84px;border:1px solid rgba(224,239,215,.12);border-radius:999px;padding:.6rem .95rem;color:var(--text);background:rgba(255,255,255,.05);box-shadow:none}.world-modal__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);grid-gap:1.25rem;gap:1.25rem;align-items:stretch}.world-modal__copy{display:grid;grid-gap:.55rem;gap:.55rem}.world-modal__copy h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.02em;font-family:var(--body-font);font-weight:800}.world-modal__copy strong{font-size:1.05rem;line-height:1.4}.world-modal__copy p:last-child{margin:.2rem 0 0;color:var(--muted);line-height:1.7}.world-modal__image{position:relative;min-height:260px;overflow:hidden;border-radius:24px;border:1px solid rgba(224,239,215,.12)}.world-modal__image img{object-fit:cover}.world-modal__grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-top:1rem}.world-modal__card{padding:1.15rem 1.2rem;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(224,239,215,.08)}.world-modal__card p:last-child{margin:0;color:var(--muted);line-height:1.7}.world-modal__summary{margin:.4rem 0 0;color:var(--muted);line-height:1.8}.world-modal__card--restricted{background:linear-gradient(180deg,rgba(72,22,22,.18),rgba(18,11,11,.25)),rgba(255,255,255,.03)}.world-modal__header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.world-modal__header span{font-size:.82rem;color:#f2c7c0}.onboarding-actions{display:flex;justify-content:flex-end;margin-top:1.4rem}.onboarding-primary-button{min-width:280px;border:1px solid rgba(196,245,150,.26);border-radius:18px;padding:.95rem 1.35rem;color:#0d180e;background:linear-gradient(180deg,#cff7a7,#9ae05f 58%,#7bc84a);font-size:1rem;font-weight:800;letter-spacing:-.01em;box-shadow:0 18px 28px rgba(122,200,74,.2),inset 0 1px 0 rgba(255,255,255,.44);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.onboarding-primary-button:hover{transform:translateY(-1px);box-shadow:0 22px 32px rgba(122,200,74,.24),inset 0 1px 0 rgba(255,255,255,.48)}.onboarding-primary-button:disabled{cursor:wait;opacity:.82;transform:none;filter:saturate(.8)}@media (max-width:1080px){.base-layout{grid-template-columns:1fr}.map-viewport{min-height:420px}.map-hover-ui--bottom,.map-hover-ui--top{position:static;width:auto;margin:.8rem}.onboarding-panel{padding:1.25rem;align-items:start}.onboarding-step{padding:1.5rem}.onboarding-heading{flex-direction:column}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-modal{padding:1rem}.world-modal__grid,.world-modal__hero{grid-template-columns:1fr}.world-modal__image{min-height:220px}}@media (max-width:720px){.onboarding-step--name{min-height:auto;display:flex;gap:1rem;transform:none}.onboarding-name-form,.onboarding-name-intro{transform:none}.world-grid{grid-template-columns:1fr}}