:root{--sg-ink:#17312c;--sg-muted:#526761;--sg-paper:#fbfaf5;--sg-card:#fff;--sg-accent:#08745f;--sg-accent-dark:#055344;--sg-line:#cad9d4;--sg-soft:#e9f4ef;--sg-warn:#fff5d8;--sg-shadow:0 18px 45px rgba(23,49,44,.1)}
*{box-sizing:border-box}.social-header,.social-footer,.social-hero,.social-body{width:min(1080px,calc(100% - 32px));margin-inline:auto}.social-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--sg-line)}.social-header nav,.social-footer{display:flex;gap:12px;flex-wrap:wrap}.social-brand{font-weight:800;color:var(--sg-ink);text-decoration:none}.social-header a,.social-footer a{color:var(--sg-accent-dark)}.social-hero{padding:56px 0 30px}.social-hero h1{max-width:850px;font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.02;margin:.3rem 0 1rem;color:var(--sg-ink)}.social-hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:780px;color:var(--sg-muted)}.social-body{padding-bottom:70px;color:var(--sg-ink)}.game-panel,.privacy-card,.share-panel,.score-card,.noscript-card,.social-body>section{background:var(--sg-card);border:1px solid var(--sg-line);border-radius:20px;padding:clamp(18px,4vw,32px);margin:18px 0;box-shadow:var(--sg-shadow)}.privacy-card{background:var(--sg-soft)}.share-panel{background:var(--sg-warn)}.game-panel form{display:grid;gap:18px}.game-panel label{display:grid;gap:7px;font-weight:700}.game-panel select,.game-panel input[type=text],.game-panel input[readonly]{width:100%;min-height:48px;border:1px solid #8da49d;border-radius:10px;padding:10px 12px;background:#fff;color:var(--sg-ink);font:inherit}.game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button,.choice-grid button{min-height:48px;border-radius:999px;padding:11px 18px;border:2px solid var(--sg-accent);font:inherit;font-weight:800;cursor:pointer}.button.primary,.choice-grid button{background:var(--sg-accent);color:#fff}.button.primary:hover,.choice-grid button:hover{background:var(--sg-accent-dark)}.button.secondary{background:#fff;color:var(--sg-accent-dark)}.button:focus-visible,.choice-grid button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #f1bd3c;outline-offset:3px}.creator-question,.player-question{border:1px solid var(--sg-line);border-radius:14px;padding:16px;margin:0 0 14px}.creator-question fieldset,.player-question fieldset{border:0;padding:0;margin:12px 0}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option-grid label{display:flex;align-items:flex-start;gap:8px;padding:10px;background:var(--sg-paper);border-radius:10px;font-weight:500}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.choice-grid button{border-radius:18px;min-height:110px;font-size:clamp(1.15rem,3vw,1.6rem)}.prompt-card{display:grid;place-items:center;min-height:230px;padding:28px;border-radius:20px;background:linear-gradient(145deg,var(--sg-accent),var(--sg-accent-dark));color:#fff;font-weight:850;font-size:clamp(1.6rem,5vw,3rem);line-height:1.1;text-align:center}.game-progress,.game-status{font-weight:750;color:var(--sg-muted)}.score-number{font-size:clamp(2rem,6vw,4rem);font-weight:900;color:var(--sg-accent-dark)}.answer-row{padding:10px 0;border-bottom:1px solid var(--sg-line)}.sample-grid{columns:2;column-gap:32px}.sample-grid li{break-inside:avoid;margin-bottom:10px}.social-related .social-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-link-grid a{padding:14px;border:1px solid var(--sg-line);border-radius:12px;color:var(--sg-accent-dark);font-weight:750}.social-footer{padding:28px 0 50px;border-top:1px solid var(--sg-line)}[hidden]{display:none!important}
@media(max-width:620px){.social-header{align-items:flex-start;flex-direction:column}.option-grid,.choice-grid,.social-related .social-link-grid{grid-template-columns:1fr}.sample-grid{columns:1}.social-hero{padding-top:34px}.game-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.social-header,.social-footer,.game-actions,.skip-link{display:none!important}.game-panel,.social-body>section{box-shadow:none}}
