@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--background:#070b25;--panel:#0c1535;--ink:#f7f4ff;--muted:#b2bce2;--border:#5755db;--accent:#9d71ff;--glow:#654fff;--blue:#4fc5ff;--gold:#ffcc7b;--line:#26355c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#3c2167 0,transparent 35%),radial-gradient(circle at 92% 30%,#142b74 0,transparent 40%),var(--background);color:var(--ink);font:14px/1.55 'Nunito Sans',system-ui,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ac87ff;outline-offset:2px}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(40px);opacity:.35}.ambient-left{width:250px;height:580px;top:20%;left:-140px;background:#8b3eb9;border-radius:50%}.ambient-right{width:400px;height:500px;bottom:-150px;right:-200px;background:#3759c1;border-radius:50%}.site{max-width:1360px;margin:auto;padding:18px 20px 30px}.hero{min-height:212px;background:radial-gradient(ellipse at 65% 20%,#7c54c148,transparent 43%),linear-gradient(108deg,#302064 0%,#151e57 56%,#172459 100%);border:1px solid #7b67d8;border-radius:22px 22px 0 0;position:relative;overflow:hidden;display:flex;align-items:center;padding:29px 36px;isolation:isolate}.hero:before,.hero:after{content:'✿ ✧ ❀ ✦ ✿';position:absolute;color:#bb8bff91;font-size:40px;letter-spacing:24px;pointer-events:none}.hero:before{left:-25px;top:-20px;transform:rotate(-12deg)}.hero:after{right:-30px;bottom:-35px;transform:rotate(16deg)}.hero-petals{position:absolute;top:18px;left:46%;color:#e9aaff88;font-size:24px;letter-spacing:35px;pointer-events:none}.hero-petals span{color:#fff}.hero-content{position:relative;z-index:2;max-width:730px}.overline{font-size:11px;letter-spacing:.19em;color:#c2abff;font-weight:900}.hero h1{font:900 clamp(35px,4.2vw,60px)/.99 'Outfit',sans-serif;letter-spacing:-.035em;text-shadow:0 4px 1px #231047,0 0 28px #7760fd80;margin:12px 0 13px}.hero h1 span{background:linear-gradient(110deg,#fff,#dfcaff 58%,#a3d1ff);color:transparent;background-clip:text}.hero p{font-size:16px;font-weight:700;color:#dee5ff;margin:0}.ditto-art{position:absolute;height:212px;width:445px;right:137px;bottom:0;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent 0%,black 17%,black 82%,transparent 100%);z-index:1;filter:drop-shadow(0 0 20px #d9acff6a)}.credit-card{position:absolute;right:18px;top:18px;display:grid;gap:2px;padding:11px 15px;border:1px solid #6259b790;border-radius:12px;background:#0b1235e8;z-index:3;font-size:11px;line-height:1.4}.credit-card strong{color:#fff}.credit-card small{color:#bfaaf9;font-size:10px}.panel{border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#121a40,#0b1330 80%);box-shadow:0 12px 35px #0004;overflow:hidden}.overview{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:0;margin-top:0;border-radius:0 0 18px 18px;min-height:143px;position:relative;z-index:3;border-top:0;background:linear-gradient(110deg,#11173c,#0c193a 50%,#111538)}.overview-total{display:flex;align-items:center;gap:18px;padding:23px 24px;border-right:1px solid #515b9e}.overview-total.second{padding-left:27px}.overview-icon{font-size:36px;filter:drop-shadow(0 0 13px #b86fe9bb)}.summary-label{color:#c8d4f9;font-size:11px;letter-spacing:.025em;font-weight:800;margin-bottom:6px}.big-value{font:900 clamp(27px,3.1vw,42px)/1 'Outfit',sans-serif;white-space:nowrap;letter-spacing:-.02em}.big-value .unit{font-size:23px}.warm{color:var(--gold);text-shadow:0 0 23px #ff9d4f45}.cool{color:#8ed9ff;text-shadow:0 0 23px #4d90fe65}.mini-value{font-weight:800;color:#c7b1ff;margin-top:7px}.overview-break{margin:10px 12px 10px 16px;padding:10px 14px;background:#18244b;border:1px solid #414d8e;border-radius:11px}.overview-break .summary-label{text-align:center;font-size:10px}.mini-break{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:4px 0;color:#d5dafa}.mini-break strong{font-variant-numeric:tabular-nums;color:#fff}.main-grid{display:grid;grid-template-columns:1fr 1fr .94fr;gap:14px;margin-top:14px;align-items:stretch}.form-panel{min-width:0}.panel-heading{display:flex;align-items:center;gap:10px;margin:0;background:linear-gradient(90deg,#24225a,#101a3a);border-bottom:1px solid #384a87;padding:15px 18px;font:800 19px 'Outfit',sans-serif;color:#f1e7ff}.heading-icon{font-size:21px;line-height:1}.heading-secondary{font-size:12px;color:#b5a6e9;font-weight:500;margin-left:4px}.panel-body{padding:18px}.panel-body label{display:block;color:#d8e1ff;font-size:12px;font-weight:800;margin-bottom:7px;margin-top:14px}.panel-body label:first-child{margin-top:0}.label-note{color:#9caed2;font-weight:500}.input-shell{display:flex;align-items:center;gap:10px;background:#0a132a;border:1px solid #415281;border-radius:8px;padding:0 12px;height:43px;min-width:0}.input-shell:focus-within{border-color:#aa80ff;box-shadow:0 0 0 3px #7c60fd24}.input-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:800 15px 'Nunito Sans',sans-serif;height:100%;font-variant-numeric:tabular-nums}.input-shell input::placeholder{color:#7285b2}.prefix-symbol{font-size:16px}.input-unit{font-size:11px;color:#a4b5dc;font-weight:800}.hint,.conversion{color:#a7c7f4;font-size:11px;margin-top:7px}.conversion{color:#bfb4fa;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.segmented button,.memory-options button{border:1px solid #3f5082;background:#111b38;color:#e3dffa;border-radius:8px;font-weight:900;height:40px}.segmented button.selected,.memory-options button.selected{border-color:#92afff;background:linear-gradient(160deg,#4464f5,#3932bb);box-shadow:0 0 14px #465cff78;color:#fff}.item-price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 18px;border-bottom:1px solid #2f4070}.item-price span{font-weight:800}.item-price strong{text-align:right;font:900 24px Outfit}.item-price small{display:block;font:600 11px 'Nunito Sans';color:#adbce3}.memory-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.memory-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px;margin-top:17px;background:#1a2755;border-radius:10px;padding:13px}.memory-result span{font-size:12px;font-weight:700}.memory-result strong{font:900 19px Outfit;color:#d9b7ff}.memory-result small{grid-column:2;color:#c1c9e9;text-align:right}.tiny-help{color:#9ca9ce;font-size:11px;margin:12px 0 0}.held-block+.held-block{border-top:1px solid #405080;margin-top:19px;padding-top:16px}.held-heading{font:900 16px Outfit;color:#f5d3aa}.y-block .held-heading{color:#97d1ff}.held-heading small{font-size:11px;font-weight:500;color:#b3bde1;margin-left:3px}.panel-body select{height:43px;width:100%;border-radius:8px;color:#eff3ff;padding:0 11px;background:#0b142c;border:1px solid #435381;outline:0}.tier-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.tier-field label{font-size:11px;margin:0 0 5px}.tier-field input{width:100%;height:36px;border-radius:7px;border:1px solid #455887;background:#0a1329;color:#fff;padding:0 10px;font-variant-numeric:tabular-nums}.tier-equivalent{display:block;font-size:10px;color:#a9bff0;margin-top:4px}.held-total{background:#1b2857;border:1px solid #344a88;border-radius:9px;padding:11px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:2px}.held-total span{font-size:11px;font-weight:700;color:#c5cef0}.held-total strong{font:800 16px Outfit}.held-total small{grid-column:2;color:#b1cbfd;text-align:right}.training-panel{grid-column:span 2}.attack-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.attack-inputs label{margin-top:0}.training-progress{display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-size:12px;color:#d4deff}.progress-track{height:13px;border-radius:99px;background:#081026;margin-top:8px;overflow:hidden;border:1px solid #3b417c}.progress-track>div{width:0;height:100%;background:linear-gradient(90deg,#5666fc,#a56bff);box-shadow:0 0 20px #8463ff;transition:width .15s}.training-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.stat-card{background:#172348;border:1px solid #45578d;border-radius:10px;padding:13px 9px;text-align:center;min-width:0}.stat-card span{display:block;color:#c8d2f5;font-size:11px;line-height:1.4;min-height:31px}.stat-card strong{display:block;font:900 clamp(17px,2vw,24px) Outfit;margin-top:7px;overflow-wrap:anywhere}.stat-card small{display:block;color:#b6d5ff;font-size:10px;margin-top:3px}.training-info{border-radius:9px;background:linear-gradient(90deg,#382d7a,#202057);border:1px solid #7059dd;padding:12px 15px;margin-top:15px;font-size:12px;color:#ece2ff}.method-note{font-size:10px;color:#9aa9c9;margin:10px 0 0}.extras-panel{position:relative}.extras-decoration{font-size:42px;color:#b880ff;opacity:.5;text-align:center;padding:34px 0 4px;text-shadow:0 0 18px #ca88fa}.detail-section{margin-top:14px}.table-scroll{overflow-x:auto;padding:0 14px 13px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left}thead tr{background:#1c2a4d}thead th{padding:9px 13px;color:#d7e6ff}tbody td{padding:9px 13px;border-bottom:1px solid #253257}thead th:nth-child(n+2),tbody td:nth-child(n+2),tfoot th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#121c39}tfoot tr{background:#19254d}tfoot th{padding:12px 13px;color:#ffd28e;font:900 17px Outfit}tfoot th:last-child{color:#8ed7ff}.share-section{margin-top:12px;padding:13px 15px 16px}.share-title{display:flex;justify-content:space-between;gap:12px;font:900 15px Outfit;margin-bottom:9px}.share-hint{font:600 11px 'Nunito Sans';color:#afbde0}.share-action{display:grid;grid-template-columns:1fr auto;gap:10px}.share-copy{background:#080f29;border:1px solid #4b5995;border-radius:9px;padding:12px;font:700 12px/1.6 'Nunito Sans';overflow-wrap:anywhere;color:#e1eafe;align-content:center}.share-action button{border:1px solid #b9a7ff;color:#fff;font:900 13px Outfit;border-radius:9px;background:linear-gradient(135deg,#865dfe,#4657e9);padding:0 17px;min-height:47px;box-shadow:0 0 12px #4b50fa66}.share-action button:hover{filter:brightness(1.1)}footer{border-top:1px solid #434185;margin-top:20px;display:flex;justify-content:space-between;gap:15px;padding:17px 5px;color:#b3c2e8;font-size:11px}footer strong{color:#e2cbff}footer div:first-child strong{font:900 16px Outfit;margin-right:12px}
@media(max-width:1100px){.hero-content{max-width:60%}.ditto-art{right:0;width:400px;opacity:.75}.credit-card{top:10px;right:10px}.main-grid{grid-template-columns:1fr 1fr}.training-panel{grid-column:1 / -1}.extras-panel{grid-column:1 / -1}.overview{grid-template-columns:1fr 1fr}.overview-break{grid-column:1 / -1;margin:0 12px 12px}.overview-total{border-bottom:1px solid #4c558d}.overview-total.second{border-right:0}}
@media(max-width:700px){.site{padding:10px 10px 30px}.hero{min-height:205px;padding:23px 16px}.hero-content{max-width:100%}.hero h1{font-size:38px}.hero p{font-size:12px;max-width:280px}.ditto-art{height:140px;width:260px;right:-45px;bottom:0;opacity:.42}.credit-card{display:none}.overview{grid-template-columns:1fr}.overview-total,.overview-total.second{padding:17px 20px;border-right:0}.overview-total.second{border-bottom:1px solid #4c558d}.big-value{font-size:32px}.main-grid{grid-template-columns:1fr}.training-panel,.extras-panel{grid-column:auto}.attack-inputs{gap:10px}.training-stats{grid-template-columns:1fr 1fr}.share-action{grid-template-columns:1fr}.share-action button{padding:13px}.share-title{display:block}.share-hint{display:block;margin-top:3px}footer{flex-direction:column}.panel-heading{font-size:17px}}
@media(max-width:350px){.hero h1{font-size:32px}.panel-body{padding:13px}.memory-options{gap:3px}.memory-options button{height:35px}.tier-fields{grid-template-columns:1fr}}

/* Language picker */
.lang-switch{display:flex;justify-content:flex-end;gap:6px;padding:0 2px 10px}.lang-switch button{border:1px solid #514991;background:#141735;color:#bfc7eb;border-radius:999px;padding:7px 13px;font:800 12px Outfit;cursor:pointer;transition:background .15s,border-color .15s}.lang-switch button.active{background:linear-gradient(125deg,#7f61ef,#3753b7);border-color:#9e96ff;color:white}.lang-switch button:focus-visible{outline:2px solid #90d6ff;outline-offset:2px}@media(max-width:450px){.lang-switch{justify-content:center}.lang-switch button{padding:6px 11px;font-size:11px}}