:root{--green:#58cc02;--green-dark:#46a302;--ink:#3c4c38;--muted:#849776;--border:#e3eadb;--paper:#fcfdf9;--shadow:#e7edde}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 ui-rounded,"SF Pro Rounded","PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:#52952c;text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #65b5df}button{cursor:pointer}h1,h2,h3,p{margin:0}img{max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;background:#fff;padding:10px 20px;z-index:100;border:2px solid var(--green);border-radius:12px}.skip-link:focus{top:12px}.site-header{height:85px;background:#fff;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{max-width:1180px;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#52b700;font-size:24px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-icon{width:37px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--green);box-shadow:0 4px 0 #45a400;color:#fff;transform:rotate(-7deg);font-size:28px}.brand-dot{color:#f3c62d;margin-left:-8px}.back-home{padding:7px 13px;border:2px solid var(--border);border-bottom-width:4px;border-radius:12px;font-size:12px;font-weight:750;color:var(--muted);white-space:nowrap}.back-home:hover{background:#f5faef;text-decoration:none;border-color:#bddc9e}.back-home span{margin-left:9px;color:#6caf3a}.tool-main{max-width:1180px;padding:24px 24px 0;margin:auto;min-height:calc(100vh - 180px)}.breadcrumb{display:flex;gap:12px;align-items:center;color:#96a489;font-size:11px;margin-bottom:22px}.breadcrumb>span:last-child{color:#718860}.tool-heading{display:flex;align-items:center;gap:27px;margin:0 0 32px}.game-cover{width:164px;height:100px;padding:10px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-cover img{width:auto;height:auto;max-height:80px;object-fit:contain}.heading-copy{min-width:0}.english{color:#8fa27f;font-size:11px;letter-spacing:1.2px;margin-bottom:4px}.tool-heading h1{font-size:29px;font-weight:850;line-height:1.4;letter-spacing:-.6px}.tool-description{font-size:13px;color:var(--muted);margin-top:8px}.tool-content{display:grid;gap:27px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.guide-card,.cta-tile{min-width:0;position:relative;border:2px solid var(--border);border-radius:19px;box-shadow:0 4px 0 var(--shadow);background:#fff;padding:23px 23px 22px}.step-number,.cta-icon{display:grid;place-items:center;width:34px;height:35px;margin-bottom:16px;background:#eff9e3;border:1px solid #dcf0ca;border-radius:11px;color:#75b444;font-size:13px;font-weight:850;letter-spacing:.5px}.guide-copy{font-size:14px;font-weight:700;line-height:1.85;margin-bottom:11px;overflow-wrap:anywhere}.guide-copy:last-child{margin-bottom:0}.guide-copy a{display:block;font-weight:500;font-size:12px;margin-top:8px}.guide-card br{display:none}.guide-card .guide-copy:has(+br){margin-bottom:16px}.guide-card .guide-copy[style]{color:var(--green-dark)}.guide-card button{margin-top:5px}.panel{background:#fff;border:2px solid var(--border);border-radius:19px;box-shadow:0 4px 0 var(--shadow);padding:25px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;margin-bottom:21px;border-bottom:1px solid #edf1e8}.panel-heading h2,.result-panel>h2{font-size:18px;line-height:1.5;font-weight:800;letter-spacing:-.3px}.field-count{font-size:10px;font-weight:650;color:#92a280;border:1px solid #e0e9d6;background:#f5f9ef;padding:2px 9px;border-radius:7px;white-space:nowrap}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}.settings-panels{display:grid;gap:22px;min-width:0}.section-nav{position:sticky;top:109px;display:grid;gap:4px;max-height:calc(100vh - 130px);overflow-y:auto;padding:7px 12px 12px 0;scrollbar-width:thin;scrollbar-color:#d4e4c7 transparent}.nav-heading{font-size:10px;letter-spacing:1px;color:#a0af92;font-weight:700;padding:0 13px 9px}.section-nav a{font-size:12px;color:#839773;padding:9px 13px;border-radius:10px;line-height:1.4;transition:background .15s}.section-nav a:hover,.section-nav a:focus-visible{color:#5d9e30;background:#eef7e4;text-decoration:none}.section-nav a[href="#export"]{color:#5c9d32;font-weight:750;background:#f1f8e9;margin-top:9px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.parameter{margin:0;min-width:0;display:flex;flex-direction:column;gap:9px}.parameter label{display:block;width:auto;font-size:12px;line-height:1.75;color:#718762;font-weight:650;overflow-wrap:anywhere}.parameter input:not([type="checkbox"]),.parameter select,.parameter textarea,.input-group-container input:not([type="checkbox"]){width:100%;min-width:0;max-width:100%;height:43px;padding:9px 12px;border:2px solid #e3eadb;border-radius:11px;background:#fafcf7;color:#4f6543;line-height:1.4;margin:0;transition:border-color .15s,box-shadow .15s}.parameter input:hover,.parameter select:hover{border-color:#c6d9b5}.parameter input:focus,.parameter select:focus,.input-group-container input:focus{outline:none;border-color:#9ccb74;box-shadow:0 0 0 3px #9acb7420;background:#fff}.parameter input[type="checkbox"]{width:23px;height:23px;accent-color:var(--green);cursor:pointer;flex-shrink:0;margin:0}.check-field{flex-direction:row;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #e6eddc;border-radius:12px;background:#fafcf7;gap:15px;min-height:76px}.check-field label{cursor:pointer}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;padding:4px 0 2px;scroll-margin-top:110px}.action-bar button,.guide-card button,button,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:auto;min-height:44px;padding:10px 18px;border:2px solid var(--green);border-bottom:5px solid #48aa00;border-radius:12px;background:var(--green);box-shadow:none;color:#fff;font-size:12px;font-weight:800;text-align:center;line-height:1.7;white-space:normal;overflow-wrap:anywhere;transition:transform .12s,background .12s;margin:0}.action-bar button:hover,.guide-card button:hover,button:hover,.primary-btn:hover{background:#61d70b;border-top-color:#61d70b;border-left-color:#61d70b;border-right-color:#61d70b;transform:translateY(-1px);text-decoration:none;box-shadow:none;color:#fff}.action-bar button:active,.guide-card button:active,button:active,.primary-btn:active{transform:translateY(2px)}.action-bar button+button:not(#bigBrawlRandomButton){background:#fff;color:#7b9865;border-color:#e0e9d5;border-bottom-color:#d8e4ca}.action-bar button+button:not(#bigBrawlRandomButton):hover{background:#f5faee}.instructions{box-shadow:none;background:#f7faef;border-color:#e5eddc}.instructions h2{font-size:15px;margin-bottom:14px}.instructions h3{font-size:12px;line-height:2.2;font-weight:500;color:#7b8f6b;overflow-wrap:anywhere}.site-footer{display:flex;gap:18px;align-items:center;max-width:1132px;margin:36px auto 0;padding:23px 0 26px;border-top:2px solid var(--border);font-size:11px;color:#a2af96}.site-footer>a:first-child{font-weight:850;color:#8ea47a;font-size:14px}.site-footer>a:first-child span{color:#a5c47c}.site-footer .to-top{margin-left:auto;color:#8ca17a}.site-footer p{margin:0}.cta-tile{display:flex;flex-direction:column;gap:12px;text-align:left}.cta-icon{margin-bottom:2px}.cta-title{font-size:16px;font-weight:800;line-height:1.7}.cta-desc{font-size:12px;color:var(--muted);margin-bottom:10px}.cta-tile .primary-btn{margin-top:auto;align-self:start}.input-group-container{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;text-align:left;margin:0;width:auto}.input-group-container .panel-heading{grid-column:1/-1;margin:0}.input-group1,.input-group2,.input-group3{width:auto;margin:0;min-width:0}.input-group1{grid-column:1/-1}.input-group-container label{display:block;font-size:12px;color:#7a8f69;font-weight:650;margin-bottom:9px}.input-with-switch{display:flex;gap:17px;align-items:center}.input-with-switch>input{flex:1}.switch-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:5px}.switch-container .switch-label{font-size:10px;margin:0;white-space:nowrap;color:#8da17c}.switch-container .switch{position:relative;width:43px;height:25px;margin:0;display:block}.switch input{opacity:0;position:absolute;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.slider{position:absolute;inset:0;background:#dce5d3;border-radius:20px;transition:background .15s}.slider:before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 2px 0 #bbcfaa;transition:transform .15s}input:checked+.slider{background:var(--green)}input:checked+.slider:before{transform:translateX(18px);box-shadow:0 2px 0 #44aa00}input:focus-visible+.slider{outline:3px solid #65b5df;outline-offset:4px}.input-group3>input{margin-top:0}.section-hint{font-size:11px;color:#a2b190}.btn-space{margin:0;width:auto}.result-panel>h2{margin-bottom:20px}.empty-state{padding:30px 15px 35px;text-align:center;color:#a1b18f;font-size:13px}.result-panel:has(tbody tr) .empty-state{display:none}.result-panel:not(:has(tbody tr)) .table-scroll{display:none}.table-scroll{max-width:100%;overflow:auto;border:1px solid #e5ecde;border-radius:12px;scrollbar-width:thin}#heroTable{width:100%;border-collapse:collapse;margin:0;font-size:12px;line-height:1.9}#heroTable th,#heroTable td{padding:14px 16px;border:1px solid #e2e9db;text-align:center;white-space:nowrap;color:#4d6341}#heroTable th{background:#f1f8e7;font-size:12px;font-weight:750}#heroTable thead tr:first-child th{background:#eaf7d9;color:#699e42;padding:13px}#heroTable tbody td:first-child{font-weight:800}#heroTable tbody tr:hover{filter:brightness(.98)}#overlay{display:none;position:fixed;inset:0;width:100%;height:100%;background:#253e2866;backdrop-filter:blur(3px);justify-content:center;align-items:center;z-index:100}#overlay img{max-width:min(80vw,480px);max-height:85vh;object-fit:contain;border:8px solid #fff;border-radius:18px}#popupImage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;max-width:min(80vw,480px);max-height:85vh;border:8px solid #fff;border-radius:18px;z-index:101;object-fit:contain}
@media(min-width:1000px){.guide-grid:has(>.guide-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.settings-layout{grid-template-columns:155px minmax(0,1fr);gap:18px}.panel{padding:21px}.field-grid{gap:20px}.site-footer{margin-left:24px;margin-right:24px}}
@media(max-width:760px){html{scroll-padding-top:90px}.settings-layout{display:block}.section-nav{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin-bottom:22px;overflow:visible}.section-nav .nav-heading{display:none}.section-nav a{border:1px solid #e0e9d5;background:#f7faef;font-size:11px;padding:6px 10px}.section-nav a[href="#export"]{margin:0}.game-cover{width:130px}.tool-heading{gap:22px}.tool-heading h1{font-size:26px}.tool-description{font-size:12px}.guide-grid{gap:18px}.tool-main{padding-top:21px}.guide-card{padding:20px}.input-group-container{grid-template-columns:1fr}.input-group-container .panel-heading,.input-group1{grid-column:auto}}
@media(max-width:560px){.site-header{height:73px}.header-inner{padding:0 20px;gap:12px}.brand{font-size:20px;gap:8px;letter-spacing:-.9px}.brand-icon{width:31px;height:33px;border-radius:10px;font-size:24px}.back-home{font-size:10px;padding:6px 9px}.back-home span{margin-left:5px}.tool-main{padding:20px 20px 0}.breadcrumb{font-size:10px;gap:8px;margin-bottom:24px}.tool-heading{align-items:flex-start;gap:18px;margin-bottom:26px;flex-direction:column}.game-cover{width:auto;height:66px;padding:0;justify-content:flex-start}.game-cover img{max-height:65px;max-width:190px}.tool-heading h1{font-size:26px}.tool-description{line-height:1.9;margin-top:8px}.english{font-size:10px;margin-bottom:5px}.tool-content{gap:24px}.panel,.guide-card,.cta-tile{border-radius:17px;padding:21px}.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-copy{font-size:13px}.guide-copy a{font-size:12px}.field-grid{grid-template-columns:minmax(0,1fr);gap:21px}.panel-heading{padding-bottom:15px;margin-bottom:21px}.panel-heading h2,.result-panel>h2{font-size:17px}.parameter label{font-size:12px}.parameter input:not([type="checkbox"]),.parameter select,.input-group-container input:not([type="checkbox"]){font-size:16px;height:45px;padding:9px 11px}.check-field{min-height:58px}.action-bar{gap:11px}.action-bar button{flex:1 1 100%;font-size:12px;min-height:46px}.input-group-container .panel-heading{display:block}.section-hint{display:block;margin-top:5px}.input-with-switch{gap:12px}.switch-container .switch-label{font-size:9px}.input-group-container{gap:22px}.section-nav{gap:7px}.site-footer{margin:29px 20px 0;padding:19px 0 24px;gap:10px;font-size:9px;flex-wrap:wrap}.site-footer>a:first-child{font-size:12px}.site-footer .to-top{font-size:10px}.instructions h3{font-size:12px}.table-scroll{margin:0 -6px}#heroTable td,#heroTable th{padding:12px}.empty-state{font-size:12px;padding:25px 3px}.cta-tile .primary-btn{align-self:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-icon svg{display:block;width:28px;height:28px}@media(max-width:560px){.brand-icon svg{width:24px;height:24px}}