:root{--game-serif:"Cinzel","Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--game-text:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--tex-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .16 0 0 0 0 .06 0 0 0 .16 -.04'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--tex-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='c' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .12 0 0 0 1.1 -.5'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23c)'/%3E%3C/svg%3E");--tex-wood: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='w' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005 .11' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .04 0 0 0 0 .02 0 0 0 0 0 0 0 0 1.5 -.6'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23w)'/%3E%3C/svg%3E");--parchment: radial-gradient(ellipse at 35% 20%, #f5edda 0%, #e8dcc0 65%, #d9c7a0 100%);--walnut: var(--tex-wood), linear-gradient(180deg, #3f2716 0%, #2a180b 100%);--frame-walnut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3CradialGradient id='n' cx='.38' cy='.34' r='.66'%3E%3Cstop offset='0' stop-color='%23fff0b8'/%3E%3Cstop offset='.5' stop-color='%23b8903f'/%3E%3Cstop offset='1' stop-color='%23402a0c'/%3E%3C/radialGradient%3E%3Cfilter id='g' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .45' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .01 0 0 0 1 -.35'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='48' height='48' fill='%231a0e05'/%3E%3Cpath d='M1 1H47L32 16H16Z' fill='%237d5434'/%3E%3Cpath d='M1 1L16 16V32L1 47Z' fill='%236a4428'/%3E%3Cpath d='M47 1V47L32 32V16Z' fill='%234a2c15'/%3E%3Cpath d='M1 47L16 32H32L47 47Z' fill='%233d230f'/%3E%3Crect x='1' y='1' width='46' height='46' filter='url(%23g)'/%3E%3Crect x='11.5' y='11.5' width='25' height='25' fill='none' stroke='%23d1ad5f'/%3E%3Crect x='15' y='15' width='18' height='18' fill='none' stroke='%231a0e05' stroke-width='2'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.8' fill='url(%23n)'/%3E%3Ccircle cx='41.5' cy='6.5' r='2.8' fill='url(%23n)'/%3E%3Ccircle cx='6.5' cy='41.5' r='2.8' fill='url(%23n)'/%3E%3Ccircle cx='41.5' cy='41.5' r='2.8' fill='url(%23n)'/%3E%3C/svg%3E");--game-grain:var(--tex-grain);--game-wood:var(--walnut);--game-paper:var(--tex-grain),var(--tex-cloud),var(--parchment);--game-surface:var(--game-paper);--game-brass:#81603a;--game-brass-lit:#ae8134;--game-ink:#352619;--game-muted:#786146;--game-title:#572f1b;--game-error:#a13925;--game-edge:#87674255;--game-field:#f7efd9;--game-button:var(--tex-wood),linear-gradient(#825b37,#57351e);--game-button-hover:var(--tex-wood),linear-gradient(#986c42,#694125);--game-button-ink:#f6e6bd;--game-slot:var(--tex-grain),linear-gradient(140deg,#d2bd91,#e8d7af);--game-frame:inset 0 1px #fff2cc70,inset 0 -1px #67432366,0 3px 14px #29180766;--game-inset:inset 0 1px #f9e5b640,inset 0 -2px #26140766,0 1px #26140766}.resource-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;background:#25190fe0;padding:18px;color:var(--game-ink);font-family:var(--game-text)}.resource-screen[hidden],.resource-screen [hidden]{display:none!important}.resource-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:8px solid transparent;border-image:var(--frame-walnut) 16 / 8px stretch;background:var(--game-paper);box-shadow:var(--game-frame)}.resource-card h2{margin:0 35px 18px 0;font-size:23px;font-weight:400;color:var(--game-title);letter-spacing:2px}.resource-card progress{display:block;width:100%;height:14px;accent-color:#bca06b;border:1px solid #85734e;background:#d1be91}.resource-card progress::-webkit-progress-bar{background:#d1be91}.resource-card progress::-webkit-progress-value{background:linear-gradient(#d8bd86,#8d794f)}.resource-summary{font-size:14px;font-variant-numeric:tabular-nums;line-height:1.6}.resource-stage{font-size:12px;color:var(--game-muted);line-height:1.6}.resource-card summary{cursor:pointer;font-size:13px;padding:9px 0;border-top:1px solid #86764b66}.resource-card nav{display:flex;gap:6px;margin-bottom:15px}.resource-card button{font:13px var(--game-text);border:1px solid #84704b;background:var(--game-button);color:var(--game-button-ink);padding:7px 11px;cursor:pointer}.resource-card button[aria-pressed=true]{border-color:#d8bd86;color:#f1dba6}.resource-close{position:absolute;right:20px;top:22px}.resource-rows{max-height:35dvh;overflow:auto}.resource-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 100px;gap:9px;font:11px system-ui,sans-serif;padding:7px 0;border-bottom:1px solid #94865f26;align-items:center}.resource-row span:first-child{overflow-wrap:anywhere}.resource-row span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}@media(max-width:450px){.resource-card{padding:18px}.resource-card h2{font-size:19px}.resource-row{grid-template-columns:minmax(0,1fr) 65px 75px;gap:5px}.resource-close{right:12px;top:14px}}