:root{--walnut:#1a1210;--brass:#b08d57;--cream:#f5f1e6;--stone:#a89880;--brass-dark:#8a6d3f;--stone-dark:#554a3a;--z-prompt:80;--z-hud:100;--z-menu:500;--overlay-z-index:1000;--z-battle:9000;--z-detail:9500;--walnut-rgb:26, 18, 16;--brass-rgb:176, 141, 87;--stone-rgb:168, 152, 128;--cream-rgb:245, 241, 230;--overlay-rgb:10, 8, 6;--overlay-bg:#0a0806eb;--panel-dark-rgb:42, 34, 32;--magic-rgb:160, 128, 255;--error-rgb:180, 60, 40;--success-rgb:106, 196, 176;--danger-red:#c44;--success-green:#7fbf7f}.ornate-panel{position:relative}.ornate-panel:before,.ornate-panel:after{content:"";pointer-events:none;opacity:.55;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 38 C2 20 8 8 20 2 C14 10 10 18 8 28 C16 22 24 18 34 16 C22 20 14 26 8 36' stroke='%23b08d57' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='4' cy='36' r='2' fill='%23b08d57'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:28px;height:28px;position:absolute}.ornate-panel:before{top:4px;left:4px;transform:rotate(0)}.ornate-panel:after{top:4px;right:4px;transform:scaleX(-1)}.ornate-inner:before,.ornate-inner:after{content:"";pointer-events:none;opacity:.55;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 38 C2 20 8 8 20 2 C14 10 10 18 8 28 C16 22 24 18 34 16 C22 20 14 26 8 36' stroke='%23b08d57' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='4' cy='36' r='2' fill='%23b08d57'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:28px;height:28px;position:absolute}.ornate-inner:before{bottom:4px;left:4px;transform:scaleY(-1)}.ornate-inner:after{bottom:4px;right:4px;transform:scale(-1)}.ornate-divider{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16'%3E%3Cpath d='M10 8 C30 2 50 2 70 8 C80 11 90 11 100 8 C110 5 120 5 130 8 C150 14 170 14 190 8' stroke='%23b08d57' stroke-width='1' fill='none' stroke-linecap='round' opacity='0.4'/%3E%3Ccircle cx='100' cy='8' r='2.5' fill='%23b08d57' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;width:100%;height:16px}.ornate-panel>.title{padding-bottom:12px;position:relative}.ornate-panel>.title:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M20 6 C50 2 70 2 85 6 C92 8 95 8 100 6 C105 4 108 4 115 6 C130 10 150 10 180 6' stroke='%23b08d57' stroke-width='1' fill='none' stroke-linecap='round' opacity='0.45'/%3E%3Ccircle cx='100' cy='6' r='2' fill='%23b08d57' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:80%;height:12px;position:absolute;bottom:0;left:10%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a121099;border-radius:4px}::-webkit-scrollbar-thumb{background:#b08d5766;border:1px solid #b08d5726;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b08d5799}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#b08d5766 #1a121099}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:2px}canvas:focus-visible,#game-canvas:focus-visible{outline:none}@keyframes overlay-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes overlay-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes questBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=768px){.panel,[class*=overlay]>.panel,.backdrop>.panel{height:100vh;width:100vw!important;max-width:100vw!important;max-height:100vh!important;padding:16px 12px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important}.close-btn,[class*=close]{min-width:44px;min-height:44px;font-size:1.6rem}button,[role=button],a{min-height:36px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.tabs::-webkit-scrollbar{display:none}}