:root{--color-bg: #f5edd6;--color-bg-alt: #e8ddc0;--color-border: #d4c9b0;--color-text: #3a2a1a;--color-text-secondary: #6a5a4a;--color-gold: #c9a84c;--color-primary: #7a2200;--color-danger: #8b2500;--color-success: #4a7c6f;--color-topbar: #2a2319;--topbar-height: 44px;--bottomnav-height: 56px;--sidebar-width: 180px;--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: #1a1611;--color-bg-alt: #241f17;--color-border: #3a332a;--color-text: #e8ddc0;--color-text-secondary: #b5a88e;--color-gold: #d4b45c;--color-primary: #a03818;--color-danger: #c0512e;--color-success: #6b9c8d;--color-topbar: #12100c}: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:#8b2500!important;box-shadow:0 0 0 1px #8b250033}: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:#8b250026;color:var(--color-text)}#root{min-height:100vh;min-height:100dvh}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}}