:root{color-scheme:dark;--bg:#0c141d;--panel:#14212c;--panel2:#1a2935;--stroke:#314351;--ink:#e8f3f0;--muted:#8ca2ac;--aqua:#66d7b7;--gold:#e2bd75}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(160deg,#152530,#0a131a 53%);color:var(--ink);min-height:100vh}.shell{max-width:680px;margin:auto;padding:20px 16px 40px}.head,.brand,.hero,.vitalheading,.vitaltiles,.row,.line,.sectionTitle,.skillhead,.bottom,.item{display:flex;align-items:center;justify-content:space-between;gap:12px}.head{margin-bottom:18px}.brand{justify-content:flex-start}.crest{width:41px;height:41px;border:1px solid #6d8d87;background:#1b3537;display:grid;place-items:center;border-radius:14px;color:#cde6df;font-size:22px}.eyebrow{font-size:10px;letter-spacing:1.1px;color:var(--muted);text-transform:uppercase}h1{font-size:20px;margin:0}h2{font-size:22px;margin:1px 0}h3{margin:0;font-size:16px}p{margin:2px 0;color:var(--muted)}.sync{font-size:11px;color:var(--aqua);white-space:nowrap}.hero{justify-content:flex-start;background:#172630;border:1px solid var(--stroke);border-radius:16px;padding:16px;box-shadow:0 6px 34px #0003}.avatar{width:59px;height:59px;flex-shrink:0;border-radius:14px;background:radial-gradient(circle at 35% 15%,#566c69,#23383c 65%);display:grid;place-items:center;font-size:28px;color:#c6e0d7}.identity{flex:1}.vitals{background:var(--panel);padding:16px;border:1px solid var(--stroke);border-radius:16px;margin-top:12px}.vitalheading span{color:var(--muted)}.vitalheading strong{color:#dfefea}.track{height:9px;border-radius:99px;background:#51373d;overflow:hidden;margin:10px 0 14px}.track div{height:100%;width:0;background:linear-gradient(90deg,#368f85,#74e1b8);transition:width .2s}.vitaltiles>div{flex:1;display:grid;gap:2px}.vitaltiles>div+div{border-left:1px solid var(--stroke);padding-left:18px}.vitaltiles small{font-size:10px;color:var(--muted)}.vitaltiles b{font-size:19px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:15px 0 12px;padding:5px;background:#111f28;border:1px solid #243a45;border-radius:14px}.tabs button{border:0;background:transparent;color:#96a9b1;cursor:pointer;padding:11px 4px;border-radius:10px;font-weight:700}.tabs .active{background:#28534f;color:#e0fcf1}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:15px;margin-bottom:12px}.sectionTitle{margin-bottom:12px;font-size:13px;color:#ebf4f2;font-weight:700}.muted,.note{font-size:12px;color:var(--muted)}.note{margin-top:9px}.item,.skill{background:var(--panel2);border:1px solid #2a4150;border-radius:12px;padding:12px;margin-bottom:8px}.itemicon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#31454a;font-size:17px}.itemdetail{flex:1}.itemdetail b,.skill b{font-size:14px}.itemdetail small{display:block;color:var(--muted);font-size:11px}.qty{font-weight:800;color:var(--gold)}.row{margin-bottom:12px}.row:last-child{margin-bottom:0}.pills{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #40605e;border-radius:50px;padding:3px 9px;font-size:11px;color:#91d9c5;background:#183430}.skillhead{align-items:flex-start}.skill p{font-size:12px;line-height:1.55;margin:5px 0 8px}.skill .line{margin-top:8px}.count{font-size:12px;color:var(--gold)}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}button{font:inherit;cursor:pointer}.primary,.ghost,.action{padding:10px 13px;border-radius:10px;border:1px solid #527c73;background:#26584f;color:#d8fcef;font-weight:700;min-height:40px}.ghost{background:#1b2c37;border-color:#385360;color:#c0dbdb}.small{padding:6px 10px;min-height:30px;font-size:12px}.action{min-height:41px;background:#223642;white-space:nowrap;font-size:12px}.danger{color:#f5a49e}.action:disabled{opacity:.4;cursor:not-allowed}.primary:active,.ghost:active,.action:active{filter:brightness(1.2)}.bottom{flex-direction:column;align-items:stretch;margin-top:12px}.bottom p{text-align:center;font-size:11px}.empty{text-align:center;color:var(--muted);padding:28px 6px}.sectionTitle small{font-weight:400;color:var(--muted)}input,select{width:100%;border:1px solid #41545d;background:#0e1b26;color:#fff;border-radius:9px;padding:10px;font:inherit;min-width:0}.form{display:grid;grid-template-columns:1fr 75px auto;gap:8px}.form .primary{min-width:59px}.modal{position:fixed;inset:0;background:#030a0dc9;display:grid;place-items:center;padding:20px;z-index:9}.hidden{display:none}.dialog{width:min(370px,100%);background:#1a2c37;padding:22px;border-radius:16px;border:1px solid #547167}.dialog p{margin:10px 0 15px}.dialog button{margin-top:10px;width:100%}#notice{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#275248;padding:10px 16px;border:1px solid #6bc4aa;border-radius:10px;max-width:90vw;color:white;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#notice.show{opacity:1}@media(max-width:370px){.shell{padding:13px 10px}.avatar{width:47px;height:47px}.vitaltiles b{font-size:16px}.form{grid-template-columns:1fr 60px auto}.head .sync{font-size:10px}.eyebrow{font-size:9px}}
.welcome .crest{margin:0 auto 10px}.welcome{text-align:center}.welcome h3{font-size:20px}.welcome p{line-height:1.7}.welcome .fine{font-size:11px;margin-top:18px}.footnote{font-size:11px}.bottom .two{width:100%;margin-bottom:8px}.bottom button{width:100%}.pill{display:inline-block;padding:3px 8px;background:#213a40;border:1px solid #3b5b5b;border-radius:9px;color:#8cd7c4;font-size:11px}.minor{font-size:11px;color:var(--muted)}.abilitygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ability{background:var(--panel2);border-radius:12px;padding:10px 8px;display:grid;gap:4px;text-align:center;border:1px solid var(--stroke)}.ability b{font-size:21px}.ability small{color:var(--muted)}.ability button{padding:5px 6px;min-height:29px}.skillrow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #2a4144}.skillrow:last-child{border-bottom:0}.historyrow{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #28404b}.historyrow small{color:var(--muted);white-space:nowrap}.emptyhint{padding:10px 12px;font-size:12px;border:1px solid #34515c;border-radius:10px;color:#96afba;background:#152a32}.item .item-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.action.tiny{padding:7px 8px;min-height:32px}.mode-demo{color:#e2bd75!important}.dangertext{color:#ff9e93}.muted-inline{color:var(--muted);font-size:11px}.formselect{display:flex;gap:6px;flex-wrap:wrap}.formselect select{max-width:110px}.formselect input{flex:1}.formselect button{flex-shrink:0}.btnrow{display:flex;gap:7px;flex-wrap:wrap}.btnrow button{flex:1}.dialog .ghost{width:100%}@media (max-width:380px){.item{flex-wrap:wrap}.item-actions{width:100%}.itemdetail{min-width:55%}}