:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#314846;background:#e8e8df;font-synthesis:none;--ink:#2c4747;--muted:#7e8a80;--line:#d9ddcf;--gold:#b89859;--paper:#f7f7ed}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{border:1px solid #3b5654;border-radius:7px;background:#35534e;color:#faf7e8;padding:11px 17px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s,transform .15s}button:hover:enabled{background:#45675f}button:disabled{opacity:.45;cursor:not-allowed}button:active:enabled{transform:translateY(1px)}a{color:inherit}.quiet{background:none;border:0;color:#65776c;padding:8px}.quiet:hover:enabled{background:#e3e8d9}.secondary{background:#f4f5e9;color:#41584d;border-color:#ced7c4}.secondary:hover:enabled{background:#e5ebd9}.wide{width:100%;margin:5px 0;text-align:left}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#f6f6ed;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:19px;letter-spacing:2px}.brand b{font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#87907d;margin-top:5px}.top-links{display:flex;gap:16px;align-items:center}.beta{font-size:9px;letter-spacing:2px;border:1px solid #d6d9c4;padding:6px 9px;border-radius:4px;color:#7c876e}.currency{border-left:1px solid var(--line);padding-left:22px;color:#b18b43;font-size:20px}.currency span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#839079;margin-top:3px}.shell{display:grid;grid-template-columns:210px minmax(400px,1fr) 202px;gap:23px;padding:26px 30px;max-width:1900px;margin:auto}.left-panel,.right-panel{padding:14px 0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#849080}.left-panel h2{font-family:Georgia,serif;font-size:25px;margin:10px 0 5px;overflow-wrap:anywhere}.class-label{font-size:11px;color:#84917b}.portrait{height:106px;background:radial-gradient(ellipse,#dbe3c8,transparent 70%);display:flex;justify-content:center;align-items:center;position:relative;margin:5px 0 10px}.portrait img{width:59px;filter:drop-shadow(0 5px 8px #52604a22)}.portrait span{position:absolute;left:calc(50% + 19px);bottom:15px;background:#f8f7e9;border:1px solid #c9d1b8;border-radius:50%;padding:6px;font-size:11px}.meter{margin:12px 0}.meter-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.meter-track{background:#dfe4d7;height:5px;border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:#91a56d;transition:width .15s}.meter.sp .meter-fill{background:#8eb3bf}.meter.exp .meter-fill{background:#c4b576}.meter.job .meter-fill{background:#a99ab9}.section-line{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 19px}.quick-stats div{display:flex;justify-content:space-between;font-size:10px;background:#f4f4e9;border:1px solid #dde1d3;padding:9px 10px;border-radius:5px}.quick-stats span{color:#889280}.side-note{font-size:10px;color:#8a9382;line-height:1.8;margin-top:22px}.play-area{border:1px solid #c9d1bc;border-radius:11px;overflow:hidden;background:#f8f8ef;box-shadow:0 10px 30px #283c3610}.location-bar{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;min-height:73px}.location-bar b{font-family:Georgia,serif;font-size:17px}.location-bar small{display:block;margin:7px 0 0 18px;color:#87947f;font-size:8px;letter-spacing:1.5px}.live-dot{display:inline-block;width:6px;height:6px;background:#83a164;border-radius:50%;margin-right:10px}.canvas-wrap{position:relative;height:calc(100vh - 245px);min-height:490px;max-height:900px;background:#61764a;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}.play-footer{display:flex;gap:20px;align-items:center;padding:14px 18px;font-size:9px;color:#7d8b77;flex-wrap:wrap}kbd{font:9px sans-serif;display:inline-block;padding:3px 4px;background:#eef0e3;border:1px solid #d8deca;border-radius:3px;margin-right:2px}.save-state{margin-left:auto}.run-number{font-family:Georgia,serif;font-size:57px;color:#56694f;margin:15px 0 4px}.muted{color:var(--muted);font-size:11px;line-height:1.7}.divider{height:1px;background:var(--line);margin:24px 0}.info-row{display:flex;justify-content:space-between;font-size:11px;margin:16px 0;color:#879180}.info-row b{color:#495d4d}.mini-skills{margin-top:17px}.mini-skill{display:flex;gap:9px;align-items:center;margin:12px 0;font-size:10px}.mini-skill small{display:block;color:#86917c;margin-top:4px}.skill-icon{height:32px;width:32px;background:#e4e9d7;border:1px solid #cbd5ba;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#71815f;flex-shrink:0}.skill-icon img{width:24px;height:24px;image-rendering:pixelated}.journey-note{margin-top:40px;border:1px solid #d6dccb;border-radius:80px 80px 8px 8px;padding:22px 10px;text-align:center;color:#9ba487}.journey-note span{font-size:30px}.journey-note p{font-family:Georgia,serif;font-size:13px;line-height:1.7}.hub-overlay{position:absolute;inset:0;background:#20392738;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.hub-card{background:#f5f4e8f5;border:1px solid #ebead6;border-radius:10px;box-shadow:0 20px 80px #152b3655;width:100%;max-width:720px;padding:28px}.hub-card h1{font:32px Georgia,serif;letter-spacing:-.6px;margin:8px 0 10px}.hub-card>p{font-size:12px;line-height:1.8;color:#7d8a76;max-width:500px}.hub-title{display:flex;justify-content:space-between;align-items:center}.hub-title .ornament{font-size:38px;color:#bba470}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.map-card{border:1px solid #d4dcc7;border-radius:7px;overflow:hidden;background:#fafaf1}.map-card.locked{opacity:.6}.map-art{height:50px;background:linear-gradient(165deg,#bbc9a0 0 35%,#8d9f75 36% 65%,#748960 66%);position:relative}.map-art:after{content:'⌁';position:absolute;right:15px;top:0;font-size:43px;color:#f8f4d67a}.map-art.forest{background:linear-gradient(165deg,#899f82 0 35%,#617d60 36% 65%,#45644d 66%)}.map-art.mountain{background:linear-gradient(150deg,#b4b4a2 0 30%,#8d9981 31% 55%,#75816b 56%)}.map-art.village{background:linear-gradient(165deg,#b6ac85 0 35%,#a38c66 36% 65%,#77674b 66%)}.map-body{padding:12px}.map-body h3{font:17px Georgia,serif;margin:0 0 5px}.map-body p{font-size:10px;color:#87907d;line-height:1.5;margin:0 0 9px;min-height:28px}.map-actions{display:flex;gap:5px}.map-actions button{font-size:10px;padding:8px 10px;flex:1}.hub-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:17px;font-size:10px;color:#8a927e}.wave-banner{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#f5f2e2e8;border:1px solid #e4d5a8;padding:12px 25px;border-radius:6px;text-align:center;font-size:13px;box-shadow:0 4px 15px #22382b33;white-space:nowrap}.warp{position:absolute;bottom:23px;right:23px;background:#443750;border-color:#9f89b0}.pause-overlay{position:absolute;inset:0;background:#233c35c9;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5f1dc;backdrop-filter:blur(3px)}.pause-overlay h2{font:36px Georgia,serif}.pause-overlay p{color:#c2cdb9}.pause-overlay button{background:#e0d8b6;color:#344d40;border:0}dialog{border:1px solid #d1d8c0;border-radius:12px;padding:24px;background:var(--paper);color:var(--ink);width:min(820px,94vw);max-height:88vh;box-shadow:0 25px 100px #152e3655}dialog::backdrop{background:#172e2c99;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{font:26px Georgia,serif;margin:0}.stat-row{display:grid;grid-template-columns:60px 1fr 50px 44px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.stat-row small{font-size:11px;color:#89957f}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-card{border:1px solid #d5ddc7;padding:16px;border-radius:7px;background:#fcfcf3}.content-card h3{font:19px Georgia,serif;margin:8px 0}.content-card p{font-size:11px;line-height:1.7;color:#839079}.content-card .requirements{font-size:10px;color:#ad8646;margin:8px 0}.talent-root{border-color:#bda16c}.talent-branch{border-top:3px solid #95a582}.content-card button{margin-top:8px}input,select,textarea{border:1px solid #cbd5bf;border-radius:5px;padding:10px 12px;background:#fffef6;color:#344d43;width:100%}label{font-size:11px;display:block;margin:12px 0 5px}input[type=checkbox]{width:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#2e4944;color:#f5f2de;box-shadow:0 4px 20px #182d3833;border-radius:7px;font-size:12px;z-index:20;display:none}#toast.visible{display:block}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{font-size:9px;color:#89967f;letter-spacing:1px;text-transform:uppercase}.error{color:#a3524d}.preview-strip{padding:9px;text-align:center;background:#e7c683;font-size:12px;color:#4f4936}.buff{font-size:10px;background:#e1e8d4;padding:7px;margin:5px 0;border-radius:4px}[hidden]{display:none!important}#touch-pad{display:none;position:absolute;bottom:25px;left:25px;width:100px;height:100px;border-radius:50%;background:#f3f1df33;border:1px solid #eef2cf88;touch-action:none}#touch-pad:after{content:'✥';position:absolute;inset:0;text-align:center;line-height:100px;font-size:36px;color:#f7f4df99}@media(max-width:1150px){.shell{grid-template-columns:170px minmax(350px,1fr);gap:16px;padding:20px}.right-panel{display:none}.topbar{padding:0 23px}.map-body p{display:none}.canvas-wrap{min-height:530px}.hub-card{padding:22px}}@media(max-width:700px){.topbar{height:70px;padding:0 14px}.brand{font-size:14px;letter-spacing:1px}.brand img{width:30px}.top-links{gap:3px}.top-links .beta,.currency span{display:none}.currency{font-size:15px;padding-left:8px}.shell{display:block;padding:10px}.left-panel{display:none}.location-bar{padding:12px}.canvas-wrap{height:calc(100dvh - 160px);min-height:510px}.hub-overlay{padding:12px}.hub-card{padding:18px}.hub-card h1{font-size:27px}.map-grid{gap:8px;margin-top:15px}.map-art{height:32px}.map-body{padding:10px}.map-body h3{font-size:15px}.hub-bottom{flex-wrap:wrap}.play-footer{padding:10px;font-size:8px;gap:8px}.play-footer .save-state{display:none}.card-grid{grid-template-columns:1fr}.top-links button{font-size:11px}.stat-row{grid-template-columns:40px 1fr 25px 40px;gap:8px}#touch-pad{display:block}}