:root{--bg:#0c0a07;--bg-glow:#1a150d;--surface:#14110a;--surface-2:#1d1810;--border:#453a24;--border-strong:#6b5a35;--text:#e7ddc4;--note:#a3946f;--accent:#c9a44d;--accent-strong:#e4c36a;--danger:#a8402f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-serif:"Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.6}:root[data-theme=light]{--bg:#ece2c8;--bg-glow:#f6efdc;--surface:#f4ecd8;--surface-2:#faf5e8;--border:#c3b088;--border-strong:#a08a58;--text:#322917;--note:#7d6c46;--accent:#8a6c1f;--accent-strong:#6d5314;--danger:#96351f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(ellipse 120% 60% at 50% 0%, var(--bg-glow), var(--bg) 70%) fixed var(--bg);color:var(--text);overflow-wrap:break-word;margin:0}button,input,select{font:inherit;color:inherit}.app{max-width:60rem;padding:2.5rem max(1rem, env(safe-area-inset-left)) 6rem;margin:0 auto}.app-header{text-align:center;flex-direction:column;margin-bottom:3rem;display:flex;position:relative}.app-header h1{font-family:var(--font-serif);letter-spacing:.25em;color:var(--accent-strong);margin:0;font-size:1.75rem;font-weight:600}.fit-text{display:block;overflow:hidden}.fit-text>span{white-space:nowrap;display:inline-block}.app-header h1:after{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);width:min(12rem,70%);height:1px;margin:.75rem auto 0;display:block}.header-actions{order:-1;justify-content:flex-end;align-items:center;gap:.25rem;margin-bottom:.5rem;display:flex}.lang-toggle{letter-spacing:.08em;font-size:.75rem;font-weight:700}.label-note{color:var(--note);letter-spacing:.06em;font-size:.75rem;font-weight:700}.build{margin-bottom:3.5rem}.build-toolbar{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.card{background:var(--surface);border:1px solid var(--border-strong);position:relative;box-shadow:0 .5rem 2rem #00000040}.card:before{content:"";border:1px solid var(--border);pointer-events:none;position:absolute;inset:5px}.card-header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.25rem 2rem;display:grid}.card-body{grid-template-columns:1fr 1fr;gap:2.5rem;padding:1.5rem 2rem 2rem;display:grid}@media (width<=45rem){.card-body{grid-template-columns:1fr}}.build-name{width:100%;font-family:var(--font-serif);letter-spacing:.15em;background:0 0;border:none;border-bottom:1px dashed #0000;padding:.25rem 0;font-size:1.125rem}.build-name::placeholder{color:var(--note);opacity:.6}.build-name:hover,.build-name:focus{border-bottom-color:var(--border-strong);outline:none}.section-title{font-family:var(--font-serif);letter-spacing:.25em;color:var(--accent);align-items:center;gap:.75rem;margin:0 0 1rem;font-size:.9375rem;font-weight:600;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(to right, transparent, var(--border-strong), transparent);flex:1;height:1px}.class-row{margin-bottom:1.25rem}.attribute-row{grid-template-columns:4.5rem 1fr 4rem;align-items:center;gap:.75rem;padding:.4rem 0;display:grid}.button{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;cursor:pointer;background:0 0;padding:.4rem 1.25rem;font-size:.8125rem;font-weight:700;transition:background .15s,color .15s}.button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.button:disabled{opacity:.35;cursor:not-allowed}.button.ghost{border-color:var(--border-strong);color:var(--note)}.button.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:0 0}.button.danger{border-color:var(--danger);color:var(--danger)}.button.danger:hover:not(:disabled){background:var(--danger);color:#f4ecd8}.button.full{width:100%;padding-block:.85rem}.icon-button{color:var(--note);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;line-height:1}.icon-button:hover{color:var(--accent)}.help{color:var(--note);letter-spacing:.06em;cursor:help;white-space:nowrap;background:0 0;border:none;border-bottom:1px dotted;padding:0;font-size:.75rem;font-weight:700}.help:hover{color:var(--accent)}.number-input,.select{background:var(--surface-2);border:1px solid var(--border);width:100%;padding:.35rem .5rem}.number-input{text-align:right;appearance:textfield}.number-input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input:focus,.select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.slider{appearance:none;background:var(--border);cursor:pointer;width:100%;height:3px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:1px solid var(--border-strong);border-radius:50%;width:.9rem;height:.9rem}.slider::-moz-range-thumb{background:var(--accent);border:1px solid var(--border-strong);border-radius:50%;width:.9rem;height:.9rem}.level-display{justify-content:center;align-items:baseline;gap:.75rem;margin-bottom:1.25rem;display:flex}.level-display .value{font-family:var(--font-serif);color:var(--accent-strong);font-size:2.75rem;line-height:1}.stat-list{margin:0 0 1.75rem}.stat-row{border-bottom:1px dotted var(--border);align-items:baseline;gap:.75rem;padding:.4rem 0;font-size:.9375rem;display:flex}.stat-row .label-note{flex-shrink:0}.stat-row .value{font-variant-numeric:tabular-nums;margin-left:auto}.stat-sub{text-align:right;border-bottom:1px dotted var(--border);padding:.25rem 0 .4rem;font-size:.75rem}.optimal-classes{margin:0 0 1.75rem;padding:0;list-style:none}.optimal-classes li{border-bottom:1px dotted var(--border);align-items:baseline;gap:.5rem;padding:.3rem 0;font-size:.875rem;display:flex}.optimal-classes .value{font-variant-numeric:tabular-nums;margin-left:auto}.switch{cursor:pointer;align-items:center;display:inline-flex}.switch input{opacity:0;position:absolute}.switch-track{background:var(--border);border-radius:999px;width:2.25rem;height:1.25rem;transition:background .15s;display:block;position:relative}.switch-track:after{content:"";background:var(--surface);border-radius:50%;width:.95rem;height:.95rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(1rem)}.modal-overlay{height:100dvh;padding:2rem 1rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));z-index:10;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);flex-direction:column;width:min(40rem,100%);max-height:100%;display:flex}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal-header h2{font-family:var(--font-serif);letter-spacing:.2em;color:var(--accent);margin:0;font-size:1rem}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.5rem;overflow:auto}.modal-description{margin:0 0 1.5rem;font-size:.875rem}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;white-space:nowrap;color:var(--accent);letter-spacing:.1em;border-bottom:1px solid var(--border-strong);padding:.5rem;font-size:.75rem}.data-table td{white-space:nowrap;border-bottom:1px dotted var(--border);padding:.35rem .5rem}.data-table .numeric{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;width:1px}.note{color:var(--note)}.toast{left:50%;bottom:max(2rem, env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;padding:.5rem 1.5rem;font-size:.875rem;position:fixed;transform:translate(-50%)}.app-footer{text-align:center;color:var(--note);letter-spacing:.1em;margin-top:4rem;font-size:.75rem;line-height:1.8}.app-footer p{margin:0}@media (width<=30rem){.app{padding-top:1.75rem;padding-bottom:4rem}.app-header{margin-bottom:2rem}.app-header h1{letter-spacing:.15em}.card-header{padding:1rem 1.25rem}.card-body{gap:2rem;padding:1.25rem 1.25rem 1.5rem}.attribute-row{grid-template-columns:3.5rem 1fr 3rem;gap:.5rem}.section-title{letter-spacing:.12em}.modal-overlay{padding:1rem .75rem;padding-bottom:max(1rem, env(safe-area-inset-bottom))}.modal-header{padding:.75rem 1rem}.modal-body{padding:1rem}.level-display .value{font-size:2.25rem}}@media (pointer:coarse){.attribute-row{padding:.55rem 0}.slider{height:.35rem}.slider::-webkit-slider-thumb{width:1.4rem;height:1.4rem}.slider::-moz-range-thumb{width:1.4rem;height:1.4rem}.icon-button{min-width:2.75rem;min-height:2.75rem}.help{padding-block:.35rem}.switch-track{width:2.75rem;height:1.5rem}.switch-track:after{width:1.2rem;height:1.2rem}.switch input:checked+.switch-track:after{transform:translate(1.25rem)}}