*,*:before,*:after{box-sizing:border-box}:root{--black: #000;--white: #fff;--yellow: #FFD700;--yellow-pale: #FFFDE7;--red: #C62828;--blue: #1565C0;--green: #2E7D32;--border: 3px solid #000;--shadow: 4px 4px 0 #000;--shadow-lg: 6px 6px 0 #000;--shadow-sm: 2px 2px 0 #000;--radius: 2px}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Comic Neue,Comic Sans MS,cursive;font-size:16px;line-height:1.5;color:var(--black);background-color:#ffd54f;background-image:radial-gradient(circle,rgba(0,0,0,.18) 1.5px,transparent 1.5px);background-size:14px 14px;min-height:100vh}h1,h2,h3,h4{font-family:Bangers,cursive;letter-spacing:2px;margin:0}button{font-family:inherit;cursor:pointer}ul{list-style:none;margin:0;padding:0}.toolbar{background:#000000d1;color:#ccc;font-family:Figtree,sans-serif;font-size:.72rem;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:5px 14px;letter-spacing:.5px}.toolbar-link{color:#c2fe35;text-decoration:none;transition:color .15s}.toolbar-link:hover{color:gold}.toolbar-sep{color:#555}.app{max-width:1080px;margin:0 auto;padding:20px 16px 40px}.app-header{background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);margin-bottom:20px;overflow:hidden}.header-stripe{height:8px;background:repeating-linear-gradient(90deg,var(--red) 0px,var(--red) 25px,var(--yellow) 25px,var(--yellow) 50px,var(--blue) 50px,var(--blue) 75px,var(--white) 75px,var(--white) 100px);border-bottom:2px solid var(--black)}.header-stripe+.header-inner+.header-stripe{border-bottom:none;border-top:2px solid var(--black)}.header-inner{text-align:center;padding:28px 20px 24px}.header-stars{font-size:1.3rem;color:var(--yellow);-webkit-text-stroke:1px var(--black);text-stroke:1px var(--black);margin:6px 0;letter-spacing:8px}.app-title{display:block;line-height:1;margin:8px 0}.title-top{display:block;font-size:clamp(2.8rem,9vw,5.5rem);letter-spacing:4px;color:var(--black)}.title-bottom{display:block;font-size:clamp(2.8rem,9vw,5.5rem);letter-spacing:4px;color:var(--red);-webkit-text-stroke:1px var(--black);text-stroke:1px var(--black);text-shadow:-3px 0 var(--white),-6px 0 rgba(0,0,0,.1),-9px 0 rgba(0,0,0,.05)}.app-subtitle{font-size:1rem;color:#444;margin:10px 0 0}.app-subtitle em{color:#888;font-size:.85rem}.step-indicator{display:flex;align-items:center;justify-content:center;background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:12px 16px;margin-bottom:20px;gap:4px;flex-wrap:wrap}.step-item{display:flex;align-items:center;gap:8px;opacity:.38;transition:opacity .2s}.step-item.active{opacity:1}.step-item.done{opacity:.75}.step-circle{width:34px;height:34px;border:3px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-size:1.1rem;background:var(--white);flex-shrink:0;transition:background .2s}.step-item.active .step-circle{background:var(--yellow)}.step-item.done .step-circle{background:var(--black);color:var(--white)}.step-label{font-family:Bangers,cursive;font-size:.85rem;letter-spacing:1px}.step-arrow{font-family:Bangers,cursive;font-size:1.2rem;padding:0 6px;opacity:.4}.panel{background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);padding:28px 24px;margin-bottom:0}.panel-header{text-align:center;margin-bottom:28px}.panel-header h2{font-size:clamp(1.8rem,5vw,3rem);letter-spacing:3px;margin:8px 0 6px}.panel-header p{color:#555;font-size:.9rem;margin:0}.action-word{display:inline-block;font-family:Bangers,cursive;font-size:1.5rem;letter-spacing:3px;padding:3px 18px;border:3px solid var(--black);box-shadow:var(--shadow-sm)}.action-word--yellow{background:var(--yellow);color:var(--black);transform:rotate(-3deg)}.action-word--blue{background:var(--blue);color:var(--white);transform:rotate(2deg)}.action-word--red{background:var(--red);color:var(--white);transform:rotate(-2deg);font-size:1.9rem}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-bottom:24px}.role-card{background:var(--white);border:2px solid var(--black);box-shadow:var(--shadow-sm);border-radius:var(--radius);padding:14px 10px 10px;cursor:pointer;text-align:center;position:relative;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none;outline:none}.role-card:hover,.role-card:focus-visible{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.role-card:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.role-card--selected{background:#fffde7;border-color:var(--black);border-width:3px}.role-emoji{font-size:2.5rem;line-height:1;display:block;margin-bottom:6px}.role-name{font-family:Bangers,cursive;font-size:1rem;letter-spacing:1px;line-height:1.2}.role-desc{font-size:.64rem;color:#666;font-style:italic;margin-top:4px;line-height:1.3}.count-badge{position:absolute;top:-10px;right:-10px;width:27px;height:27px;background:var(--red);color:var(--white);border:2px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-size:1rem;z-index:1}.remove-btn{position:absolute;bottom:4px;right:4px;width:22px;height:22px;background:var(--red);color:var(--white);border:2px solid var(--black);border-radius:var(--radius);font-size:1.1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .1s}.remove-btn:hover{transform:scale(1.15)}.team-summary{border:2px dashed var(--black);padding:14px 16px;margin-bottom:24px;background:#fffde7}.team-summary-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.summary-label{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1px}.summary-badge{background:var(--black);color:var(--yellow);font-family:Bangers,cursive;font-size:1rem;letter-spacing:1px;padding:2px 12px}.team-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--white);border:2px solid var(--black);padding:3px 10px;font-size:.78rem;font-weight:700;white-space:nowrap}.panel-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}.hint{width:100%;text-align:center;font-size:.8rem;color:#999;font-style:italic;margin:4px 0 0}.btn{font-family:Bangers,cursive;font-size:1.3rem;letter-spacing:2px;border:3px solid var(--black);padding:10px 26px;transition:transform .1s,box-shadow .1s;cursor:pointer;box-shadow:var(--shadow);border-radius:var(--radius);text-decoration:none;display:inline-block}.btn--primary{background:var(--yellow);color:var(--black)}.btn--secondary{background:var(--white);color:var(--black)}.btn--share{background:var(--blue);color:var(--white)}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:var(--shadow-sm)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:24px}.preset-card{background:var(--white);border:3px solid var(--black);box-shadow:var(--shadow);padding:22px 18px;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative;text-align:center;border-radius:var(--radius);outline:none}.preset-card:hover,.preset-card:focus-visible{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.preset-card--selected{background:var(--preset-light, #FFFDE7);border-color:var(--preset-color, var(--yellow));border-width:4px}.selected-badge{position:absolute;top:-13px;right:14px;color:var(--white);font-family:Bangers,cursive;font-size:.95rem;letter-spacing:1px;padding:2px 10px;border:2px solid var(--black)}.preset-emoji{font-size:3rem;display:block;margin-bottom:8px;line-height:1}.preset-label{font-family:Bangers,cursive;font-size:2rem;letter-spacing:2px;display:block}.preset-tagline{font-style:italic;color:#666;font-size:.82rem;margin-bottom:16px;display:block}.preset-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;text-align:left}.preset-stats li{display:flex;align-items:center;gap:8px;font-size:.88rem}.stat-icon{font-size:1.1rem;flex-shrink:0}.preset-desc{font-size:.72rem;color:#555;border-top:1px dashed #bbb;padding-top:10px;font-style:italic;text-align:left}.transform-panel{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.transform-panel--visible{opacity:1;transform:translateY(0)}.preset-pill{display:inline-block;color:var(--white);font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:2px;padding:4px 18px;border:2px solid var(--black);margin-top:10px}.before-after{display:grid;grid-template-columns:1fr 80px 1fr;gap:12px;margin-bottom:28px;align-items:start}.team-column{border:2px solid var(--black);padding:16px;border-radius:var(--radius)}.team-column--legacy{background:#fafafa}.team-column--ai{background:#f1f8e9}.column-title{font-family:Bangers,cursive;font-size:1.3rem;letter-spacing:2px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--black);color:#444}.column-title--ai{color:var(--green)}.member-list{display:flex;flex-direction:column;gap:8px}.member-row{display:grid;grid-template-columns:28px 1fr 28px;align-items:start;gap:8px;padding:8px 10px;border:1px solid #ddd;background:var(--white);border-radius:var(--radius)}.member-row--legacy{opacity:.78}.member-row--ai{border-color:#a5d6a7}.member-row--reduced{background:#f9fbe7}.member-row--eliminated{opacity:.55;position:relative}.eliminated-stamp{position:absolute;top:50%;right:10px;transform:translateY(-50%) rotate(-8deg);font-family:Bangers,cursive;font-size:.85rem;letter-spacing:2px;color:var(--red);border:2px solid var(--red);padding:1px 7px;background:#ffffffd9;pointer-events:none}.member-emoji{font-size:1.3rem;line-height:1;padding-top:2px}.member-name{font-weight:700;font-size:.82rem;line-height:1.25}.member-subdesc{font-size:.67rem;color:#666;font-style:italic;margin-top:2px;line-height:1.35}.member-subdesc--ai{color:#388e3c}.tool-list{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.tool-tag{background:#e3f2fd;border:1px solid #90CAF9;font-size:.58rem;padding:1px 6px;font-weight:700;white-space:nowrap;border-radius:2px}.member-count{font-family:Bangers,cursive;font-size:1.8rem;line-height:1;text-align:center;padding-top:2px}.member-count--down{color:var(--green)}.count-arrow{display:block;font-size:.75rem;line-height:1;color:var(--green)}.column-total{margin-top:12px;padding-top:10px;border-top:2px solid var(--black);font-family:Bangers,cursive;font-size:1rem;letter-spacing:1px;display:flex;align-items:center;gap:8px}.column-total--ai{color:var(--green)}.reduction-pill{background:var(--green);color:var(--white);font-size:.85rem;padding:1px 8px;border:1px solid var(--black)}.transform-divider{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:48px;gap:6px}.zap-burst{font-size:2.8rem;line-height:1;animation:zapPulse 1.5s ease-in-out infinite}@keyframes zapPulse{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.25) rotate(5deg)}}.zap-label{font-family:Bangers,cursive;font-size:.75rem;letter-spacing:1px;text-align:center;line-height:1.2;writing-mode:vertical-rl;transform:rotate(180deg);color:#555}.stats-panel{background:var(--yellow-pale);border:3px solid var(--black);padding:20px 20px 16px;margin-bottom:20px}.stats-title{font-family:Bangers,cursive;font-size:1.7rem;letter-spacing:3px;text-align:center;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stat-card{background:var(--white);border:3px solid var(--black);box-shadow:var(--shadow);padding:16px 12px;text-align:center}.stat-icon-lg{font-size:2rem;display:block;margin-bottom:4px;line-height:1}.stat-num{font-family:Bangers,cursive;font-size:clamp(2.2rem,5vw,3.2rem);color:var(--accent, var(--red));line-height:1;display:block;-webkit-text-stroke:1px var(--black)}.stat-label{font-family:Bangers,cursive;font-size:.82rem;letter-spacing:2px;color:#333;display:block;margin:4px 0 2px}.stat-sub{font-size:.68rem;color:#777;font-style:italic}.source-line{font-size:.7rem;color:#888;font-style:italic;text-align:center;border-top:1px dashed #ccc;padding-top:10px;margin:0}.catch-panel{border:3px solid var(--black);margin-bottom:24px;overflow:hidden}.catch-header{background:var(--black);color:var(--yellow);font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:3px;padding:8px 16px;display:flex;align-items:center;gap:10px;justify-content:center}.catch-body{padding:18px 22px;font-size:.85rem;line-height:1.65;color:#333;background:var(--white)}.catch-body p{margin:0 0 14px}.catch-body p:last-of-type{margin-bottom:0}.catch-callout{background:#fffde7;border:2px solid var(--black);padding:12px 16px;font-weight:700;font-style:normal;font-size:.88rem;margin-top:14px}.app-footer{text-align:center;padding:24px 16px 4px;font-size:.72rem;color:#555;font-style:italic;line-height:1.6}.app-footer p{margin:4px 0}.footer-link{color:#555;text-decoration:underline}.footer-link:hover{color:#000}.sources-list{display:flex;flex-direction:column;gap:0}.source-section{padding:16px 0;border-bottom:1px dashed #ccc}.source-section:last-child{border-bottom:none}.source-rule{font-family:Bangers,cursive;font-size:1.05rem;letter-spacing:1px;margin-bottom:6px}.source-basis{font-size:.85rem;color:#333;margin:0 0 10px;line-height:1.55}.source-refs{display:flex;flex-direction:column;gap:4px}.source-ref{font-size:.78rem;color:#555}.source-ref-link{color:var(--blue);text-decoration:underline}.source-ref-link:hover{color:var(--red)}.source-ref-missing{color:#888;font-style:italic}.source-ref-org{color:#777}.source-ref-note{color:#c62828;font-size:.72rem;font-style:italic}@media (max-width: 720px){.panel{padding:18px 14px}.role-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.before-after{grid-template-columns:1fr}.transform-divider{flex-direction:row;justify-content:center;padding:8px 0}.zap-label{writing-mode:horizontal-tb;transform:none}.stats-grid,.preset-grid{grid-template-columns:1fr}.step-label{display:none}.step-arrow{padding:0 2px}}@media (max-width: 480px){.role-grid{grid-template-columns:repeat(3,1fr)}.role-desc{display:none}}