.friki-tool{--friki-green:#65aa73;--friki-dark:#14332b;--friki-ink:#1d2d29;--friki-soft:#f1f7f1;--friki-border:#dce8dc;color:var(--friki-ink);max-width:920px;margin:3rem auto;padding:0 1rem;font:inherit}
.friki-tool *{box-sizing:border-box}
.friki-tool__intro{margin-bottom:1.5rem}
.friki-tool__eyebrow,.friki-kicker{color:#39834f;font-size:.82rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.friki-tool__intro h2{font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.035em;color:var(--friki-dark);margin:.65rem 0 1rem}
.friki-tool__intro p{max-width:660px;line-height:1.65}
.friki-card{background:linear-gradient(145deg,#fff 60%,#f6faf5);border:1px solid var(--friki-border);border-radius:24px;box-shadow:0 16px 50px rgba(18,53,40,.08);padding:clamp(1.25rem,4vw,2.5rem)}
.friki-card h3{font-size:clamp(1.3rem,3vw,1.85rem);line-height:1.25;color:var(--friki-dark);margin:.6rem 0 1.3rem}
.friki-card h4{font-size:1.1rem;color:var(--friki-dark);margin:0 0 .85rem}
.friki-card p{line-height:1.6}
.friki-row,.friki-history-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.friki-small{font-size:.86rem;color:#52645b}
.friki-progress{height:7px;border-radius:99px;background:#e4eee4;overflow:hidden;margin:1rem 0 2rem}
.friki-progress span{display:block;height:100%;background:var(--friki-green);border-radius:inherit;transition:width .25s}
.friki-choices{display:grid;gap:.7rem;margin:1.4rem 0}
.friki-choice{appearance:none;display:block;width:100%;padding:1rem 1.2rem;border:1px solid var(--friki-border);border-radius:13px;text-align:left;color:var(--friki-dark);background:#fff;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.friki-choice:hover:not(:disabled),.friki-choice:focus-visible{transform:translateY(-2px);border-color:var(--friki-green);box-shadow:0 7px 16px rgba(39,91,58,.10)}
.friki-choice.is-selected,.friki-choice.is-correct{border-color:#55a66a;background:#eaf7eb}
.friki-choice.is-wrong{border-color:#bc7474;background:#fbefef}
.friki-choice:disabled{cursor:default}
.friki-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.35rem;border:1px solid var(--friki-dark);border-radius:999px;background:var(--friki-dark);color:#fff;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s}
.friki-btn:hover:not(:disabled),.friki-btn:focus-visible{background:#255e40;transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,51,43,.18);color:#fff}
.friki-btn--outline{background:#fff;color:var(--friki-dark)}
.friki-btn--outline:hover{color:#fff}
.friki-btn:disabled{opacity:.65;cursor:wait}
.friki-text-btn{border:0;background:none;color:#397a4b;font:inherit;font-weight:700;padding:.5rem 0;cursor:pointer}
.friki-link{display:inline-block;color:#287346;text-decoration:underline;text-underline-offset:3px;font-weight:700;margin:.7rem 0}
.friki-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}
.friki-score{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.25rem;border-radius:16px;background:var(--friki-soft);color:var(--friki-dark);font-weight:900;font-size:2rem}
.friki-note{padding:.85rem 1rem;background:var(--friki-soft);border-radius:10px;color:#345744;margin:1rem 0}
.friki-note.is-good{background:#e8f7e9}
.friki-note.is-error{background:#fff0ef;color:#8a3232}
.friki-history{border-top:1px solid var(--friki-border);margin-top:2.2rem;padding-top:1.4rem}
.friki-subheading{margin-top:2rem!important}
.friki-history-list{display:grid;gap:.3rem}
.friki-history-item{padding:.75rem 0;border-bottom:1px solid var(--friki-border)}
.friki-match-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}
.friki-match-form input,.friki-match-form select,.friki-generator-form textarea,.friki-generator-form select,.friki-score-inputs input{width:100%;min-width:0;min-height:44px;border:1px solid #cbdacd;border-radius:10px;background:#fff;color:var(--friki-ink);padding:.7rem .85rem;font:inherit}
.friki-match-form input[type=text]{grid-column:1/-1}
.friki-match-form .friki-note{grid-column:1/-1}
.friki-generator-form label{display:block;font-weight:700}
.friki-generator-form textarea{display:block;margin:.5rem 0 1rem;resize:vertical}
.friki-generator-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}
.friki-fixtures{margin-top:2rem}
.friki-round{padding:1.3rem 0;border-top:1px solid var(--friki-border)}
.friki-game{display:grid;grid-template-columns:70px minmax(160px,1fr) minmax(210px,1fr);gap:.8rem;align-items:center;padding:.65rem 0}
.friki-game strong{line-height:1.35}
.friki-score-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.friki-score-inputs span{grid-column:1/-1}
.friki-standings{overflow:auto;margin:1.4rem 0}
.friki-standings table{width:100%;border-collapse:collapse}
.friki-standings th,.friki-standings td{text-align:left;padding:.7rem;border-bottom:1px solid var(--friki-border)}
.friki-standings th{background:var(--friki-soft);font-size:.85rem}
.friki-stats{margin-top:1.5rem}
.friki-tool :focus-visible{outline:3px solid #84c692;outline-offset:3px}
@media(max-width:720px){.friki-generator-controls,.friki-game{grid-template-columns:1fr}.friki-score-inputs{max-width:330px}.friki-match-form{grid-template-columns:1fr}.friki-card{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.friki-tool *{scroll-behavior:auto!important;transition:none!important}}
@media print{.friki-tool{max-width:none;margin:0}.friki-card{box-shadow:none;border:0;padding:0}.friki-tool__intro,.friki-generator-form,.friki-fixtures>.friki-btn,.friki-score-inputs span{display:none!important}.friki-game{break-inside:avoid}.friki-round{break-inside:avoid}.friki-standings{break-inside:avoid}}