:root{--color-bg: #f2ead8;--color-bg-alt: #e6dcc5;--color-border: #d0c6ae;--color-text: #29271f;--color-text-secondary: #716a5b;--color-gold: #b88a3b;--color-gold-bright: #d7b76d;--color-primary: #9b3e2f;--color-danger: #9b3e2f;--color-success: #47756a;--color-topbar: #2a2319;--color-ink: #171815;--card-strong: rgba(250, 246, 236, .84);--radius: 16px;--shadow: 0 18px 45px rgba(34, 28, 18, .12);--topbar-height: 44px;--bottomnav-height: 56px;--sidebar-width: 228px;--font-serif: "Noto Serif KR", serif;--font-sans: "Noto Sans KR", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--touch-min: 44px}:root[data-theme=dark]{--color-bg: #161712;--color-bg-alt: #202119;--color-border: #38322a;--color-text: #eee5d2;--color-text-secondary: #b5a88e;--color-gold: #d4b45c;--color-gold-bright: #e2bd6a;--color-primary: #c0512e;--color-danger: #c0512e;--color-success: #6b9c8d;--color-topbar: #12100c;--color-ink: #171815;--card-strong: rgba(37, 38, 30, .9);--shadow: 0 18px 45px rgba(0, 0, 0, .28)}:root[data-theme=dark] input::placeholder{color:#e8ddc080}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a4238}:root[data-theme=dark] ::selection{background:#d4b45c40}:root[data-theme=dark] body:after{opacity:.06;mix-blend-mode:screen}:root[data-theme=dark] .game-icon{filter:drop-shadow(0 0 1.5px rgba(232,221,192,.75)) drop-shadow(0 0 .5px rgba(232,221,192,.9))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font-family:inherit}input::placeholder{color:#2a23198c}input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 1px #9b3e2f33}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes inkReveal{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}.ink-reveal{animation:inkReveal .22s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (pointer: coarse){button{min-height:var(--touch-min)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#c4b89a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a68932}::selection{background:#9b3e2f26;color:var(--color-text)}#root{min-height:100vh;min-height:100dvh}.app-main-content{width:min(100%,1240px);margin-inline:auto}.app-scroll-surface{background-image:radial-gradient(circle at 1px 1px,rgba(62,51,35,.055) 1px,transparent 0);background-size:7px 7px}.login-page{isolation:isolate}.login-page-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin:14px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.login-page-heading span{display:block;margin-bottom:4px;color:var(--color-primary);font-family:var(--font-serif);font-size:10px;font-weight:700;letter-spacing:.2em}.login-page-heading h1{color:var(--color-text);font-family:var(--font-serif);font-size:26px;letter-spacing:.1em}.login-page-heading small{color:var(--color-text-secondary);font-size:11px}.login-status-strip,.login-mode-tabs{position:relative;z-index:1;display:grid;border:1px solid var(--color-border);border-radius:12px;background:var(--card-strong)}.login-status-strip{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.page-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.page-status-strip>div{min-height:48px;padding:9px 14px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:10px}.page-status-strip span{color:var(--muted);font-size:11px;letter-spacing:.08em}.page-status-strip strong{color:var(--ink);font-family:var(--font-serif);font-size:14px}@media (max-width:700px){.page-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-status-strip>div{min-height:42px;padding:8px 10px}}.login-status-strip>div{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border-right:1px solid var(--color-border)}.login-status-strip>div:last-child{border-right:0}.login-status-strip b{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid var(--color-gold);border-radius:8px;color:var(--color-gold);font-family:var(--font-serif)}.login-status-strip span{color:var(--color-text-secondary);font-size:9px}.login-status-strip strong{display:block;margin-top:2px;color:var(--color-text);font-size:10px}.login-mode-tabs{display:flex;gap:2px;margin-bottom:14px;padding:5px;background:var(--color-bg-alt)}.login-mode-tabs button{min-height:36px;flex:0 0 auto;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:10px}.login-mode-tabs button.active{background:var(--card-strong);color:var(--color-primary);font-weight:700;box-shadow:0 4px 12px #29221712}.login-stage{position:relative;z-index:1;display:flex;min-height:620px;align-items:center;justify-content:center;padding:36px 20px;border-radius:var(--radius);background:color-mix(in srgb,var(--card-strong) 68%,transparent);box-shadow:var(--shadow)}.login-stage>form{margin:0}:root[data-theme=dark] .app-scroll-surface{background-image:radial-gradient(circle at 1px 1px,rgba(238,229,210,.035) 1px,transparent 0)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--color-border)}.page-header__copy h1{letter-spacing:.08em}.dashboard-hero{min-height:318px!important}.page-header__copy{min-width:0}.page-header__eyebrow{display:block;margin-bottom:var(--space-1);color:var(--color-primary);font-family:var(--font-serif);font-size:11px;font-weight:700;letter-spacing:.14em}.page-header__title-row,.page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.page-header__copy h1{margin:0;line-height:1.3}.page-header__copy p{max-width:720px;margin-top:var(--space-1);font-size:13px;line-height:1.6}.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--card-strong)}.status-strip__item{display:flex;align-items:center;min-width:0;gap:var(--space-2);padding:10px 12px;border-right:1px solid var(--color-border)}.status-strip__item:last-child{border-right:0}.status-strip__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.status-strip__content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-strip__track{display:block;width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--color-bg-alt)}.status-strip__track>span{display:block;height:100%;border-radius:inherit}.character-status-bar{position:sticky;top:0;z-index:150;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--card-strong);text-align:center}.state-view p{max-width:520px}.state-view__icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:var(--font-serif);font-size:20px}.state-view__icon--loading{animation:spin .9s linear infinite}.sticky-action-bar{position:sticky;bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom) + 8px);z-index:200;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid;border-radius:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:800;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:6px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav>*{width:100%;min-width:0!important}.mobile-bottom-nav__badge{position:absolute;top:2px;right:18%;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.mobile-chat-fab{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom) + 14px);z-index:790;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid;border-radius:50%;box-shadow:0 8px 24px #1b171133;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.dashboard-section-heading span{color:var(--color-primary);font-family:var(--font-serif);font-size:10px;font-weight:800;letter-spacing:.16em}.dashboard-section-heading h2{margin-top:2px;color:var(--color-text);font-family:var(--font-serif);font-size:16px}.dashboard-section-heading p{color:var(--color-text-secondary);font-size:11px}.next-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.next-action-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);min-width:0;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--card-strong);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.next-action-card:hover{transform:translateY(-2px);border-color:var(--action-color);box-shadow:0 10px 24px #221c121a}.next-action-card--primary{border-color:color-mix(in srgb,var(--action-color) 48%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--action-color) 9%,var(--card-strong)),var(--card-strong))}.next-action-card__glyph{display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--action-color) 45%,transparent);border-radius:9px;color:var(--action-color);font-family:var(--font-serif);font-weight:800}.next-action-card__body{display:flex;min-width:0;flex-direction:column;gap:3px}.next-action-card__body small{font-size:10px;font-weight:800;letter-spacing:.08em}.next-action-card__body strong,.next-action-card__body span{overflow:hidden;text-overflow:ellipsis}.next-action-card__cta{grid-column:2;font-size:11px;font-weight:700}.quest-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3)}@media (max-width: 767px){.dashboard-section-heading p{display:none}.next-actions-grid{display:flex;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.next-actions-grid::-webkit-scrollbar{display:none}.next-action-card{min-width:min(82vw,330px);scroll-snap-align:start}.quest-summary-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1199px){.next-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-action-card:last-child:nth-child(odd){grid-column:1 / -1}}@media (max-width: 767px){.page-header{align-items:stretch;flex-direction:column}.page-header__copy p{display:none}.login-page{padding-inline:0}.login-page-heading{align-items:stretch;flex-direction:column;margin-top:4px}.login-page-heading small{align-self:flex-end}.login-status-strip{display:flex;overflow-x:auto}.login-status-strip>div{min-width:160px}.login-mode-tabs{overflow-x:auto}.login-mode-tabs button{flex:1 0 auto}.login-stage{min-height:560px;padding:24px 8px;border-radius:12px}.dashboard-hero{min-height:306px!important}.page-header__actions>*{flex:1}.status-strip--compact{display:flex;overflow-x:auto;scrollbar-width:none}.status-strip--compact::-webkit-scrollbar{display:none}.status-strip--compact .status-strip__item{min-width:142px}}@media (min-width: 768px) and (max-width: 1199px){.app-main-content{max-width:920px}.character-status-bar{padding-inline:20px}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2147483646;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.23 0 0 0 0 0.19 0 0 0 0 0.13 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E");background-size:240px 240px}@media (max-width: 767px){input,select,textarea{font-size:16px}}@media (min-width: 768px){::-webkit-scrollbar{width:6px}body{font-size:15px}}