@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101313;--panel:#181d1c;--line:#303732;--muted:#818d84;--text:#e0e5d9;--orange:#ee945c;--green:#a8bba0;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'Noto Sans TC',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){filter:brightness(1.22)}button:active:not(:disabled){transform:translateY(1px)}
canvas{display:block}button{touch-action:manipulation}em{font-style:normal;color:#8f9f80}.eyebrow{font:10px var(--mono);color:var(--orange);letter-spacing:2px}.portrait img{image-rendering:pixelated}[hidden]{display:none!important}
dialog{border:1px solid #5a604b;background:#181f1a;color:var(--text);padding:30px;max-width:470px;width:calc(100% - 32px);box-shadow:0 20px 100px #000b}dialog::backdrop{background:#070e10bb;backdrop-filter:blur(7px)}dialog .eyebrow{margin-bottom:12px}dialog h2{font-size:26px;margin:0 0 16px;letter-spacing:2px}dialog p{font-size:12px;line-height:1.9;color:#a6b39a}dialog .modal-button{display:block;width:100%;padding:14px;text-align:center;background:var(--orange);color:#1a241b;border:0;margin-top:12px;font-weight:600}dialog .secondary{background:#293425;color:#bccbac;border:1px solid #536143}dialog .perk{display:block;text-align:left;width:100%;padding:16px;margin-top:10px;background:#252f22;border:1px solid #4f5d41;color:var(--text)}dialog .perk strong{display:block;color:var(--orange);margin-bottom:6px}dialog .perk span{font-size:11px;color:#adba9f}.help-grid{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:12px;line-height:1.7}.help-grid b{color:var(--orange);font-weight:500}.help-grid span{color:#a5b198}.result-stats{display:flex;gap:25px;margin:20px 0}.result-stats>div{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a1af94}.result-stats b{font:32px var(--display);color:var(--orange)}
dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.modal-close{display:none;position:sticky;top:-4px;float:right;width:44px;height:44px;margin:-8px -6px 4px 10px;padding:0;border:1px solid #4d5c46;background:#1e2a20ee;color:#cfdcbe;font:21px var(--mono);line-height:1;z-index:5}
dialog.closable .modal-close{display:block}dialog.wide{max-width:650px}dialog h3{font-size:14px;font-weight:500}dialog .modal-row{display:flex;gap:8px}dialog .modal-row>*{flex:1}.pack-resources{display:flex;justify-content:space-between;padding:8px 0;border-block:1px solid #455339;font-size:11px;color:#b8c6a7}.pack-resources b{color:#dfb981;margin-left:5px}.ammo-summary{font-size:10px}.pack-weapons{display:flex;flex-direction:column;gap:10px}.pack-weapon{display:flex;gap:15px;border:1px solid #435038;border-left:3px solid var(--tint,#435038);background:#212c20 linear-gradient(var(--tint-bg,transparent),var(--tint-bg,transparent));padding:10px 12px}.pack-weapon.equipped{border-color:#aa8753;border-left-color:var(--tint,#aa8753);background:#303321 linear-gradient(var(--tint-bg,transparent),var(--tint-bg,transparent))}.pack-weapon>div{flex:1;min-width:0}.pack-weapon small{color:#d4af72;font:9px var(--mono)}.pack-weapon h3{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.pack-weapon p{margin:2px 0;font-size:10px;line-height:1.6}.pack-weapon div>span{font:9px var(--mono);color:#a6b58e}.pack-actions{display:flex;gap:6px;margin-top:8px}.pack-actions button,.ground-loot button,.journal-tabs button{padding:9px 11px;border:1px solid #60734a;background:#34442b;color:#c5d4b2;font-size:10px;min-height:36px}.pack-actions button:disabled{opacity:.35}.ground-loot{border:1px dashed #b59c62;border-left:3px solid var(--tint,#b59c62);padding:11px 12px;margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:linear-gradient(var(--tint-bg,transparent),var(--tint-bg,transparent))}.ground-loot strong{font-size:11px;font-weight:500}.ground-loot button:nth-of-type(1){margin-left:auto}.ground-loot small{width:100%;font-size:10px;color:#aab99c}.journal-tabs{display:flex;gap:7px;margin:16px 0}.lore-entry{padding:12px;border-left:2px solid #917c9a;background:#313031}.lore-entry strong{font-size:10px;color:#c2b1cd}.bestiary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bestiary article{border:1px solid #45563a;padding:12px;display:flex;gap:10px;background:#222d20}.bestiary h3{font-size:12px;margin:0 0 5px}.bestiary small{font:8px var(--mono);color:#96a886}.bestiary p{font-size:10px;line-height:1.8;margin:7px 0 0}.enemy-token{flex:none;color:var(--enemy);border:1px solid var(--enemy);width:24px;height:24px;display:grid;place-items:center;font:bold 16px var(--mono)}.seed-field{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#b4c6a1}.seed-field input{width:100%;padding:12px;background:#1a251d;color:#d7e4bf;border:1px solid #60774b;font:14px var(--mono)}

@media(max-width:600px){dialog{padding:20px 16px}dialog h2{font-size:23px}.pack-weapon{gap:10px;padding:9px 11px}.pack-actions{flex-wrap:wrap}.bestiary{grid-template-columns:1fr}.help-grid{grid-template-columns:58px 1fr;font-size:11px}.pack-resources{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}