/* Generated bronze / jade / leather surfaces with live HTML text and controls. */
:root{--gold:#e7c485;--ink:#eee3cc;--muted:#b0b096;--line:#756346;color-scheme:dark}
body{background:radial-gradient(ellipse at 40% 0,#323b2a88,transparent 68%),linear-gradient(#11180f,#080e0b);color:#e7dfc9}
.topbar{position:relative;padding-top:22px;padding-bottom:22px}.brand{font-size:28px;color:#f0d7a4;text-shadow:0 2px 1px #362819,0 0 15px #b8894333;letter-spacing:4px}.brand span{color:#a8ac8c;letter-spacing:2px;font-size:10px}.header-actions{gap:9px}
.painted-icon{display:block;flex-shrink:0;background-image:url('assets/ui-icons.png')!important;background-size:400% 400%!important;background-position:var(--gx) var(--gy)!important;background-repeat:no-repeat!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;color:transparent;filter:drop-shadow(0 2px 2px #0008)!important}
.board-panel{border:25px solid transparent;border-image:url('assets/ui-panel.png') 12% fill / 25px / 0 stretch;background:none;box-shadow:0 12px 38px #0009;position:relative;padding:1px 0 0;isolation:isolate}
.board-heading h2{color:#eed2a0;text-shadow:0 2px 2px #000;letter-spacing:4px}.board-heading small{color:#b8ae8c}.board-tools{color:#c2bd9f;margin:1px 0 3px}.board{padding:5px;gap:6px;border:0;background:#0b110b66;box-shadow:inset 0 2px 15px #0009;border-radius:3px}
.cell{border:7px solid transparent;border-image:url('assets/ui-card.png') 14% fill / 7px / 0 stretch;background:none;box-shadow:0 3px 5px #000a;isolation:isolate;overflow:visible;transition:filter .15s}
.cell.skill:after,.cell.gear:before{display:none}.cell.empty{border:6px solid transparent;border-image:url('assets/ui-panel.png') 14% fill / 6px / 0 stretch;background:none;box-shadow:inset 0 2px 8px #000a;filter:brightness(.67) saturate(.7)}
.cell.empty .empty-mark{font-size:12px;color:#787a60;opacity:.65}.cell.skill .painted-icon{position:absolute;width:85%;height:85%;max-width:none;max-height:none;inset:0;margin:auto;transform:translateY(-3px);filter:drop-shadow(0 2px 4px #000b)!important}
.cell .name{position:absolute;bottom:-3px;left:-5px;right:-5px;width:auto;margin:0;padding:2px 0 1px;color:#fff1d0;background:linear-gradient(90deg,transparent,#11160cf0 20% 80%,transparent);border:0;font-size:11px;letter-spacing:1px;font-weight:500;text-shadow:0 2px 2px #000,1px 0 #000,-1px 0 #000;z-index:3;line-height:1.3}
.cell.gear{border:8px solid transparent;border-image:url('assets/ui-card.png') 13% fill / 8px / 0 stretch;background:none;box-shadow:0 3px 5px #000a,inset 0 0 10px #cca55a44;filter:brightness(1.12)}
.cell.gear .painted-icon{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);max-width:none;max-height:none;margin:auto;transform:translateY(-3px);filter:drop-shadow(0 2px 4px #000b)!important}
.cell.gear:after{content:'装';position:absolute;top:-5px;right:-5px;padding:1px 3px;font-size:8px;color:#ffe6aa;background:#3a2a15cf;border-radius:2px;z-index:4;text-shadow:0 1px #000}.cell.held:before{top:-5px;left:-5px;font-size:10px;padding:1px 3px;background:#1d2d15e8;border:1px solid #c2aa64;z-index:4}
.cell.selected{outline:0;filter:brightness(1.4);box-shadow:0 0 0 2px #f4d59b,0 0 20px #e4bc6977}.cell.in-range{background:none;border-image-source:url('assets/ui-panel.png');filter:brightness(1.3);box-shadow:inset 0 0 16px #b9cf5d66,0 0 0 1px #ccd78c}.cell.linked{box-shadow:inset 0 0 18px #ecc06077,0 0 10px #d7a54066;filter:brightness(1.22)}
.cell-mult{top:-9px;right:-8px;padding:1px 4px;font-size:11px;z-index:5;background:linear-gradient(#734324,#382314);border:1px solid #dab46b;border-radius:2px;box-shadow:0 2px 4px #000a;color:#fff0ba}.gear .cell-mult{top:auto;bottom:-6px}
.loadout-panel{border:19px solid transparent;border-image:url('assets/ui-panel.png') 12% fill / 19px / 0 stretch;background:none;padding:0 0 2px;box-shadow:0 8px 23px #0005}.section-title h2{color:#e5c996}.section-title small{color:#b0ae91}.gear-rack{gap:7px}.rack-card{min-height:95px;border:10px solid transparent;border-image:url('assets/ui-card.png') 14% fill / 10px / 0 stretch;background:none;padding:1px 0 5px;box-shadow:0 4px 8px #0009;overflow:visible}.rack-card:before,.rack-card:after{display:none}.rack-card .painted-icon{width:54px;height:54px;max-width:100%;margin-top:-7px}.rack-card span:not(.painted-icon){font-size:10px;line-height:1.4;color:#f1dab0;letter-spacing:0;margin:1px -7px -3px;text-shadow:0 2px 2px #000}.rack-empty{border:8px solid transparent;border-image:url('assets/ui-panel.png') 15% fill / 8px / 0 stretch;background:none;filter:brightness(.6);box-shadow:inset 0 3px 10px #000a;color:#8e9576;font-size:17px}.gear-inspect{color:#bcbc9f;font-size:12px;margin-top:13px}.gear-inspect b{color:#ecd3a0}
.quiet,.primary,.secondary,.danger,.buy,.spin-button,.close{border:10px solid transparent;border-image:url('assets/ui-card.png') 15% fill / 10px / 0 stretch;background:none;border-radius:0;box-shadow:0 3px 6px #0008;text-shadow:0 1px 2px #000;color:#ecd9b6;padding:3px 11px;isolation:isolate}.quiet{border-width:8px;border-image-width:8px;padding:3px 8px;font-size:12px;min-height:40px}.secondary{filter:saturate(.65);color:#d0d9bb}.danger{filter:hue-rotate(-14deg) saturate(.6);color:#e6baa4}.close{padding:0;border-width:8px;border-image-width:8px;display:grid;place-items:center}.primary,.buy{color:#ffe6b5}.spin-button{border-width:15px;border-image-width:15px;min-height:71px;padding:2px 5px;box-shadow:0 5px 14px #000a;filter:brightness(1.2)}.spin-button span{font-size:21px;letter-spacing:5px;text-shadow:0 2px #36220d,0 0 12px #b9873b55}.spin-button small{color:#c5ae86;font-size:9px;letter-spacing:2px;margin-top:4px}.spin-button:disabled{filter:brightness(.8)}
.sheet{border:30px solid transparent;border-image:url('assets/ui-panel.png') 12% fill / 30px / 0 stretch;background:none;padding:5px 2px 8px;box-shadow:0 20px 70px #000d;max-height:94dvh}.sheet h2{color:#f0d5a0;letter-spacing:3px;text-shadow:0 2px 3px #000}.sheet p{color:#c7c6aa}.sheet .eyebrow{color:#b2ac87}.intro-sheet{border-image-source:url('assets/ui-card.png');padding:25px 16px;background:linear-gradient(#10170dd1,#10170de8),url('assets/intro-scene.png') 35% center/cover}.intro-sheet h2{font-size:40px}.intro-steps span{border:0;background:#192110a3;border-radius:2px;color:#e5cdaa;padding:10px 5px}.shop-info{border:0;background:#08100599;box-shadow:inset 0 2px 12px #0006;border-radius:3px;color:#c9c4a5;padding:12px 13px}
.choice-card,.shop-card{border:20px solid transparent;border-image:url('assets/ui-card.png') 13% fill / 20px / 0 stretch;background:none;padding:4px 0 5px;box-shadow:0 6px 12px #0008;min-height:265px}.choice-card:before,.shop-card:before{display:none}.choice-card .painted-icon,.shop-card .painted-icon{width:78px;height:78px;padding:0;margin:0 auto 8px;max-width:100%}.choice-card strong,.shop-card strong{color:#f4dab0;font-size:19px;font-weight:500;text-shadow:0 2px 3px #000}.choice-card p,.shop-card p{color:#d0c9b0;font-size:13px;line-height:1.8;margin:6px 0 12px}.choice-card small,.shop-card small{color:#b9af91;font-size:10px}.choice-card .gain{padding:9px 8px;background:#111809aa;border:0;box-shadow:inset 0 1px 7px #0008;color:#f0d5a1;font-size:11px;line-height:1.8;border-radius:2px}.shop-card .buy{border-width:9px;border-image-width:9px;padding:3px 2px;min-height:44px;font-size:12px}.shop-card.sold{filter:saturate(.5)}
.pool-row{border-color:#7c704344;gap:12px;padding:16px 1px}.pool-row>.painted-icon{width:57px;height:57px;background-color:transparent}.pool-row b{color:#f1d7a5;font-size:15px}.pool-row p{color:#c7c6aa}.pool-row small{font-size:11px;color:#aeb494}.pool-facts span{border:0;background:#0d150aa6;color:#e1cda4;box-shadow:inset 0 1px 8px #0008}.pool-buttons button{border-width:7px;border-image-width:7px;padding:2px 5px;font-size:10px;min-height:35px}.owned-row{border-color:#7c704344}.owned-row>.painted-icon{width:45px;height:45px}.owned-row button{border-width:8px;border-image-width:8px}.owned-row small{color:#b2b698}.owned-row div{color:#dfcfad}
.arena{border:12px solid transparent;border-image:url('assets/ui-panel.png') 12% / 12px / 0 stretch;background:#11190e;box-shadow:0 6px 25px #0008}.arena canvas{border-radius:2px}.fighter-hud{top:18px;left:20px}.hp-track{border:2px inset #968152;background:#391a13;box-shadow:0 1px 5px #0008;height:9px}.hp-track i{background:linear-gradient(#d9955c,#a43e29 35% 80%,#5d2019)}.xp-track{height:4px;border:1px solid #73794a}.cast-label{bottom:18px}.report,.learned{border:0;border-bottom:1px solid #75644466;padding:12px 5px;background:linear-gradient(90deg,transparent,#26301e55,transparent)}.report summary,.learned summary{color:#d7caab}.report li{border-color:#75644455}.board-hint{color:#b7b69a}.board-footer{color:#ada98c;font-size:9px}.combat-caption{color:#babd9f}.damage-readout{border:0}.damage-readout>small{color:#c5bea2}.damage-readout>span{color:#aeb393}.damage-readout strong{color:#f2d59a;text-shadow:0 2px 3px #000}
.help-skill h4{color:#e5c89a;gap:9px}.help-skill .painted-icon{width:35px;height:35px}.toast{border:14px solid transparent;border-image:url('assets/ui-card.png') 15% fill / 14px / 0 stretch;background:none;padding:0 6px 2px;color:#f2dab0;box-shadow:0 6px 20px #0009}
@media(max-width:760px){.topbar{padding:10px 11px 9px}.brand{font-size:21px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:1px}.header-actions{gap:3px}.quiet{border-width:7px;border-image-width:7px;padding:2px 5px;min-height:37px;font-size:11px}.layout{padding:0 8px;gap:8px}.arena{border-width:8px;border-image-width:8px}.fighter-hud{top:13px;left:14px;width:49%}.hp-label{font-size:9px}.fighter-hud small{font-size:8px}.board-panel{border-width:17px;border-image-width:17px;padding:0}.board-heading h2{font-size:18px;margin:1px 0 6px;letter-spacing:3px}.board-tools{font-size:10px;padding-bottom:5px;margin:0}.board{padding:3px;gap:4px}.cell{border-width:6px;border-image-width:6px}.cell.empty{border-width:5px;border-image-width:5px}.cell.gear{border-width:6px;border-image-width:6px}.cell .name{font-size:10px;letter-spacing:0;bottom:-3px;left:-5px;right:-5px}.cell.skill .painted-icon{width:94%;height:94%;transform:translateY(-3px)}.cell.gear .painted-icon{width:calc(100% + 8px);height:calc(100% + 8px)}.cell-mult{font-size:9px;top:-7px;right:-7px;padding:0 3px}.cell.gear:after{font-size:7px;top:-5px;right:-5px}.board-hint{font-size:10px;min-height:36px;padding-top:7px}.spin-button{border-width:12px;border-image-width:12px;padding:2px;min-height:63px}.spin-button span{font-size:17px;letter-spacing:3px}.spin-button small{font-size:8px;letter-spacing:1px}.damage-readout strong{font-size:25px}.board-footer{font-size:8px;padding-top:10px}.loadout-panel{border-width:15px;border-image-width:15px;padding:0}.section-title h2{font-size:13px;margin-top:2px}.section-title small{font-size:8px}.gear-rack{gap:5px;min-height:74px}.rack-card{border-width:8px;border-image-width:8px;min-height:74px;padding:0}.rack-card .painted-icon{width:46px;height:46px;max-width:calc(100% + 10px);margin:-7px -5px -1px}.rack-card span:not(.painted-icon){font-size:9px;margin:0 -7px -3px}.rack-empty{border-width:7px;border-image-width:7px}.gear-inspect{font-size:11px;margin-top:10px;line-height:1.75}.sheet{border-width:21px;border-image-width:21px;padding:2px 0 5px}.sheet h2{font-size:24px}.sheet-head{gap:4px}.eyebrow{font-size:9px;letter-spacing:1px}.intro-sheet{padding:20px 4px}.intro-sheet h2{font-size:32px}.choice-card{border-width:16px;border-image-width:16px;padding:3px 0;grid-template-columns:54px 1fr;gap:0 8px;min-height:0}.choice-card .painted-icon{width:61px;height:61px;max-width:none;margin:0 0 0 -4px;align-self:center}.choice-card strong{font-size:17px;margin:3px 0}.choice-card p{font-size:12px;line-height:1.8;margin:4px 0 8px}.choice-card .gain{font-size:11px;padding:7px}.choice-card small{font-size:9px}.shop-card{border-width:14px;border-image-width:14px;padding:4px 0 3px;min-height:250px}.shop-card .painted-icon{width:62px;height:62px}.shop-card strong{font-size:16px}.shop-card p{font-size:11px}.shop-card small{font-size:8px}.shop-stock{gap:8px}.pool-row{gap:6px;padding:13px 0}.pool-row>.painted-icon{width:44px;height:44px}.pool-row .pool-copy b{font-size:13px}.pool-row p{font-size:11px}.pool-row small{font-size:10px}.pool-buttons{max-width:100px}.pool-buttons button{border-width:6px;border-image-width:6px;padding:2px 3px;font-size:9px}.help-skill .painted-icon{width:29px;height:29px}.close{width:34px;height:34px;border-width:7px;border-image-width:7px;font-size:17px}.shop-info{font-size:11px}.report,.learned{padding:11px 5px}.cast-label{bottom:12px}.toast{border-width:12px;border-image-width:12px;padding:0 3px;font-size:12px}}