:root{color-scheme:dark;--bg:#0b0d16;--panel:#141824;--line:#282e3f;--text:#e9edf7;--muted:#8993aa;--teal:#8ae6cc;--pink:#eb9cae;--gold:#efd69a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 10%,#25223e55,transparent 50%),var(--bg);color:var(--text);font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:#202637;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:8px 13px;transition:background .15s,transform .15s}button:hover{background:#30394e;border-color:#5d6981}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}input,select{background:#0e1320;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:7px 9px;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}h1,h2,h3,p{margin:0}h2{font-size:16px}header{height:83px;padding:0 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0c0f19b5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--teal);font-size:39px}.brand span{font-size:18px;color:var(--text);font-weight:700;line-height:1.5}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);font-weight:500}.header-right{display:flex;gap:22px;align-items:center}.online{font-size:12px;color:var(--teal)}.online:before{content:"";display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:8px}main{max-width:1640px;margin:auto;padding:33px 4% 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal)}h1{font-size:30px;font-weight:600;letter-spacing:1px;margin:6px 0 7px}.intro p{color:var(--muted);font-size:13px}.badge{display:flex;gap:18px;align-items:center}.badge strong{font-size:45px;font-weight:400;color:var(--gold)}.badge span{color:var(--muted);font-size:11px;line-height:1.9}.workspace{display:grid;grid-template-columns:minmax(220px,1fr) minmax(450px,2.35fr) minmax(220px,1fr);gap:17px;align-items:start}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1b2030aa,#131722 70%);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);gap:10px;font-size:12px}.panel-title h2{font-size:14px}.panel-title>span:last-child{color:var(--muted);font-size:11px}.panel-title .clear{border:0;background:transparent;padding:0;font-size:11px;color:var(--muted)}.teal{color:var(--teal)}.pink{color:var(--pink)}.side-label{letter-spacing:2px;font-size:11px}.hero{display:flex;gap:12px;align-items:center;padding:20px 16px 15px}.hero-icon{display:grid;place-items:center;background:#192e32;border:1px solid #35594f;border-radius:11px;width:48px;height:55px;color:var(--teal);font-size:37px}.hero-icon.pink{background:#32212f;border-color:#633e4e;color:var(--pink)}.hero h2{font-size:16px}.hero p{font-size:10px;color:var(--muted);margin-top:3px}.level{display:flex;align-items:center;justify-content:space-between;margin:0 16px 16px;color:var(--muted);font-size:12px}.level input{width:63px;padding:4px 8px}.add-skill{width:calc(100% - 32px);margin:0 16px 13px;border-style:dashed;color:var(--teal);background:#1a2b2c;font-size:12px}.build-list{min-height:220px;max-height:410px;overflow:auto;padding:0 12px 12px}.empty{color:var(--muted);font-size:12px;padding:32px 10px;text-align:center;line-height:2}.skill-row{padding:11px 10px;margin-bottom:6px;border:1px solid var(--line);border-radius:8px;background:#171d2b}.skill-row .name{display:flex;justify-content:space-between;align-items:center}.skill-row b{font-size:12px}.quality1{color:#cdd6e9}.quality2{color:#b2a0fa}.quality3{color:var(--gold)}.skill-row .remove{padding:0 4px;border:0;background:none;color:var(--muted)}.skill-row p{font-size:10px;color:var(--muted);margin:5px 0 8px;line-height:1.65}.counter{display:flex;gap:8px;align-items:center;font-size:10px}.counter button{padding:0 8px;font-size:13px}.counter .effective{margin-left:auto;color:var(--teal)}details{border-top:1px solid var(--line);padding:12px 15px;font-size:11px}summary{cursor:pointer;color:#b9c1d2}summary span{float:right;font-size:10px;color:var(--muted)}.tag-settings{padding-top:10px}.tag-setting{display:grid;grid-template-columns:1fr 53px 60px;gap:6px;align-items:center;margin:6px 0;color:var(--muted)}.tag-setting input,.tag-setting select{padding:3px;font-size:10px;width:100%}.tag-note{font-size:10px;color:var(--muted);margin:5px 0}.battle .panel-title{padding:15px 20px}.tick{font-size:9px!important}#timer{font-variant-numeric:tabular-nums;color:var(--teal)}.health-row{display:flex;align-items:center;padding:24px 22px 0;gap:16px}.health-card{flex:1;min-width:0}.health-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}.health-track{height:17px;background:#263b38;border-radius:4px;position:relative;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#44977e,#a1e7c9)}.rival .health-track{background:#3b2735}.rival .health-fill{background:linear-gradient(90deg,#b36380,#eeadbc)}.health-track span{position:absolute;inset:0;text-align:center;color:#fff;font-size:10px;text-shadow:0 1px 3px #000;line-height:17px}.mana-track{height:3px;border-radius:3px;background:#263049;margin-top:5px}.mana-fill{height:100%;background:#829de7}.combat-stats{font-size:9px;color:var(--muted);margin-top:8px}.vs{font:italic 12px Georgia;color:#566076}.field{height:240px;position:relative}canvas{width:100%;height:100%;display:block}#fieldHint{position:absolute;bottom:13px;left:0;width:100%;text-align:center;color:var(--muted);font-size:11px;pointer-events:none}.outcome{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#111624ee;border:1px solid #536776;padding:20px 38px;border-radius:13px;box-shadow:0 10px 60px #0009;text-align:center;font-size:22px;white-space:nowrap}.outcome small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px;min-height:59px;font-size:10px}.status-row>div:last-child{text-align:right}.pill{display:inline-block;padding:2px 6px;background:#263041;border-radius:4px;margin:2px;color:#c8d6eb}.pill.poison{background:#263e29;color:#add79c}.pill.freeze{background:#20354b;color:#a3d9fb}.pill.shield{background:#443925;color:#e6ce9e}.playback{display:flex;gap:10px;align-items:center;margin:13px 20px 0;padding-top:12px;border-top:1px solid var(--line)}.playback button,.playback select{font-size:10px;padding:4px 8px}.playback input{flex:1;width:70px;accent-color:var(--teal);padding:0}.battle-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 6px;gap:16px}.battle-controls label{font-size:10px;color:var(--muted)}#seed{width:86px;margin-left:7px;font-size:11px}.primary{color:#10231e;background:var(--teal);font-weight:bold;border-color:var(--teal);padding:10px 22px}.primary:hover{background:#b2f9e2}.primary span{margin-left:15px}.micro{font-size:9px;color:var(--muted);padding:7px 20px 15px}.bottom-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:17px;margin-top:18px}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.preset-list button{text-align:left;position:relative;background:#171f2e;padding:14px 12px}.preset-list b{font-size:12px;display:block}.preset-list span{font-size:9px;color:var(--muted)}.preset-list i{position:absolute;right:9px;top:10px;color:var(--teal)}#log{height:140px;overflow:auto;padding:8px 17px;font-size:10px;color:#b6c1d3}.log-line{padding:4px 0;border-bottom:1px solid #242b3944}.log-line time{color:#6f7d97;margin-right:10px;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;color:#626e84;font-size:10px;padding-top:25px}dialog{color:var(--text);background:#141a28;border:1px solid #3a455c;border-radius:17px;box-shadow:0 30px 140px #000b;padding:25px;width:min(1000px,94vw);max-height:88vh}dialog::backdrop{background:#050811cc;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.dialog-top h2{font-size:21px;margin-top:3px}.dialog-top button{background:none;border:0}.filters{display:flex;gap:10px}.filters input{flex:1}#skillCount{font-size:11px;color:var(--muted);margin:14px 0}#skillGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.skill-card{background:#1b2232;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;flex-direction:column}.skill-card .skill-head{display:flex;justify-content:space-between;gap:5px;align-items:center}.skill-card h3{font-size:14px}.skill-id{color:#65738d;font-size:9px}.skill-tags{font-size:9px;color:#9eaac1;margin:6px 0 10px}.skill-card p{font-size:11px;color:#b2bfd3;line-height:1.8;flex:1;white-space:pre-line}.skill-card button{margin-top:14px;font-size:11px;align-self:stretch}.skill-card .learning{font-size:9px;color:var(--muted);margin-top:11px}.no-results{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}#helpDialog{max-width:640px}#helpDialog p{font-size:13px;line-height:1.9;color:#b9c3d7;margin:17px 0}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#35463f;color:#dbf7e9;border:1px solid #6d9c89;padding:12px 23px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;max-width:90vw}#toast.visible{opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#364157;border-radius:10px}@media(min-width:1500px){.field{height:290px}.build-list{min-height:270px}}@media(max-width:1150px){main{padding-left:2%;padding-right:2%}.workspace{grid-template-columns:210px minmax(360px,1fr) 210px;gap:10px}.hero{gap:8px;padding:15px 12px}.hero h2{font-size:14px}.health-row{padding:20px 13px 0;gap:9px}.battle-controls{padding-left:13px;padding-right:13px}.primary{padding:10px 13px}.tick{display:none}}@media(max-width:900px){.workspace{grid-template-columns:1fr 1fr}.battle{grid-column:1/-1;grid-row:1}.field{height:270px}.build-list{min-height:120px;max-height:300px}.bottom-grid{grid-template-columns:1fr}.intro h1{font-size:25px}.intro .badge{display:none}.header-right{gap:10px}.build .hero-icon{width:45px}.intro{margin-bottom:20px}footer{display:block}footer span{display:block;margin-top:5px}#skillGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){header{height:70px}.brand span{font-size:15px}.brand{font-size:32px}.online{font-size:10px}.header-right button{font-size:10px;padding:6px 8px}main{padding-top:23px}.intro h1{font-size:21px;letter-spacing:0}.intro p{font-size:11px}.workspace{gap:8px}.hero{display:block}.hero-icon{display:none}.hero h2{font-size:14px}.hero p{font-size:9px}.panel-title{padding:12px}.build-list{padding:0 7px 7px}.skill-row{padding:8px}.counter{gap:5px;flex-wrap:wrap}.counter .effective{font-size:9px}.skill-row b{font-size:11px}.level{margin:0 12px 12px}.add-skill{margin:0 9px 10px;width:calc(100% - 18px);padding:8px 3px;font-size:11px}.build details{padding:10px;font-size:10px}summary span{display:none}.tag-setting{grid-template-columns:1fr 44px 43px;gap:2px;font-size:9px}.tag-setting input,.tag-setting select{font-size:9px}.preset-list{grid-template-columns:1fr;gap:7px}.preset-list button{padding:10px 13px}.preset-list b{display:inline-block;margin-right:12px}.field{height:220px}#skillGrid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}dialog{padding:17px}.health-row{gap:7px}.status-row{padding:0 13px}.combat-stats{font-size:8px}.micro{font-size:8px}.battle-controls{gap:8px}.playback{margin-left:13px;margin-right:13px;gap:7px}.health-top{font-size:9px}}

.growth-summary{margin:-7px 16px 13px;font-size:10px;color:var(--teal)}.level output{font-size:18px;color:var(--text);font-weight:600}.growth-tag{margin:11px 0;padding:9px;background:#111a26;border-radius:7px}.growth-tag>div:first-child{display:flex;justify-content:space-between;font-size:11px}.stars{color:var(--gold);letter-spacing:1px;font-size:10px}.exp-track{height:3px;background:#26334b;margin:7px 0 3px;overflow:hidden;border-radius:3px}.exp-track i{display:block;height:100%;background:var(--teal)}.growth-tag small{font-size:9px;color:var(--muted)}.growth-tag p{font-size:10px;margin-top:6px;color:#bcccd8}.build details{max-height:340px;overflow:auto}.health-card,canvas{cursor:pointer}#inspectOpen{font-size:10px;padding:7px 9px}.battle-controls{flex-wrap:wrap}.inspector{margin-top:18px}.inspector .panel-title h2{font-size:15px}.inspector h2 span{font-size:11px;font-weight:400;color:var(--teal);margin-left:15px}.inspect-actions{display:flex;gap:7px}.inspect-actions button,.inspect-tabs button{font-size:11px;padding:6px 12px}.selected{background:#2d4847!important;border-color:#5d9b87!important;color:#b9f5dc!important}.inspect-tabs{display:flex;gap:8px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.inspect-tabs>span{font-size:10px;color:var(--muted);margin-left:auto}#inspectContent{padding:18px}.data-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.data-grid>div{padding:11px;background:#101725;border-radius:8px}.data-grid small,.metric-grid small{display:block;font-size:10px;color:var(--muted)}.data-grid strong{font-size:16px;font-weight:500;display:block;margin-top:5px}.data-note{font-size:10px;color:var(--muted);margin:13px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.metric-grid button{text-align:left;padding:10px}.metric-grid b{display:block;font-size:16px;margin-top:5px}.detail-heading{font-size:13px;margin:19px 0 9px}.data-table-wrap{max-height:260px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{text-align:right;border-bottom:1px solid var(--line);padding:9px 12px}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--muted);font-weight:400;font-size:10px;position:sticky;top:0;background:#141a28}.data-table td{color:#d8e3f0}@media(max-width:900px){.data-grid,.metric-grid{grid-template-columns:repeat(4,1fr)}.inspect-tabs>span{display:none}}@media(max-width:540px){.data-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.inspector .panel-title{flex-wrap:wrap}.inspect-tabs{gap:5px;padding:10px;flex-wrap:wrap}.inspect-tabs button{padding:6px 9px}.data-grid strong{font-size:14px}#inspectContent{padding:11px}.data-table td{font-size:10px;padding:8px}.growth-summary{font-size:9px;margin-left:11px}.battle-controls .primary{margin-left:auto}}