:root{--navy:#0B1330;--navy-light:#182456;--blue:#2E6BF4;--orange:#F2472A;--green:#16A34A;--yellow:#F2B705;--purple:#8B5CF6;--white:#FFFFFF;--grey-bg:#F4F6FB;--grey-text:#4A5578;--radius:16px;--shadow:0 8px 24px rgba(11, 19, 48, 0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--grey-bg);color:var(--navy);line-height:1.5}img{max-width:100%;display:block}.site-header{background:var(--navy);color:var(--white);padding:10px 16px}.header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white)}.logo-img{border-radius:8px}.logo-text{font-size:1.3rem;font-weight:800}.logo-text .accent{color:var(--orange)}.header-tagline{font-size:.8rem;color:#9fb0e8;display:none}@media (min-width:560px){.header-tagline{display:inline}}.tool-section{background:linear-gradient(160deg,var(--navy) 0,var(--navy-light) 55%,var(--blue) 140%);padding:24px 16px 40px}.tool-inner{max-width:960px;margin:0 auto;background:var(--white);border-radius:24px;padding:24px 20px;box-shadow:var(--shadow)}.tool-title{font-size:clamp(1.5rem, 4.5vw, 2.2rem);margin:0 0 8px;font-weight:800;color:var(--navy)}.tool-subtitle{margin:0 0 20px;color:var(--grey-text);font-size:1rem;max-width:640px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip{border:2px solid #e2e7f5;background:var(--white);border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--navy);transition:all .15s ease}.chip:hover{border-color:var(--blue)}.chip.active{background:var(--blue);border-color:var(--blue);color:var(--white)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.game-card{background:var(--grey-bg);border:2px solid transparent;border-radius:var(--radius);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.game-card:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:var(--shadow)}.game-emoji{font-size:2.2rem}.game-name{font-size:.82rem;font-weight:700;text-align:center;color:var(--navy)}.btn{border:none;border-radius:12px;padding:12px 20px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{opacity:.92}.btn-secondary{background:var(--grey-bg);color:var(--navy);border:2px solid #e2e7f5}.btn-secondary:hover{border-color:var(--blue)}.btn-large{padding:14px 28px;font-size:1.05rem;width:100%}.btn-link{background:0 0;border:none;color:var(--blue);font-weight:700;cursor:pointer;padding:8px 0;font-size:.9rem}.back-btn{margin-bottom:12px}.desc-hero{text-align:center;padding:12px 0}.desc-emoji{font-size:4rem}.desc-title{font-size:1.8rem;margin:8px 0}.desc-text{color:var(--grey-text);max-width:520px;margin:0 auto 16px}.desc-facts{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.desc-facts li{background:var(--grey-bg);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600}.config-title{font-size:1.4rem;margin:0 0 20px}.config-block{margin-bottom:20px}.config-label{font-weight:700;display:block;margin-bottom:10px}.config-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.config-row .config-label{margin-bottom:0;display:flex;align-items:center;gap:8px}.participant-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.participant-row{display:flex;align-items:center;gap:8px}.participant-color{width:14px;height:14px;border-radius:50%;flex-shrink:0}.participant-input{flex:1;padding:10px 12px;border-radius:10px;border:2px solid #e2e7f5;font-size:.95rem}.participant-input:focus{outline:0;border-color:var(--blue)}.icon-btn{background:#fdecea;color:var(--orange);border:none;border-radius:8px;width:32px;height:32px;cursor:pointer;font-weight:700}.number-input{padding:10px 12px;border-radius:10px;border:2px solid #e2e7f5;font-size:.95rem;width:110px}.number-input:disabled{opacity:.5}.score-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.target-note{color:var(--grey-text);font-size:.85rem;margin:0 0 16px}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.score-card{background:var(--grey-bg);border-radius:var(--radius);padding:16px;text-align:center;border-top:6px solid var(--pcolor,var(--blue));position:relative}.score-card.reached{background:#fff3e9}.crown{position:absolute;top:8px;right:12px;font-size:1.3rem}.score-card-name{font-weight:700;margin-bottom:8px;font-size:.95rem;word-break:break-word}.score-value{display:block;width:100%;background:0 0;border:none;font-size:2.4rem;font-weight:800;color:var(--navy);margin-bottom:10px;cursor:pointer}.score-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:10px}.add-btn{background:var(--blue);color:var(--white);border:none;border-radius:8px;padding:8px 10px;font-weight:700;font-size:.85rem;cursor:pointer;min-width:44px}.add-btn:hover{opacity:.9}.undo-btn{background:0 0;border:none;color:var(--grey-text);font-size:.8rem;cursor:pointer}.undo-btn:disabled{opacity:.35;cursor:default}.result-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.result-row{display:flex;align-items:center;gap:12px;background:var(--grey-bg);border-radius:12px;padding:12px 16px}.result-row.winner{background:#fff3e9;border:2px solid var(--orange)}.result-rank{font-weight:800;width:32px}.result-name{flex:1;font-weight:700}.result-score{font-weight:800;font-size:1.2rem;color:var(--blue)}.result-row.winner .result-score{color:var(--orange)}.result-actions{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.result-actions .btn{flex:1;min-width:140px}.result-actions .btn-link{flex:1;text-align:center}.seo-content{max-width:760px;margin:0 auto;padding:40px 20px 60px}.seo-content h2{font-size:1.3rem;margin-top:36px;color:var(--navy)}.seo-content p{color:var(--grey-text)}.howto-list{padding-left:20px;color:var(--grey-text)}.howto-list li{margin-bottom:10px}.howto-list strong{color:var(--navy)}.faq{display:flex;flex-direction:column;gap:10px;margin-top:16px}.faq-item{background:var(--white);border-radius:12px;box-shadow:0 2px 8px rgba(11,19,48,.06);overflow:hidden}.faq-question{width:100%;text-align:left;background:0 0;border:none;padding:14px 16px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--navy)}.faq-toggle{color:var(--orange);font-size:1.2rem}.faq-answer{max-height:0;overflow:hidden;transition:max-height .2s ease;padding:0 16px}.faq-answer p{margin:0 0 14px;font-size:.9rem}.faq-item.open .faq-answer{max-height:300px}.faq-item.open .faq-toggle{transform:rotate(45deg)}.site-footer{background:var(--navy);color:#9fb0e8;text-align:center;padding:30px 16px;font-size:.85rem}.footer-logo{margin:0 auto 10px;border-radius:8px}.footer-year{opacity:.7;margin-top:4px}@media (max-width:480px){.tool-inner{padding:18px 14px;border-radius:18px}.result-actions .btn,.result-actions .btn-link{min-width:100%}}