:root{--bg: #e8ecf0;--panel: #ffffff;--ink: #1d2733;--muted: #5d6976;--line: rgba(29, 39, 51, .12);--shadow: 0 1px 2px rgba(29, 39, 51, .08), 0 6px 16px rgba(29, 39, 51, .08);--table: #2d6fb4;--table-deep: #255f9c;--table-line: #ffffff;--net: #1d2733;--ball: #fffdf8;--ball-ink: #1d2733;--rubber-red: #c8343c;--rubber-black: #2b2f36;--good: #1e8f4e;--good-soft: #e2f4e9;--bad: #c93c3c;--bad-soft: #fbe6e6;--warn-soft: #f4eee0;--body: "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Armenian", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #151a20;--panel: #20272f;--ink: #e8ecf0;--muted: #9aa6b2;--line: rgba(232, 236, 240, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .25);--good-soft: rgba(30, 143, 78, .2);--bad-soft: rgba(201, 60, 60, .2);--warn-soft: rgba(160, 130, 60, .2);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}.splash{height:100%;display:grid;place-content:center;text-align:center;padding:16px}.logo{display:inline-flex;align-items:center;gap:12px;margin:0;font-size:clamp(32px,9vw,48px);font-weight:800;letter-spacing:-.02em}.logo-ball{width:.62em;height:.62em;border-radius:50%;background:var(--ball);box-shadow:inset -3px -4px #1d273314,0 4px 8px #1d273340}.splash-subtitle{color:var(--muted);margin:10px 0 0}.game{position:relative;height:100%;max-width:520px;margin:0 auto;padding:12px 16px 8px;display:flex;flex-direction:column;gap:10px}.potato{position:absolute;top:1px;left:3px;width:30px;height:auto;transform:rotate(-14deg);filter:drop-shadow(0 2px 2px rgba(29,39,51,.25));pointer-events:none;z-index:1}.arena{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 14px;border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.score-side{display:flex;align-items:center;gap:10px;min-width:0}.score-side.is-opponent{justify-content:flex-end}.score-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-side .score-name:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px;background:var(--rubber-black)}.score-side.is-me .score-name:before{background:var(--rubber-red)}.score-away{color:var(--bad);font-style:normal;font-weight:500}.score-value{min-width:1.4em;text-align:center;font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;animation:score-bump .36s ease-out}@keyframes score-bump{0%{transform:scale(1.35)}to{transform:scale(1)}}.score-mid{display:grid;justify-items:center}.score-mid-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.score-mid-value{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.sound-toggle{margin-top:2px;padding:0 6px;border:0;border-radius:999px;background:transparent;font-size:13px;line-height:1.4;cursor:pointer;opacity:.55}.sound-toggle:hover,.sound-toggle.is-on{opacity:1}.table{position:relative;flex:1;min-height:200px;border-radius:6px;background:linear-gradient(180deg,var(--table) 0%,var(--table-deep) 100%);box-shadow:inset 0 0 0 3px var(--table-line),0 10px 22px #1d273338}.table-centerline{position:absolute;left:50%;top:3px;bottom:3px;width:2px;transform:translate(-50%);background:#ffffff8c}.net{position:absolute;left:-10px;right:-10px;top:50%;height:12px;transform:translateY(-50%);border-top:3px solid #fff;background:repeating-linear-gradient(90deg,rgba(29,39,51,.45) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(29,39,51,.45) 0 1px,transparent 1px 4px),#1d27332e;box-shadow:0 4px 6px #0000002e;z-index:1}.net:before,.net:after{content:"";position:absolute;top:-5px;width:6px;height:18px;border-radius:2px;background:var(--net)}.net:before{left:0}.net:after{right:0}.ball{position:absolute;transform:translate(-50%,-50%);max-width:78%;padding:7px 16px;border-radius:999px;background:var(--ball);color:var(--ball-ink);font-weight:700;font-size:clamp(16px,4.4vw,20px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 -3px #1d27330f,0 7px 12px #0a1e3c59;pointer-events:none;z-index:2}.ball.is-plain{width:20px;height:20px;padding:0}.ball.is-outgoing{font-weight:600}.ready{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:2px;color:#fff;z-index:3}.ready-label{padding:4px 12px;border-radius:999px;background:#10203673;font-size:14px;font-weight:600}.ready-count{font-size:60px;font-weight:800;text-shadow:0 4px 14px rgba(10,30,60,.4);animation:count-pop 1s ease-out}@keyframes count-pop{0%{transform:scale(1.4);opacity:0}30%{opacity:1}to{transform:scale(1)}}.result-chip{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:10px;max-width:100%;padding:4px 12px;border-radius:10px;background:var(--panel);color:var(--ink);font-size:14px;line-height:1.35;text-align:center;animation:chip-in .2s ease-out}.result-chip.is-hit{background:var(--good-soft);box-shadow:inset 0 0 0 1.5px var(--good)}.result-chip.is-wrong{background:var(--bad-soft);box-shadow:inset 0 0 0 1.5px var(--bad)}.result-chip.is-missed{background:var(--warn-soft)}.chip-head{font-size:12px;font-weight:800;letter-spacing:.04em}.is-hit .chip-head{color:var(--good)}.chip-line{overflow-wrap:anywhere}.chip-line.is-wrong s{color:var(--bad);text-decoration-thickness:2px}.chip-meaning{color:var(--muted)}@keyframes chip-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.paddle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-card{position:relative;display:grid;place-content:center;justify-items:center;gap:3px;min-height:76px;padding:10px 10px 12px;border:1px solid var(--line);border-radius:14px;border-bottom:5px solid var(--rubber-red);background:var(--panel);box-shadow:var(--shadow);text-align:center;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;animation:card-in .24s ease-out}@keyframes card-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.card-word{font-size:clamp(18px,5vw,22px);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.card-translit{font-size:12px;color:var(--muted)}.card-key{position:absolute;top:6px;left:9px;font-size:10px;font-weight:600;color:var(--muted);opacity:0}button.word-card{cursor:default}button.word-card:disabled{color:var(--ink)}.paddle-me.is-ready .word-card{box-shadow:0 0 0 2px #c8343c59,var(--shadow)}.word-card.is-actionable{cursor:pointer}.word-card.is-actionable .card-key{opacity:1}.word-card.is-actionable:hover,.word-card.is-actionable:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 2px var(--rubber-red),var(--shadow);outline:none}.word-card.is-swung{visibility:hidden}.word-card.is-back{min-height:52px;border:0;border-top:5px solid #16191d;background-color:var(--rubber-black);background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.6px);background-size:6px 6px;animation:none}.paddle-opponent.is-thinking .word-card.is-back{animation:think 1.1s ease-in-out infinite alternate}.paddle-opponent.is-thinking .word-card.is-back:nth-child(2){animation-delay:.55s}@keyframes think{0%{transform:translateY(0)}to{transform:translateY(4px)}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.swing{position:fixed;margin:0;animation:none}.burst{position:fixed;width:18px;height:18px;border-radius:50%;border:3px solid var(--good);transform:translate(-50%,-50%) scale(.3);opacity:0;animation:burst .42s ease-out both}.burst.is-wrong{border-color:var(--bad)}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}10%{opacity:1}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}.status{height:52px;overflow:hidden;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:14px;padding:0 8px}.status.is-error{color:var(--bad)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#151a2073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.overlay-card{width:min(100%,440px);max-height:100%;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--panel);box-shadow:0 20px 50px #00000040}.overlay-title{font-size:28px;font-weight:800;text-align:center}.overlay-title.is-win{color:var(--good)}.overlay-scores{display:flex;justify-content:center;gap:20px;font-size:15px}.overlay-scores strong{font-size:20px;margin-left:4px;font-variant-numeric:tabular-nums}.overlay-text{margin:0;text-align:center;color:var(--muted);font-size:14px}.review{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;display:grid;gap:6px}.review-row{display:grid;grid-template-columns:20px 1fr 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg);font-size:15px}.review-mark{font-weight:700}.review-row.is-hit .review-mark{color:var(--good)}.review-row:not(.is-hit) .review-mark{color:var(--bad)}.review-word{font-weight:700;overflow-wrap:anywhere}.review-prompt{color:var(--muted);overflow-wrap:anywhere}.review-sound{border:0;background:transparent;cursor:pointer;font-size:16px;padding:2px 4px}.overlay-actions{display:flex;gap:10px;justify-content:center}.btn{padding:11px 22px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer}.btn-primary{background:var(--rubber-red);color:#fff}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}@media (max-height: 560px){.word-card{min-height:60px;padding:8px}.word-card.is-back{min-height:40px}}@media (prefers-reduced-motion: reduce){.word-card,.paddle-opponent.is-thinking .word-card.is-back,.ready-count,.result-chip,.score-value,.burst{animation:none}}