:root{font-family:Comic Sans MS,Trebuchet MS,Segoe UI,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#101828}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background-color:#ffe066;background-image:radial-gradient(#fca311 1px,transparent 1px);background-size:14px 14px}#root{min-height:100vh}.app{width:min(1140px,100%);margin:0 auto;padding:.75rem 1rem 3rem;box-sizing:border-box;color:#1f2937;overflow-x:hidden}.app__header{margin-bottom:.7rem;background:#fff;border:4px solid #111827;border-radius:14px;padding:.7rem 1rem;box-shadow:6px 6px #111827;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem}.app h1{margin:0;line-height:1;text-align:center}.logo{font-family:Bangers,cursive;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:2px;color:#ffd60a;text-shadow:3px 3px 0 #e63946,6px 6px 0 #00000060;line-height:1;-webkit-text-stroke:2px #111827}.logo span{color:#f5edd6}@media(max-width:400px){.logo{font-size:1.4rem}}.app__nav{display:flex;align-items:center;gap:.4rem;width:100%;box-sizing:border-box}.app__nav-btn{flex-shrink:0;background:#fff;border:3px solid #111827;border-radius:.55rem;padding:.25rem .6rem;box-shadow:3px 3px #111827;font-size:1rem;font-weight:700;cursor:pointer;line-height:1;transition:box-shadow .1s,transform .1s}.app__nav-btn:hover:not(:disabled){box-shadow:1px 1px #111827;transform:translate(2px,2px)}.app__nav-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.app__nav-btn--today{font-size:.75rem;padding:.25rem .5rem}.app__summary{margin:0;color:#111827;font-size:.92rem;font-weight:700;display:block;width:100%;box-sizing:border-box;background:#fff;border:3px solid #111827;border-radius:.55rem;padding:.35rem .55rem;box-shadow:3px 3px #111827}.app__nav .app__summary{flex:1;width:auto;text-align:center}.app__header-spacer{min-height:1px}.app__header-actions{display:flex;justify-content:flex-end;gap:.5rem}.app__header-actions button{border:3px solid #111827;border-radius:.6rem;background:#8ecae6;color:#111827;padding:.45rem .7rem;font-size:.85rem;font-weight:700;cursor:pointer}.app__header-actions a{border:3px solid #111827;border-radius:.6rem;background:#8ecae6;color:#111827;padding:.45rem .7rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}.app__board{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;position:relative}.app__maincol{display:flex;flex-direction:column;gap:.75rem;min-width:0}.character-card__mode-select{display:flex;flex-direction:column;gap:.5rem}.character-card__mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.character-card__mode-buttons button{border:3px solid #111827;border-radius:.65rem;background:#ffb703;color:#111827;padding:.55rem .5rem;font-weight:700;cursor:pointer;font-size:.85rem}.character-card__mode-buttons button:hover{box-shadow:3px 3px #111827}.start-config{position:absolute;inset:0;z-index:5;background:#ffffffdb;border:4px solid #111827;border-radius:.9rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;box-shadow:8px 8px #111827}.start-config h2{margin:0}.start-config p{margin:.45rem 0 0;color:#374151}.start-config__buttons{margin-top:.9rem;display:grid;gap:.6rem}.start-config__buttons button{border:3px solid #111827;border-radius:.65rem;background:#ffb703;color:#111827;padding:.6rem .9rem;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cell{border:3px solid #111827;border-radius:.8rem;aspect-ratio:1 / 1;padding:.6rem;text-align:center;background:#fff;color:#111827;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.cell:hover{box-shadow:4px 4px #111827}.cell--filled{background:#86efac;border-color:#166534}.cell--success{background:#4ade80;border-color:#166534}.cell--error{background:#f87171;border-color:#991b1b}.cell__label{font-size:.8rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%}.cell__label-text{display:block;width:100%;text-align:center;line-height:1.2;white-space:pre-line;overflow-wrap:anywhere;text-wrap:wrap}.cell__icon{width:clamp(2rem,9vw,6rem);height:clamp(2rem,9vw,6rem);object-fit:contain;flex:0 0 auto}.cell__icon--marvel-hero{width:clamp(2rem,10vw,6.2rem);height:clamp(2rem,10vw,6.2rem)}.cell__icon--batrogues{width:clamp(2rem,12vw,7rem);height:clamp(2rem,12vw,7rem)}.cell__placement{margin-top:.6rem;font-size:.95rem;font-weight:600;animation:placement-in .28s ease-out}@keyframes placement-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app__side{display:grid;grid-template-rows:auto auto 1fr;gap:.75rem;height:100%;min-height:0}.dev-category-panel{background:#fff;border:4px solid #111827;border-radius:.9rem;padding:1rem;box-shadow:6px 6px #111827;min-height:0;display:flex;flex-direction:column}.dev-category-panel__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800;color:#475569}.dev-category-panel h2{margin:.3rem 0 0;font-size:1.1rem}.dev-category-panel__count{margin:.45rem 0 0;font-size:.9rem;font-weight:700;color:#374151}.dev-category-panel__list{margin-top:.85rem;display:grid;gap:.45rem;min-height:0;overflow-y:auto;padding-right:.15rem}.dev-category-panel__item{border:2px solid #111827;border-radius:.6rem;background:#f8fafc;padding:.6rem .7rem;display:grid;gap:.18rem}.dev-category-panel__item strong{font-size:.92rem;color:#111827}.dev-category-panel__item span{font-size:.78rem;font-weight:700;color:#475569}.dev-category-panel__empty{margin:0;color:#4b5563}.character-card,.controls{background:#fff;border:4px solid #111827;border-radius:.9rem;padding:1rem;box-shadow:6px 6px #111827}.side-stats{background:#fff;border:4px solid #111827;border-radius:.9rem;padding:1rem;box-shadow:6px 6px #111827;height:100%;min-height:0;display:flex;flex-direction:column}.side-stats h2{margin:0 0 .55rem;font-size:1rem}.side-stats__items{flex:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:.45rem}.side-stats__item{border:2px solid #111827;border-radius:.5rem;background:#f8fafc;display:grid;grid-template-rows:auto 1fr;text-align:center;padding:.42rem .35rem .3rem}.side-stats__item p{margin:0;font-size:.78rem;font-weight:700;color:#334155}.side-stats__item strong{align-self:center;justify-self:center;font-size:1.05rem;line-height:1;color:#111827}.character-card__count{margin:0;font-size:.9rem;font-weight:700;color:#374151;position:relative;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.character-card__penalty{color:#b91c1c;font-size:.72em;font-weight:800;animation:character-penalty-float .52s ease-out forwards}@keyframes character-penalty-float{0%{opacity:0;transform:translateY(6px) scale(.9)}30%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(1)}}.character-card__main{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.character-card__left{min-width:0;flex:1}.character-card__name{margin:0;font-size:1.35rem;font-weight:700}.character-card__empty{margin:0;color:#4b5563}.character-card__actions{margin-top:.65rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.character-card__skip{border:3px solid #111827;border-radius:.65rem;background:#ffb703;color:#111827;padding:.55rem .75rem;font-weight:700;cursor:pointer}.character-card__timer-circle{--timer-progress: 100%;width:72px;height:72px;border-radius:999px;display:grid;place-items:center;position:relative;background:conic-gradient(#dc2626 var(--timer-progress),#fee2e2 0);border:3px solid #991b1b;flex-shrink:0}.character-card__timer-circle:before{content:"";width:54px;height:54px;border-radius:999px;background:#fff;border:2px solid #ef4444;position:absolute}.character-card__timer-circle span{position:relative;z-index:1;font-size:.92rem;font-weight:800;color:#7f1d1d}.character-card__timer-circle--urgent{animation:timer-pulse .48s ease-in-out infinite}@keyframes timer-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.character-card__skip:disabled{opacity:.5;cursor:not-allowed}.controls{display:grid;gap:.65rem}.controls button{border:3px solid #111827;border-radius:.65rem;background:#8ecae6;color:#111827;padding:.7rem;font-weight:700;cursor:pointer}.controls button:disabled{opacity:.5;cursor:not-allowed}.controls__report{background:#dc2626!important;color:#fff!important;border-color:#7f1d1d!important}.controls__report:hover{box-shadow:3px 3px #7f1d1d}.report-modal__body{padding:1rem 1rem .5rem;display:flex;flex-direction:column;gap:.75rem}.report-modal__label{margin:0;font-weight:700;font-size:.92rem;color:#111827}.report-modal__reasons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.report-modal__reason{display:flex;align-items:center;gap:.5rem;border:2px solid #d1d5db;border-radius:.5rem;padding:.45rem .65rem;font-size:.88rem;font-weight:600;cursor:pointer;background:#f8fafc;transition:border-color .12s ease,background .12s ease}.report-modal__reason input{accent-color:#dc2626}.report-modal__reason--selected{border-color:#dc2626;background:#fef2f2}.report-modal__textarea{border:2px solid #d1d5db;border-radius:.5rem;padding:.5rem .65rem;font-size:.88rem;font-family:inherit;resize:vertical;color:#111827;width:100%;box-sizing:border-box}.report-modal__textarea:focus{outline:none;border-color:#dc2626}.report-modal__submit{background:#dc2626!important;color:#fff!important;border-color:#7f1d1d!important}.report-modal__submit:disabled{opacity:.5;cursor:not-allowed}.report-modal__thanks{margin:0;font-weight:700;color:#166534;background:#dcfce7;border:2px solid #86efac;border-radius:.5rem;padding:.65rem .8rem}.category-legend{background:#fff;border:3px solid #111827;border-radius:.8rem;box-shadow:4px 4px #111827;overflow:hidden;margin-top:1rem}.category-legend__toggle{width:100%;display:flex;align-items:center;gap:.5rem;background:#e0f2fe;border:none;border-radius:0;padding:.6rem .9rem;font-size:1rem;font-weight:700;color:#111827;cursor:pointer;text-align:left}.category-legend__toggle:hover{background:#bae6fd}.category-legend__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:3px solid #111827}.category-legend__item{padding:.85rem 1rem;border-right:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0;display:flex;flex-direction:column;gap:.2rem}.category-legend__item:nth-child(4n){border-right:none}.category-legend__label{font-size:1rem;color:#111827;line-height:1.2}.category-legend__desc{margin:0;font-size:.9rem;color:#475569;line-height:1.35}@media(max-width:960px){.category-legend__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-legend__item:nth-child(4n){border-right:2px solid #e2e8f0}.category-legend__item:nth-child(2n){border-right:none}}@media(max-width:500px){.category-legend__grid{grid-template-columns:1fr}.category-legend__item{border-right:none}}.failure-modal__backdrop{position:fixed;inset:0;background:#111827a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.failure-modal{width:min(860px,100%);max-height:88vh;overflow:auto;background:#fff;border:4px solid #111827;border-radius:1rem;padding:0;box-shadow:10px 10px #111827}.failure-modal--wide{width:min(1140px,100%)}.endgame-layout.endgame-layout--full{grid-template-columns:1fr}.failure-modal__header{background:#ffb703;border-bottom:4px solid #111827;padding:.9rem 1rem .8rem}.failure-modal__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700;color:#7f1d1d}.failure-modal h2{margin:.15rem 0 0;color:#111827;font-size:clamp(1.2rem,2vw,1.6rem)}.failure-modal__intro{margin:0;color:#374151;background:#f8fafc;border:2px solid #d1d5db;border-radius:.6rem;padding:.6rem .7rem;font-weight:700}.endgame-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.8rem;margin:.85rem 1rem .9rem;align-items:stretch}.endgame-layout__left{min-width:0;display:flex;flex-direction:column;gap:.65rem}.endgame-grids-row{display:flex;gap:.8rem;align-items:flex-start}.endgame-grids-row__col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.endgame-grids-row__col--message{justify-content:center}.endgame-grid-label{margin:0;font-size:.72rem;font-weight:700;text-align:center;color:#334155;text-transform:uppercase;letter-spacing:.06em}.endgame-mini-cell--solution{background:#e0e7ff;border-color:#3730a3}.endgame-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0}.endgame-stats{background:#fff;border:3px solid #111827;border-radius:.65rem;padding:.6rem;box-shadow:2px 2px #111827;height:100%;display:flex;flex-direction:column}.endgame-stats h3{margin:0 0 .55rem;font-size:.86rem}.endgame-stats__items{flex:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:.45rem}.endgame-stats__item{border:2px solid #111827;border-radius:.5rem;background:#f8fafc;display:grid;grid-template-rows:auto 1fr;text-align:center;padding:.42rem .35rem .3rem}.endgame-stats__item p{margin:0;font-size:.82rem;font-weight:700;color:#334155}.endgame-stats__item strong{align-self:center;justify-self:center;font-size:1.15rem;line-height:1;color:#111827}.endgame-mini-cell{border:3px solid #111827;border-radius:.55rem;padding:.34rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;text-align:center}.endgame-mini-cell h3{margin:0;font-size:.69rem;color:#334155}.endgame-mini-cell p{margin:.35rem 0 0;font-size:.73rem;font-weight:800;color:#0f172a;line-height:1.15}.endgame-mini-cell--hit{background:#86efac;border-color:#166534}.endgame-mini-cell--miss{background:#fca5a5;border-color:#991b1b}.failure-modal__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0 1rem 1rem}.failure-modal__cell{border:3px solid #111827;border-radius:.6rem;padding:.65rem;background:#fff;min-height:7.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:3px 3px #111827}.failure-modal__cell h3{margin:0;font-size:.8rem;color:#334155}.failure-modal__cell p{margin:.55rem 0 0;font-size:.9rem;font-weight:700;color:#111827;line-height:1.2}.failure-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem}.failure-modal button{border:3px solid #111827;border-radius:.65rem;background:#ffb703;color:#111827;padding:.55rem .8rem;font-weight:700;cursor:pointer;box-shadow:2px 2px #111827}.howto-body{padding:.85rem 1rem .5rem;display:flex;flex-direction:column;gap:.1rem}.howto-intro{margin:0 0 .65rem;font-size:.92rem;color:#374151;line-height:1.5;background:#fef9c3;border:2px solid #fde047;border-radius:.5rem;padding:.55rem .7rem}.howto-section{margin:.7rem 0 .25rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:800}.howto-list{margin:0 0 .25rem;padding:.2rem .2rem .2rem 1.2rem}.howto-list li{margin:.3rem 0;color:#1f2937;line-height:1.4;font-size:.9rem}@media(max-width:1100px){.app__board{grid-template-columns:1fr}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.failure-modal__grid,.endgame-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.endgame-layout{grid-template-columns:1fr}.start-config{position:static;margin-bottom:.75rem}.app__side{grid-template-rows:auto auto auto;height:auto}}@media(max-width:960px){.app__header{grid-template-columns:1fr}.app h1{order:1}.app__header-actions{order:2;justify-content:center;margin-top:.4rem}.app__header-spacer{display:none}}@media(max-width:720px){.app{padding:1rem .6rem 1.6rem}.app__header{padding:.55rem .7rem;border-width:3px;box-shadow:4px 4px #111827}.app h1{font-size:clamp(1.4rem,5.5vw,1.9rem)}.app__summary{font-size:.84rem;padding:.3rem .45rem}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.cell{padding:.28rem;border-width:2px}.cell__label{font-size:.68rem;gap:.12rem}.cell__icon{width:2.8rem;height:2.8rem}.cell__icon--marvel-hero{width:2.7rem;height:2.7rem}.cell__placement{margin-top:.22rem;font-size:.66rem;line-height:1.15}.character-card,.controls,.side-stats,.dev-category-panel{border-width:3px;box-shadow:4px 4px #111827;padding:.75rem}.character-card__name{font-size:1.1rem}.character-card__count{white-space:normal;font-size:.82rem}.character-card__timer-circle{width:60px;height:60px}.character-card__timer-circle:before{width:44px;height:44px}.character-card__timer-circle span{font-size:.8rem}.controls button,.failure-modal button,.start-config__buttons button,.app__header-actions button,.character-card__skip{font-size:.82rem;padding:.5rem .6rem}.failure-modal{width:100%;max-height:92vh}.endgame-layout{margin:.65rem .7rem .8rem;gap:.65rem}.failure-modal__grid,.endgame-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.endgame-grids-row{flex-direction:column}.failure-modal__actions{display:grid;grid-template-columns:1fr;padding:0 .7rem .7rem}}.app__footer{width:100%;background:#111827;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;box-sizing:border-box}.app__footer-links{display:flex;gap:.75rem;align-items:center}.app__footer-links a{color:#9ca3af;display:flex;align-items:center;transition:color .12s ease}.app__footer-links a:hover{color:#fff}.app__footer-legal{margin:0;font-size:.72rem;color:#6b7280;max-width:560px;line-height:1.45}.app__footer-actions{display:flex;gap:.5rem}.app__footer-btn{background:none;border:none;padding:.2rem .5rem;font-size:.72rem;color:#6b7280;cursor:pointer;border-radius:.35rem;transition:color .12s ease,background .12s ease}.app__footer-btn:hover{color:#fff;background:#ffffff14}@media(max-width:420px){.app{padding:.7rem .45rem 1.2rem}.grid{gap:.24rem}.cell{padding:.22rem}.cell__label{font-size:.62rem}.cell__placement{font-size:.6rem}}.cc__header{margin:-1rem -1rem .85rem;padding:.55rem 1rem;background:#ffb703;border-bottom:4px solid #111827;border-radius:.7rem .7rem 0 0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#111827}.cc-timer{display:flex;justify-content:center;position:relative;margin-bottom:.75rem}.cc-timer__badge{position:relative;border:4px solid #111827;border-radius:.9rem;box-shadow:5px 5px #111827;min-width:90px;text-align:center;padding:.35rem 1.1rem .3rem;transition:background .4s;z-index:1}.cc-timer__number{display:block;font-family:Bangers,cursive;font-size:3.8rem;letter-spacing:2px;line-height:1}.cc-timer__label{display:block;font-size:.62rem;font-weight:800;letter-spacing:.2em;opacity:.65;margin-top:-.1rem}.cc-timer--yellow .cc-timer__badge{background:#ffd60a;color:#111827}.cc-timer--orange .cc-timer__badge{background:#f97316;color:#111827}.cc-timer--red .cc-timer__badge{background:#dc2626;color:#fff}.cc-timer--yellow .cc-timer__number,.cc-timer--orange .cc-timer__number{-webkit-text-stroke:2px #111827;text-shadow:3px 3px 0 rgba(0,0,0,.15)}.cc-timer--red .cc-timer__number{-webkit-text-stroke:2px #7f1d1d;text-shadow:3px 3px 0 rgba(0,0,0,.3)}.cc-timer--urgent .cc-timer__badge:before{content:"";position:absolute;inset:-18px;border-radius:50%;background:repeating-conic-gradient(rgba(220,38,38,.18) 0deg 7deg,transparent 7deg 14deg);z-index:-1;animation:speedlines-spin 4s linear infinite}.cc-timer--urgent .cc-timer__badge{animation:comic-shake .45s ease-in-out infinite}@keyframes speedlines-spin{to{transform:rotate(360deg)}}@keyframes comic-shake{0%,to{transform:rotate(-1deg)}25%{transform:rotate(1.5deg) scale(1.03)}75%{transform:rotate(-1.5deg)}}.cc__reveal-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.cc__reveal-row .cc-timer__number{font-size:2.8rem}.cc__reveal-row .cc-timer__badge{min-width:72px;padding:.25rem .75rem .2rem;box-shadow:4px 4px #111827}.cc__reveal-row .cc-timer{margin-bottom:0;flex-shrink:0}.cc__reveal{opacity:0;transform:translateY(5px);transition:opacity .2s ease-out,transform .2s ease-out;flex:1;min-width:0}.cc__reveal--in{opacity:1;transform:translateY(0)}.cc__card-number{font-size:.7rem;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.1rem}.cc__deck-info{margin-bottom:.75rem}.cc__deck-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#374151;margin-bottom:.35rem}.cc__deck-count{position:relative;display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.78rem;text-transform:none;letter-spacing:0}.cc__deck-bar{height:8px;background:#f3f4f6;border:2px solid #111827;border-radius:4px;overflow:hidden}.cc__deck-bar-fill{height:100%;background:#ffb703;border-radius:2px;transition:width .4s ease}.cc__deck-bar-fill--danger{background:#dc2626}.cc__skip-cost{font-size:.78em;font-weight:700;opacity:.65;margin-left:.15rem}.cc__setup-hint{margin:0 0 .65rem;font-size:.88rem;color:#475569;font-weight:600}.cc__setup-modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.65rem}.cc__mode-btn{border:3px solid #111827;border-radius:.65rem;background:#fff;color:#111827;padding:.7rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.18rem;cursor:pointer;transition:box-shadow .1s,transform .1s,background .1s}.cc__mode-btn:hover{background:#ffb703;box-shadow:3px 3px #111827;transform:translate(-1px,-1px)}.cc__mode-icon{font-size:1.4rem;line-height:1}.cc__mode-label{font-weight:800;font-size:.85rem}.cc__mode-desc{font-size:.68rem;font-weight:600;color:#6b7280}.cc__mode-btn:hover .cc__mode-desc{color:#374151}.cc__setup-tip{font-size:.76rem;font-weight:700;color:#6b7280;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.45rem;padding:.45rem .6rem;margin:0}.cc--empty .cc__empty-msg{color:#4b5563;font-weight:600;margin:.5rem 0 0}@media(max-width:720px){.cc__header{margin:-.75rem -.75rem .65rem}}.share-panel{margin-top:.75rem;padding:.75rem;background:#f9fafb;border:2px solid #111827;border-radius:.55rem}.share-panel__label{margin:0 0 .5rem;font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.share-panel__options{display:flex;flex-wrap:wrap;gap:.5rem}.share-panel__btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:2px solid #111827;border-radius:.45rem;font-size:.85rem;font-weight:700;cursor:pointer;background:#fff;box-shadow:3px 3px #111827;transition:box-shadow .1s,transform .1s}.share-panel__btn:hover{box-shadow:1px 1px #111827;transform:translate(2px,2px)}.share-panel__btn--x{background:#000;color:#fff;border-color:#000;box-shadow:3px 3px #374151}.share-panel__btn--x:hover{box-shadow:1px 1px #374151}.share-panel__btn--facebook{background:#1877f2;color:#fff;border-color:#1877f2;box-shadow:3px 3px #0d5ab5}.share-panel__btn--facebook:hover{box-shadow:1px 1px #0d5ab5}.share-panel__btn--whatsapp{background:#25d366;color:#fff;border-color:#25d366;box-shadow:3px 3px #128c4e}.share-panel__btn--whatsapp:hover{box-shadow:1px 1px #128c4e}.custom-picker{width:min(700px,100%);margin:2rem auto;display:flex;flex-direction:column;gap:1.5rem}.custom-picker__intro{background:#fff;border:3px solid #111827;border-radius:.75rem;padding:1.1rem 1.2rem;box-shadow:4px 4px #111827}.custom-picker__title{margin:0 0 .4rem;font-size:1.2rem}.custom-picker__desc{margin:0;font-size:.9rem;color:#374151;line-height:1.5}.custom-picker__groups{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}.custom-picker__group{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:3px solid #111827;border-radius:.65rem;padding:.75rem .9rem;box-shadow:3px 3px #111827;cursor:pointer;transition:box-shadow .1s,transform .1s;-webkit-user-select:none;user-select:none}.custom-picker__group:hover{box-shadow:1px 1px #111827;transform:translate(2px,2px)}.custom-picker__group--checked{background:#ffd60a}.custom-picker__group input[type=checkbox]{display:none}.custom-picker__group-label{font-weight:700;font-size:1rem}.custom-picker__group-count{font-size:.78rem;color:#6b7280}.custom-picker__group--checked .custom-picker__group-count{color:#374151}.custom-picker__error{margin:0;color:#dc2626;font-weight:700;font-size:.9rem}.custom-picker__generate{align-self:flex-start;background:#111827;color:#fff;border:3px solid #111827;border-radius:.65rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:4px 4px #374151;transition:box-shadow .1s,transform .1s}.custom-picker__generate:hover:not(:disabled){box-shadow:2px 2px #374151;transform:translate(2px,2px)}.custom-picker__generate:disabled{opacity:.4;cursor:default;box-shadow:none}.custom-grid-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}