/* Jade lacquer + aged silk, final art direction. */
:root{--ink:#254945;--gold:#bfa370;--paper:#f2e5c9}
#root{background:#294a45!important}
.screen{background:linear-gradient(90deg,#173d3c22,#f3ead300,#173d3c22)!important}
.card,.equipment-scroll{background:repeating-linear-gradient(0deg,#f8efd80b 0 2px,#5b6c4508 2px 3px),radial-gradient(ellipse at 30% 10%,#fff5db,#e5d6b4)!important;border:1px solid #a48c59!important;border-radius:3px!important;box-shadow:0 0 0 4px #1f4945,0 0 0 5px #c8b27f,0 0 0 9px #315b53,0 20px 60px #203e4655!important}
.card:after{content:'';position:absolute;inset:8px;border:1px solid #b89d6855;pointer-events:none}
.card:before{content:'俠';background:#9f493b!important;color:#f4dcac!important;border:2px double #e2b485;right:20px;top:22px;z-index:1;width:29px;height:36px;line-height:30px;box-shadow:1px 2px 0 #914a3522;transform:rotate(-4deg)!important}
.ink-kicker{color:#8c714e!important;letter-spacing:4px!important;font-size:9px!important;margin:8px 30px 12px!important}
h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:5px!important;color:#264d46!important;text-shadow:1px 2px 0 #fffbdf!important;font-size:clamp(38px,4.7vw,64px)!important;line-height:1.05!important}
.menu-card{padding:32px!important;max-width:590px!important}.menu-card .sub{font-style:italic;line-height:1.6!important;font-size:13px!important;padding:7px 4px;color:#6e735c!important}.sep{font-size:10px!important;letter-spacing:2px!important;border:0!important;position:relative;padding:10px 0!important}.sep:before,.sep:after{content:'';display:inline-block;width:30px;height:1px;background:#bca273;vertical-align:middle;margin:0 9px}
.btn{position:relative;border-radius:2px!important;border:1px solid #bba36b!important;background:linear-gradient(115deg,#385f54,#23493f)!important;box-shadow:inset 0 0 0 3px #66827044,0 3px 0 #17392f!important;color:#f7e7c0!important;min-height:52px;font-size:16px!important;letter-spacing:.6px!important}
.btn:before{content:'◆';font-size:8px;opacity:.65;position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#d8c28a}.btn:after{content:'◆';font-size:8px;opacity:.65;position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#d8c28a}.btn:hover{filter:brightness(1.15);box-shadow:inset 0 0 0 3px #adbd8c44,0 3px 0 #17392f!important}
#bPlay1{background:linear-gradient(110deg,#956b4c,#744a39)!important}#bSet2{background:transparent!important;box-shadow:none!important;color:#715b3f!important;border-color:#b59f75!important;min-height:38px}
.profile-chip{background:linear-gradient(90deg,#fffae055,#fff8dd)!important;border:1px solid #bead83!important;border-left:3px solid #a78b57!important;border-radius:2px!important;padding:7px 14px!important}.profile-chip img{width:68px!important;height:68px!important;filter:drop-shadow(0 3px 2px #40574322)}.profile-chip b{font-family:Georgia!important;letter-spacing:1px;font-size:16px!important}.profile-chip small{font-size:10px!important;color:#997650!important}.ctrl{border:1px solid #b8a577!important;border-radius:2px!important;background:#efe3c6!important;box-shadow:none!important}.online-badge{letter-spacing:1px;opacity:.7}
.ibtn{border-radius:2px!important;background:linear-gradient(#345b53,#23463f)!important;color:#ead5a7!important;border:1px solid #b89f69!important;box-shadow:inset 0 0 0 2px #97aa7c22!important}.ibtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4;vertical-align:middle}
.pill{border-radius:2px!important;background:#eee2c9ed!important;border:1px solid #a58e61!important;color:#456455!important;font-size:calc(14px*var(--ui))!important;box-shadow:1px 2px 0 #405b3322!important}.pill.score{background:#ddc997ee!important;color:#6c5533!important}
.boss-panel{background:linear-gradient(90deg,#203b3ced,#3c4c4dee,#203b3ced)!important;border:1px solid #c3a873!important;border-radius:2px!important;box-shadow:0 0 0 3px #6d7b6033,0 4px 12px #26453a33!important;padding:10px 20px!important}.boss-panel:before,.boss-panel:after{content:'◆';position:absolute;top:39%;color:#c9ad72;font-size:14px}.boss-panel:before{left:-7px}.boss-panel:after{right:-7px}.boss-meter{border-radius:1px!important;height:6px!important}.boss-meter i{background:linear-gradient(90deg,#97514b,#c38471,#e0b699)!important}.boss-caption{font-family:Georgia;letter-spacing:1px!important;font-size:14px!important}.boss-panel small{color:#c5c4a8!important}
.skill,.bag-button{border-radius:3px!important;background:radial-gradient(circle at 50% 30%,#59746a,#203f3e)!important;border:1px solid #c2ab73!important;box-shadow:inset 0 0 0 3px #a3ac7c22,0 4px 0 #203e37!important}.skill b{color:#e5dab4!important;font-family:Georgia!important;text-shadow:0 0 12px #a9d8b966!important}.skill span{letter-spacing:.25px}.skill kbd,.bag-button kbd{border-radius:1px!important;background:#cbb98c!important;color:#32473b!important}.bag-button{background:linear-gradient(#8b7150,#5c4938)!important}.vitals{background:#28453fee!important;border-radius:2px!important;border:1px solid #bda575!important;box-shadow:inset 0 0 0 3px #637c5233}.hp-meter,.mp-meter{border-radius:1px!important;height:5px!important}.hp-meter i{background:linear-gradient(90deg,#6e8b64,#b4c598)!important}.mp-meter i{background:linear-gradient(90deg,#608b8b,#b5d2c7)!important}
#toast,#hint,.tname{background:#efe2c6ed!important;color:#5d624d!important;border-radius:2px!important;border:1px solid #ad9362!important;box-shadow:0 0 0 2px #ebe0c744!important}#toast{font-weight:normal!important}.tbot{background:#d4c088!important;color:#625033!important;border-radius:0!important}
.gear-item{background:#fff6dd88!important;border:1px solid #c1ae84;border-left:3px solid #819270}.gear-item button{background:#315c4e!important;border-radius:1px!important}.equipment-scroll h2{letter-spacing:2px!important;color:#33594b!important}.equipment-scroll footer{border-top:1px solid #b8a477;padding-top:12px}.bag-close{background:#364f43!important;color:#efe0b6;border:1px solid #bba06a}.rarity-2{border-left-color:#9b80b6!important}
#count{font-family:Georgia!important;color:#f3dfad!important;text-shadow:0 3px 0 #4d6f57!important}
@media(max-width:600px){.menu-card{padding:20px!important}.ink-kicker{font-size:8px!important;letter-spacing:2px!important}h1{font-size:39px!important}.btn{font-size:13px!important}.boss-caption{font-size:11px!important}.boss-panel{padding:8px 12px!important}.profile-chip img{width:50px!important;height:50px!important}}

.visual-settings{border:1px solid #bba77a;padding:10px;margin:10px 0;text-align:left;font-size:12px}.visual-settings label{display:flex;align-items:center;gap:8px;margin:8px 0}.visual-settings small{display:block;color:#7b775e}.visual-settings select{max-width:75%;padding:5px}#settings .card{max-height:90vh;overflow:auto}