.cb-game{--cb-bg: #eef1f5;--cb-self: #3d8bfd;--cb-self-deep: #2f6fd6;--cb-self-text: #ffffff;--cb-other: #e7e8ec;--cb-other-text: #1c1c1e;--cb-accent: #34c759;--cb-accent-deep: #279c46;--cb-alert: #ff3b30;--cb-alert-deep: #c62a20;--cb-ink: #1c1c1e;--cb-ink-soft: #6b6b70;--cb-card: rgba(255, 255, 255, .86);--cb-display: ui-rounded, "SF Pro Rounded", "Hind", "Segoe UI", system-ui, sans-serif;--cb-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cb-radius: 16px;--cb-gap: 12px;--cb-maxw: 460px;position:relative;box-sizing:border-box;width:100%;max-width:var(--cb-maxw);height:100%;margin:0 auto;padding:clamp(10px,3vw,16px);display:flex;flex-direction:column;gap:var(--cb-gap);overflow:hidden;font-family:var(--cb-body);color:var(--cb-ink);background:var(--cb-bg)}.cb-game *,.cb-game *:before,.cb-game *:after{box-sizing:border-box}.cb-game.cb-cover{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;margin:0;z-index:2147483000}.cb-fill-mobile-screen{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);height:100vh;height:100dvh;--cb-height: 100%}.cb-portrait-frame{--cb-aspect: 9 / 16;height:100vh;height:min(100dvh,960px);aspect-ratio:var(--cb-aspect);max-width:100vw;margin:0 auto;--cb-height: 100%;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #1c1c1e38}.cb-portrait-frame .cb-game{max-width:none}.cb-hud{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:42px}.cb-hud__round{font-family:var(--cb-display);font-weight:700;font-size:14px;color:var(--cb-ink-soft);letter-spacing:.02em}.cb-replay{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;box-sizing:border-box!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;line-height:0!important;border:none!important;border-radius:50%;background:var(--cb-self);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--cb-self-deep);transition:transform calc(var(--cb-time-scale, 1) * .08s) ease,box-shadow calc(var(--cb-time-scale, 1) * .08s) ease;-webkit-tap-highlight-color:transparent}.cb-replay[hidden]{display:none}.cb-replay:hover{transform:translateY(-1px)}.cb-replay:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cb-self-deep)}.cb-ico{width:20px!important;height:20px!important;fill:#fff;stroke:#fff;stroke-width:1.6}.cb-stage{display:contents}.cb-game:not(.is-intro):not(.is-results) .cb-stage{display:none}.cb-chat{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:3px;padding:6px 4px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.cb-chat::-webkit-scrollbar{display:none}.cb-bubble{max-width:78%;padding:9px 13px;border-radius:18px;font-size:clamp(14px,4vw,16px);line-height:1.35;word-break:break-word}.cb-bubble--self{align-self:flex-end;background:var(--cb-self);color:var(--cb-self-text);border-bottom-right-radius:5px}.cb-bubble--other{align-self:flex-start;background:var(--cb-other);color:var(--cb-other-text);border-bottom-left-radius:5px}.cb-bubble__speaker{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;opacity:.6;margin:8px 4px 3px}.cb-bubble--self .cb-bubble__speaker{text-align:right}.cb-bubble:first-child .cb-bubble__speaker{margin-top:0}.cb-bubble__translation{max-width:78%;margin:-1px 6px 2px;font-size:12px;line-height:1.3;font-style:italic;word-break:break-word;opacity:0;transition:opacity calc(var(--cb-time-scale, 1) * .2s) ease-out}.cb-bubble__translation.is-shown{opacity:.72;cursor:pointer}.cb-bubble__translation--self{align-self:flex-end;text-align:right}.cb-bubble__translation--other{align-self:flex-start;text-align:left}.cb-bubble--pending{min-width:56px;min-height:38px;animation:cb-pending-pulse calc(var(--cb-time-scale, 1) * 1.6s) ease-in-out infinite}@keyframes cb-pending-pulse{0%,to{opacity:.6}50%{opacity:1}}.cb-typing{display:inline-flex;align-items:center;gap:4px}.cb-typing__dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4;animation:cb-typing calc(var(--cb-time-scale, 1) * 1.2s) ease-in-out infinite}.cb-typing__dot:nth-child(2){animation-delay:calc(var(--cb-time-scale, 1) * .18s)}.cb-typing__dot:nth-child(3){animation-delay:calc(var(--cb-time-scale, 1) * .36s)}@keyframes cb-typing{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:.85}}.cb-assembly-wrap{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px}.cb-assembly{flex:1 1 auto;min-width:0;min-height:44px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:8px 10px;background:var(--cb-card);border:2px dashed rgba(61,139,253,.35);border-radius:var(--cb-radius)}.cb-slot{display:inline-block;width:34px;height:30px;border-bottom:2.5px solid rgba(28,28,30,.18);margin:0 2px 3px}.cb-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:none;border-radius:50%;background:var(--cb-accent);box-shadow:0 4px 0 var(--cb-accent-deep);cursor:pointer;transition:transform calc(var(--cb-time-scale, 1) * .08s) ease,box-shadow calc(var(--cb-time-scale, 1) * .08s) ease,opacity calc(var(--cb-time-scale, 1) * .15s) ease;-webkit-tap-highlight-color:transparent}.cb-send:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--cb-accent-deep)}.cb-send:disabled{background:#b9bcc2;box-shadow:0 4px #9497a0;opacity:.6;cursor:default}.cb-send .cb-ico{width:20px!important;height:20px!important;transform:translate(-1px)}.cb-words{flex:0 0 auto;max-height:34vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:10px;background:#ffffff80;border-radius:var(--cb-radius)}.cb-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:none;border-radius:999px;background:linear-gradient(180deg,#fff,#f1f2f5);box-shadow:0 2px #1c1c1e2e;color:var(--cb-ink);font-family:var(--cb-display);font-weight:700;font-size:clamp(14px,4vw,16px);cursor:pointer;transition:transform calc(var(--cb-time-scale, 1) * .08s) ease,box-shadow calc(var(--cb-time-scale, 1) * .08s) ease,opacity calc(var(--cb-time-scale, 1) * .15s) ease;-webkit-tap-highlight-color:transparent}.cb-chip:hover:not(:disabled){transform:translateY(-1px)}.cb-chip:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #1c1c1e2e}.cb-chip:disabled{opacity:.35;cursor:default}.cb-chip.cb-chip--ghost{background:none;box-shadow:none;color:transparent;outline:2px dashed rgba(28,28,30,.22);outline-offset:-2px;opacity:1;pointer-events:none}.cb-chip--placed{background:linear-gradient(180deg,#eaf3ff,#d7e8ff);box-shadow:0 2px 0 var(--cb-self-deep)}.cb-chip--enter{animation:cb-pop calc(var(--cb-time-scale, 1) * .28s) cubic-bezier(.34,1.56,.64,1)}@keyframes cb-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cb-card{align-self:center;width:min(100%,460px);max-height:100%;background:var(--cb-card);border-radius:var(--cb-radius);padding:22px 20px;text-align:center}.cb-intro__art{display:flex;justify-content:center;margin-bottom:6px}.cb-chat-art{width:84px;height:64px;animation:cb-hover calc(var(--cb-time-scale, 1) * 2.4s) ease-in-out infinite}.cb-chat-art__b1{fill:var(--cb-other)}.cb-chat-art__b2{fill:var(--cb-self)}.cb-chat-art__dot{fill:var(--cb-ink-soft)}@keyframes cb-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cb-intro__title{font-family:var(--cb-display);font-size:clamp(24px,8vw,32px);margin:6px 0 8px;color:var(--cb-self-deep)}.cb-intro__lead{margin:0 0 18px;color:var(--cb-ink-soft);line-height:1.5;font-size:15px}.cb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:none;border-radius:999px;font-family:var(--cb-display);font-weight:800;font-size:18px;text-decoration:none;cursor:pointer;transition:transform calc(var(--cb-time-scale, 1) * .08s) ease,box-shadow calc(var(--cb-time-scale, 1) * .08s) ease}.cb-btn--primary{background:var(--cb-self);color:#fff;box-shadow:0 5px 0 var(--cb-self-deep)}.cb-btn--primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--cb-self-deep)}.cb-btn--ghost{background:#fff;color:var(--cb-ink);border:2px solid var(--cb-self-deep);box-shadow:0 4px #2f6fd659}.cb-btn--ghost:active{transform:translateY(2px);box-shadow:0 2px #2f6fd659}.cb-results{display:flex;flex-direction:column;min-height:0;padding:clamp(12px,2.4vh,22px) 18px}.cb-results__title{flex:0 0 auto;font-family:var(--cb-display);font-size:clamp(20px,5vh,30px);margin:0 0 clamp(2px,1vh,6px);color:var(--cb-self-deep);line-height:1.1}.cb-results__score{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(6px,1.6vh,14px)}.cb-results__pct{font-family:var(--cb-display);font-size:clamp(34px,8.5vh,52px);font-weight:800;color:var(--cb-accent-deep);line-height:1}.cb-results__sub{flex:0 0 auto;font-weight:700;margin:clamp(2px,1vh,6px) 0 clamp(4px,1vh,8px)}.cb-results__clean{flex:0 0 auto;color:var(--cb-accent-deep);font-weight:700}.cb-tricky{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0 0 clamp(8px,1.6vh,16px);padding:0;display:flex;flex-direction:column;gap:6px}.cb-tricky__item{padding:6px 12px;border-radius:11px;background:#3d8bfd17;border:1.5px solid rgba(47,111,214,.22);font-size:clamp(13px,2vh,15px);text-align:left}.cb-results__actions{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(8px,1.4vh,10px);align-items:stretch}.cb-results__actions .cb-btn{flex:1 1 140px;padding-inline:14px;white-space:nowrap}.cb-error{margin:24px auto;max-width:420px;padding:16px 18px;border-radius:12px;background:#fff0ee;border:2px solid var(--cb-alert-deep);color:#8a2e28;font-weight:600;text-align:center}.cb-rotate{display:none}@media screen and (orientation:landscape)and (max-height:500px)and (pointer:coarse){.cb-game>*:not(.cb-rotate){display:none!important}.cb-rotate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--cb-bg);text-align:center;z-index:10}.cb-rotate__inner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:320px}.cb-rotate__ico{width:60px;height:60px;color:var(--cb-self);animation:cb-rotate-hint calc(var(--cb-time-scale, 1) * 1.9s) ease-in-out infinite}.cb-rotate__msg{margin:0;font-family:var(--cb-display);font-weight:700;font-size:16px;color:var(--cb-ink)}}@keyframes cb-rotate-hint{0%,55%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}.cb-chip:focus-visible,.cb-send:focus-visible,.cb-btn:focus-visible,.cb-replay:focus-visible{outline:3px solid var(--cb-self-deep);outline-offset:3px}@media(prefers-reduced-motion:reduce){.cb-chip--enter,.cb-chat-art,.cb-rotate__ico,.cb-typing__dot,.cb-bubble--pending{animation:none}.cb-chip,.cb-send,.cb-btn,.cb-replay,.cb-bubble__translation{transition:none}}@media(max-height:620px){.cb-words{max-height:28vh}.cb-bubble{font-size:14px}}.cb-game.is-review .cb-assembly-wrap,.cb-game.is-review .cb-words{display:none}.cb-review{flex:0 0 auto;display:flex;justify-content:center;padding:10px 0 4px}.cb-review[hidden]{display:none}.cb-bubble[data-audio-key]{cursor:pointer}.cb-game.is-intro .cb-chat,.cb-game.is-intro .cb-assembly-wrap,.cb-game.is-intro .cb-words,.cb-game.is-results .cb-chat,.cb-game.is-results .cb-assembly-wrap,.cb-game.is-results .cb-words{display:none}.cb-game.is-intro .cb-stage,.cb-game.is-results .cb-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}