:root{--g:#d9af45;--bg:#081914;--p:#102d22;--p2:#163c2e;--t:#f7ead0;--m:#b9cabb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#254e3b,var(--bg) 62%);color:var(--t);font:16px Georgia,serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--g);border-radius:7px;background:var(--g);padding:9px;color:#11251b;font-weight:bold}button:disabled{opacity:.45}.ghost{background:transparent;color:var(--g)}.box{background:linear-gradient(145deg,var(--p),#0a2118);border:1px solid #d9af4566;border-radius:12px;padding:15px}.page{max-width:1280px;margin:auto;padding:18px}.login{max-width:440px;margin:8vh auto}.login h1,.gold{color:var(--g)}label{display:block;margin:8px 0 3px;color:var(--m)}input,select{width:100%;padding:9px;border:1px solid #d9af4566;border-radius:7px;background:#061711;color:white}.hide{display:none!important}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #d9af4555;padding-bottom:12px}.top h1{margin:0;color:var(--g);font-size:1.6rem}.top small,.muted{color:var(--m)}.layout{display:grid;grid-template-columns:210px 1fr;gap:15px;margin-top:15px}.menu{height:max-content}.menu button{width:100%;text-align:left;margin:3px 0;background:transparent;color:var(--t);border-color:#d9af4544}.menu button.active{background:var(--g);color:#10271c}.view{display:none}.view.active{display:block}.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.meter,.stat,.item{background:#071912;border:1px solid #d9af4544;border-radius:8px;padding:9px}.meter small,.stat small{display:block;color:var(--m)}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.avatar{display:grid;grid-template-columns:220px 1fr;gap:15px}.portrait{background:#050d0a;border-radius:9px;overflow:hidden;aspect-ratio:2/3}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.stat{text-align:center}.tag{display:inline-block;padding:3px 8px;border-radius:20px;background:#d9af4522;color:#f1d78c;margin:2px}.notice{padding:10px;border-left:3px solid var(--g);background:#d9af4515}.items{display:grid;gap:8px}.map{width:100%;background:linear-gradient(150deg,#236187,#123c57);border-radius:10px}.area{fill:#8b513b;stroke:#f4dd96;stroke-width:2;cursor:pointer}.area:hover,.area.current{fill:#bc7747;stroke:#fff;stroke-width:4}.name{fill:#fff8df;font-size:12px;text-anchor:middle;pointer-events:none}.coast{fill:none;stroke:#f4dd96;stroke-width:3}.table{border-collapse:collapse;width:100%}.table td,.table th{padding:9px;border-bottom:1px solid #d9af4533;text-align:left}.table th{color:var(--g)}.modal{display:none;position:fixed;inset:0;z-index:10;background:#000c;padding:15px;place-items:center}.modal.open{display:grid}.modal .box{width:min(850px,100%);max-height:94vh;overflow:auto}.builder{display:grid;grid-template-columns:210px 1fr;gap:15px}.choices{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.choices button{background:#071912;color:var(--t);border-color:#d9af4566}.choices button.on{background:var(--g);color:#14271e}.swatch{width:31px;height:31px;border-radius:50%;padding:0;border:3px solid transparent}.swatch.on{border-color:#fff}@media(max-width:800px){.layout{grid-template-columns:1fr}.menu{display:flex;overflow:auto}.menu button{min-width:max-content}.grid,.avatar,.builder{grid-template-columns:1fr}.meters{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}