:root{color-scheme:dark;--bg: #1a1612;--bg-panel: #241e18;--bg-elev: #2f2820;--border: #463a2e;--text: #e8dcc8;--text-dim: #9a8b75;--accent: #c9a24d;--accent-dim: #7a6230;--danger: #c05a4a;--success: #6ba368;--grade-common: #9a8b75;--grade-rare: #5b8ecc;--grade-epic: #b060cc;--grade-legendary: #e08030}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow-x:hidden;max-width:100%;overscroll-behavior-y:contain}body{font-family:"Noto Serif KR",serif;background:var(--bg);background-image:linear-gradient(90deg,rgba(201,162,77,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(201,162,77,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;word-break:keep-all}button{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);padding:8px 16px;cursor:pointer;transition:all .15s}button:hover:not(:disabled){background:var(--border);border-color:var(--accent-dim)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent);color:#1a1612;font-weight:700}button.primary:hover:not(:disabled){background:var(--accent)}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);padding:8px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}h1,h2,h3,h4{font-weight:700;color:var(--text)}.app-nav-mobile{display:none!important}.chat-panel{bottom:0!important}.app-nav-top{flex-direction:row;flex-wrap:wrap}.app-nav-row{display:contents}@media (max-width: 768px){.app-nav-top{flex-direction:column}.app-nav-row{display:flex;border-top:1px solid var(--border)}}@media (max-width: 768px){body{font-size:13px}.app-header{padding:8px 10px!important;gap:0!important;flex-wrap:wrap!important;align-items:center!important}.app-title{font-size:16px!important;letter-spacing:1px!important}.app-header-stats{font-size:11px!important;gap:6px!important;order:3!important;width:100%!important;padding-top:6px!important;margin-top:4px!important;border-top:1px solid var(--border)!important;justify-content:center!important}.app-header-stats>span{font-size:11px!important}.app-header-actions{margin-left:auto!important;gap:6px!important}.app-header-actions>span{font-size:9px!important;padding:1px 4px!important}.app-side-decor{display:none!important}.app-main-wrapper{padding:0!important}.app-main{padding:10px 10px 58px!important}.app-daily-banner{padding:0 8px!important;margin-top:4px!important}button{min-height:36px;padding:6px 12px}.combat-grid{grid-template-columns:1fr!important;gap:8px!important}.combat-stat-grid{grid-template-columns:1fr!important;gap:1px!important;font-size:11px!important}.combat-log-box{height:108px!important}.combat-skill-card{min-width:50px!important;padding:5px 3px!important;flex:1 1 0!important}.combat-skill-card img{width:22px!important;height:22px!important}.combat-skill-card .skill-reorder{display:none!important}.combat-skill-half>div{padding:7px 6px!important}.combat-skill-half .combat-skill-card{font-size:9px!important}.status-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.stat-alloc-grid{grid-template-columns:minmax(0,1fr) 30px 32px 32px 44px 104px!important;gap:3px!important}.inventory-equipped-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px!important}.inventory-bag-grid{grid-template-columns:1fr!important}.inv-item-card{padding-right:60px!important}.inv-item-level,.inv-item-grade{display:none!important}.inv-item-header{align-items:flex-start!important}.chat-panel{right:6px!important}.potion-bar{flex-wrap:wrap!important;gap:4px!important}.stat-guide-grid{grid-template-columns:50px 1fr!important;font-size:11px!important}.enhance-grid{grid-template-columns:1fr!important}.shop-item-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:10px!important}.shop-item-actions{width:100%!important;justify-content:flex-start!important}.auction-row-inner{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.auction-actions{flex-direction:row!important;width:100%!important}.login-box{width:92%!important;min-width:auto!important;padding:16px!important}h2{font-size:16px!important}h3{font-size:14px!important}}@keyframes lsfx{0%{background-position-x:0px}to{background-position-x:var(--fx-end, 0px)}}
