:root{--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%}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}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)}@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-nav{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important;padding:4px 6px!important;gap:3px!important;overflow-x:hidden!important}.app-nav a{white-space:nowrap!important;padding:8px 4px!important;font-size:11px!important;text-align:center!important;border-bottom:none!important;border-radius:4px!important;border:1px solid var(--border)!important;background:var(--bg-panel)!important}.app-nav a[style*="color: var(--accent)"]{border-color:var(--accent)!important;background:#c9a24d1a!important}.app-side-decor{display:none!important}.app-main-wrapper{padding:0!important}.app-main{padding:10px 10px 60px!important}.app-daily-banner{padding:0 8px!important;margin-top:4px!important}button{min-height:36px;padding:6px 12px}.combat-grid,.status-grid{grid-template-columns:1fr!important;gap:8px!important}.inventory-equipped-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px!important}.inventory-bag-grid{grid-template-columns:1fr!important}.chat-panel{right:0!important;left:0!important;width:100%!important;border-radius:8px 8px 0 0!important}.chat-panel-open{width:100%!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}}