@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,94.5,400;1,87.5,400&display=swap";*{box-sizing:border-box}body{color:#303030;background:#fafafa;margin:0;padding:24px;font-family:Roboto,sans-serif}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #606060}button:disabled{cursor:default;opacity:.65}.game-page,.multiplayer,.status-card{width:min(100%,1000px);margin:28px auto}h1{text-align:center}.training,.multiplayer-card{text-align:center;width:min(100%,720px);margin:24px auto}.training a,.multiplayer-card a{color:#fff;background-color:#b9b9b9;border-radius:12px;width:60%;margin:auto auto 10px;padding:16px;font-weight:700;text-decoration:none;display:block}.toOther{color:#fff;background-color:#b9b9b9;border-radius:12px;margin-top:10px;padding:16px;font-weight:700;text-decoration:none;display:inline-block}.word,.searching{text-align:center;font-size:22px}.word,.expression,.searching{min-height:48px}.timer,.turn-message,.game-message,.muted{text-align:center}.timer{font-weight:700}.muted{color:#707070}.connection-banner{z-index:2;color:#6e5724;text-align:center;background:#f2e8ce;border-radius:6px;width:min(100%,700px);margin:6px auto;padding:8px 12px;font-size:.88rem;position:relative}.expression{text-align:center;font-size:18px}.offered div{width:8.3%;padding:10px;display:inline-block}.offered div button{cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;width:100%;height:80px;font-size:18px;text-decoration:none;transition:all .3s}.offered div button:disabled{color:#b9b9b9;background-color:#606060}@media (width<=768px){.offered button{width:16.6%}}.operations{text-align:center}.operations button{cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;min-width:80px;min-height:80px;margin:10px;padding:10px;font-size:18px;text-decoration:none;transition:all .3s}.operations button:disabled,.primary-button:disabled{color:#b9b9b9;background-color:#606060}.numberButtons{text-align:center}.numberButtons button{cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;min-width:80px;min-height:80px;margin:10px;padding:10px;font-size:18px;text-decoration:none;transition:all .3s}.numberButtons button:disabled{color:#b9b9b9;cursor:default;background-color:#606060}.combsgame{text-align:center}.enteredCombs button{aspect-ratio:1;cursor:pointer;color:#0000;border:none;border-radius:6px;width:50px;margin:10px;padding:10px;text-decoration:none;transition:all .3s;display:inline}.combination-row{justify-content:center;align-items:center;gap:10px;min-height:70px;display:flex}.enteredCombs .color-cell,.enteredCombs.solution-row button{margin:0}.result-pins{grid-template-columns:repeat(2,12px);gap:5px;width:54px;margin-left:10px;display:grid}.result-pins i{background:#111;border-radius:50%;width:12px;height:12px}.result-pins i.correct{background:#d63232}.result-pins i.exist{background:#e0c52d}.enteredCombs .checkBtn:disabled{background-color:#606060}.color-picker{margin-top:20px}.solution-row{justify-content:center;gap:10px;display:flex}.enteredCombs button:disabled{cursor:default}.enteredCombs .spacer{margin-right:50px;display:inline}.enteredCombs .checkBtn{color:#fff;background-color:#b9b9b9;width:260px;height:50px}.enteredCombs.small{margin:auto}.enteredCombs.small button{width:30px}@media (width<=768px){.enteredCombs button{width:30px;margin:1px}.enteredCombs .checkBtn{color:#fff;background-color:#b9b9b9;width:125px;height:30px}}.stats{text-align:center;width:100%;display:block}.stats p{width:33%;display:inline-block}h2.question{text-align:center}.questions{width:100%}.questions div{width:25%;padding:10px;display:inline-block}.questions div button{text-align:center;cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;width:100%;padding:10px;font-size:18px;text-decoration:none;transition:all .3s}.questions div button.correct-answer,.questions div button.correct-answer:disabled{color:#fff;opacity:1;background-color:#388e3c}@media (width<=768px){.questions div{width:50%}}.toConnect{width:100%;max-width:700px;margin:20px auto;padding:0 16px}.toConnect .row{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px;display:grid}.toConnect .row button{aspect-ratio:1;text-align:center;cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.toConnect .row button:hover:not(:disabled){background-color:#a0a0a0}.toConnect .row button:disabled{color:#b9b9b9;cursor:default;background-color:#606060}.toConnect .row button:nth-child(5){background-color:#999;font-size:14px;font-weight:400}.toConnect .row button:nth-child(5):disabled{color:#b9b9b9;background-color:#606060}.final{cursor:pointer;color:#fff;background-color:#b9b9b9;border:none;border-radius:6px;min-width:200px;min-height:60px;margin:20px auto;padding:10px 20px;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.final:hover{background-color:#a0a0a0}.final:disabled{opacity:1;cursor:default}.results{color:#fff;text-align:center;background:#b9b9b9;border-radius:10px;grid-template-columns:1fr 1fr;width:min(100%,420px);margin:20px auto;display:grid;overflow:hidden}.results>div{padding:10px 20px}.results>div+div{border-left:1px solid #ffffff8c}.results h3,.results p{margin:4px}.status-card{text-align:center;background:#fff;border-radius:12px;max-width:720px;padding:28px}.invite-link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#eee;border-radius:6px;margin:16px 0;padding:14px}.primary-button,.guess-form button{color:#fff;cursor:pointer;background:#b9b9b9;border:0;border-radius:6px;min-height:48px;padding:10px 20px}.guess-form{text-align:center;background:#eee;border-radius:10px;width:min(100%,460px);margin:20px auto;padding:20px}.guess-form label,.guess-form input{width:100%;display:block}.guess-form input{background:#fff;border:1px solid #aaa;border-radius:6px;margin:10px 0;padding:12px}.guess-form button{margin:5px}.form-error{color:#9d2020;min-height:20px}@media (width<=768px){body{padding:12px}.training a,.multiplayer-card a{width:100%}.offered div{width:16.66%;padding:3px}.offered div button{height:52px}.numberButtons button{min-width:54px;min-height:54px;margin:4px}.combination-row{gap:3px}.result-pins{margin-left:4px}.toConnect{padding:0 8px}.toConnect .row{gap:5px;margin-bottom:5px}.toConnect .row button{border-radius:4px;padding:3px;font-size:13px}.toConnect .row button:nth-child(5){font-size:10px}.final{min-width:150px;min-height:50px;font-size:18px}}.multiplayer>.game-page{margin-top:10px;margin-bottom:10px}.game-heading-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.game-heading-row h1{text-align:left;margin:2px 0 0}.eyebrow{color:#707070;letter-spacing:.03em;font-size:.85rem}.round-timer{background:#fff;border:3px solid #b9b9b9;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:1.25rem;font-weight:700;display:grid}.turn-banner,.action-feedback{text-align:center;background:#ededed;border-radius:8px;width:min(100%,700px);min-height:42px;margin:10px auto;padding:10px 14px}.turn-banner.my-turn,.action-feedback.success{color:#276339;background:#e3f2e7}.action-feedback.error{color:#922d2d;background:#f8e1e1}.action-feedback.neutral{color:#465666;background:#e8edf3}.action-feedback.placeholder{color:#666}.centered{text-align:center}.combination-game{max-width:820px}.combination-shell{background:#fff;border-radius:14px;overflow:hidden}.combination-legend{color:#555;background:#ededed;justify-content:center;gap:20px;padding:9px 14px;font-size:.78rem;display:flex}.combination-legend span{align-items:center;gap:5px;display:flex}.combination-legend i{background:#222;border-radius:50%;width:10px;height:10px}.combination-legend i.correct{background:#d63232}.combination-legend i.exist{background:#dfbf22}.attempt-board{align-content:center;min-height:72px;padding:8px 16px;display:grid}.empty-attempts{color:#888;text-align:center;margin:14px}.attempt-row{border-bottom:1px solid #eee;grid-template-columns:28px auto 54px minmax(55px,1fr);justify-content:center;align-items:center;gap:10px;min-height:43px;display:grid}.attempt-row:last-child{border-bottom:0}.attempt-number{color:#888;text-align:center}.attempt-player{color:#777;font-size:.75rem}.token-row,.token-palette{justify-content:center;gap:8px;display:flex}.token{color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:14px;line-height:1;display:grid}.token:disabled{opacity:1;cursor:default}.token.empty{box-shadow:none;background:0 0;border:2px dashed #aaa}.combination-controls{background:#f5f5f5;border-top:1px solid #ddd;padding:12px 16px 14px}.draft-row{justify-content:center;align-items:center;gap:14px;margin-bottom:12px;display:flex}.draft-label{color:#555;font-weight:700}.token-palette .token{width:42px;height:42px}.compact-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.compact-actions button,.solution-panel button{color:#fff;cursor:pointer;background:#b9b9b9;border:0;border-radius:6px;min-height:42px;padding:8px 18px}.compact-actions .confirm-combination{background:#777}.compact-actions button:disabled{background:#ccc}.solution-panel{text-align:center;padding:18px}.solution-panel .token-row{margin:12px 0}.multiplayer-questions{max-width:820px}.question-round-score{justify-content:center;gap:32px;margin:4px 0;display:flex}.question-round-score span{gap:8px;display:flex}.compact-questions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compact-questions div{width:auto;padding:0}.compact-questions div button{text-align:left;align-items:center;gap:12px;min-height:64px;display:flex}.compact-questions div button>span{background:#ffffff40;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.questions div button.wrong-answer,.questions div button.wrong-answer:disabled{color:#fff;opacity:1;background:#b84040}.association-game{max-width:820px}.toConnect.multiplayer-connect,.association-game .toConnect{max-width:820px;margin:10px auto}.association-game .toConnect .row button{aspect-ratio:auto;min-height:clamp(46px,7vh,64px)}.association-game .toConnect .row button.revealed{color:#fff;opacity:1;background:#888}.association-game .toConnect .row button.solved,.association-game .final.solved{color:#fff;opacity:1;background:#568566}.inline-guess{margin:10px auto;padding:12px}.inline-guess input{margin:6px 0}.match-results{text-align:center;background:#fff;border-radius:14px;width:min(100%,720px);margin:24px auto;padding:24px}.winner-mark{color:#999;font-size:2.5rem;line-height:1}.match-results h1{margin:6px 0}.match-congratulations{font-size:1.08rem}.result-breakdown{border:1px solid #ddd;border-radius:8px;margin:18px 0;overflow:hidden}.result-breakdown-head,.result-breakdown-row{text-align:left;grid-template-columns:1fr 80px 100px;align-items:center;min-height:40px;padding:0 12px;display:grid}.result-breakdown-head{color:#666;background:#ededed;font-size:.8rem}.result-breakdown-row+.result-breakdown-row{border-top:1px solid #eee}.result-breakdown-row span,.result-breakdown-head span:not(:first-child){text-align:center}.rematch-panel{padding-top:4px}@media (width<=768px){body{padding:8px}.game-page,.multiplayer,.status-card{margin-top:10px;margin-bottom:10px}.multiplayer>.results{margin:4px auto 8px}.results>div{padding:4px 12px}.results h3,.results p{margin:2px 4px;font-size:.86rem;display:inline}.game-heading-row{margin-bottom:5px}.game-heading-row h1{font-size:1.55rem}.eyebrow{font-size:.72rem}.round-timer{border-width:2px;width:44px;height:44px;font-size:1rem}.turn-banner,.action-feedback{min-height:34px;margin:5px auto;padding:7px 10px;font-size:.82rem}.combination-legend{gap:9px;padding:6px;font-size:.65rem}.attempt-board{padding:4px 6px}.attempt-row{grid-template-columns:20px auto 45px 52px;gap:4px;min-height:37px}.token-row{gap:5px}.token{width:29px;height:29px;font-size:11px}.result-pins{grid-template-columns:repeat(2,9px);gap:3px;width:30px;margin:0}.result-pins i{width:9px;height:9px}.combination-controls{padding:8px}.draft-row{margin-bottom:7px}.token-palette .token{width:36px;height:36px}.compact-actions{margin-top:7px}.compact-actions button{min-height:36px;padding:6px 14px}h2.question{margin:8px 0;font-size:clamp(1rem,4.5vw,1.25rem)}.question-round-score{gap:18px;font-size:.82rem}.compact-questions{gap:6px}.compact-questions div button{gap:7px;min-height:52px;padding:7px;font-size:.86rem}.compact-questions div button>span{width:23px;height:23px}.association-game .toConnect{padding:0}.association-game .toConnect .row{gap:4px;margin-bottom:4px}.association-game .toConnect .row button{overflow-wrap:anywhere;min-height:clamp(42px,7vh,54px);font-size:clamp(.62rem,2.7vw,.78rem)}.association-game .final{min-height:42px;margin:8px auto}.inline-guess{margin:6px auto}.match-results{margin:8px auto;padding:14px}.winner-mark{font-size:1.8rem}.result-breakdown{margin:10px 0}.result-breakdown-head,.result-breakdown-row{grid-template-columns:1fr 52px 72px;min-height:34px;padding:0 8px;font-size:.8rem}}@media (height<=700px) and (width<=768px){.multiplayer .game-page{margin-top:4px}.combination-legend{display:none}.attempt-row{min-height:32px}.token{width:26px;height:26px}.token-palette .token{width:32px;height:32px}.association-game .toConnect .row button{min-height:38px}.compact-questions div button{min-height:46px}}