:root{--bg: #f4f1e8;--panel: #fffdf6;--panel2: #e9e4d6;--text: #23262e;--muted: #5a5f6b;--accent: #1d4ea3;--accentText: #fff;--board: #fbf9f2;--grid: #7c93ad;--gridSoft: #c9d8e6;--x: #1d4ea3;--o: #b3261e;--win: #c05600;--hintCell: #f6e7a8;--focus: #1d4ea3;--focus2: #fff;--onBg: #23262e;--onBgMuted: #5a5f6b;--danger: #b3261e;--radius: 14px;--cell: 40px;color-scheme:light}:root[data-theme=chalk],:root[data-theme=neon]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--onBg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root[data-theme=notebook] body{background-color:var(--bg);background-image:linear-gradient(90deg,transparent 34px,rgba(214,90,90,.45) 34px,rgba(214,90,90,.45) 36px,transparent 36px),linear-gradient(rgba(125,160,200,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(125,160,200,.22) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px}:root[data-theme=chalk] body{background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.07),transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(255,255,255,.05),transparent 55%),repeating-linear-gradient(35deg,rgba(255,255,255,.012) 0 3px,transparent 3px 9px)}:root[data-theme=neon] body{background-color:var(--bg);background-image:radial-gradient(circle at 15% 10%,rgba(62,240,255,.14),transparent 40%),radial-gradient(circle at 85% 90%,rgba(255,90,217,.14),transparent 42%)}:root[data-theme=wood] body{background-color:var(--bg);background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.06) 0 2px,transparent 2px 11px),repeating-linear-gradient(88deg,rgba(255,255,255,.035) 0 1px,transparent 1px 17px),linear-gradient(180deg,#7b4d2a,#5f3b1f)}#app{position:fixed;left:0;right:0;top:0;height:var(--tg-viewport-stable-height, 100%);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.screen{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%;position:relative}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:8px 16px 20px;width:100%;max-width:760px;margin:0 auto}.topbar{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px calc(8px + var(--sluzhebnye-sprava, 0px)) 6px 8px;color:var(--onBg);flex:0 0 auto}.topbar-title{flex:1 1 auto;margin:0;text-align:center;font-size:clamp(17px,1.2vw + 13px,22px);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.topbar-title:focus,[data-autofocus]:focus,h1:focus,h2:focus{outline:none;box-shadow:none}.icon-spacer{width:44px;flex:0 0 44px}.icon{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.icon-btn{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;box-shadow:0 1px 2px #00000026}.btn{min-height:48px;padding:10px 18px;border:0;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:600;line-height:1.2;text-align:center;overflow-wrap:break-word;transition:transform .08s ease,filter .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accentText);box-shadow:0 2px #0000002e}.btn-plain{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--panel2),0 1px 2px #0000001f}.btn-ghost{background:transparent;color:var(--onBg);box-shadow:inset 0 0 0 1.5px currentColor}.btn-danger{background:var(--panel);color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger)}.btn:disabled{opacity:.45;cursor:default}.btn.wide{width:100%}@media (hover: hover){.btn:hover:not(:disabled){filter:brightness(1.05)}}:focus-visible{outline:3px solid var(--focus);outline-offset:1px;box-shadow:0 0 0 5px var(--focus2)}.cell:focus-visible{outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--focus2);z-index:3}.topbar-menu{justify-content:space-between;min-height:52px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--panel);color:var(--text);font-size:14px;font-weight:600;box-shadow:0 1px 2px #0000001f}.badge .icon{width:18px;height:18px}.badge-champion{color:var(--accent)}.menu-main{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:4px 16px 20px;gap:10px}.logo{display:grid;grid-template-columns:repeat(3,1fr);width:clamp(92px,16vh,150px);aspect-ratio:1;background:var(--board);border-radius:18px;box-shadow:0 3px 10px #0000002e;padding:6px;margin-top:4px}.logo-cell{display:grid;place-items:center;border-color:var(--grid);border-style:solid;border-width:0}.logo-cell:nth-child(-n+6){border-bottom-width:2px}.logo-cell:not(:nth-child(3n)){border-right-width:2px}.logo-cell svg.mark{width:74%;height:74%}.menu-title{margin:6px 0 0;font-size:clamp(30px,3vw + 18px,46px);font-weight:800;letter-spacing:.005em;text-align:center}.menu-title:focus{outline:none}.menu-sub{margin:0 0 8px;color:var(--onBgMuted);font-size:18px}.menu-list{display:flex;flex-direction:column;gap:10px;width:min(100%,420px)}.menu-item{justify-content:flex-start;min-height:56px;padding:10px 18px;gap:14px;text-align:left}.menu-item-text{display:flex;flex-direction:column;align-items:flex-start}.menu-item-sub{font-size:13px;font-weight:500;opacity:.8}.menu-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;width:min(100%,520px);margin-top:6px}.small-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border:0;border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 1px 2px #0000001f;overflow-wrap:normal;word-break:normal;hyphens:manual;text-align:center}.choice{border:0;margin:0 0 18px;padding:0;min-width:0}.choice[hidden]{display:none}.choice-title{font-size:15px;font-weight:700;color:var(--onBgMuted);padding:0 2px 8px;text-transform:none}.choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-row .choice-list{grid-template-columns:repeat(auto-fit,minmax(max(128px,9.5em),1fr))}@media (min-width: 720px){.choice-variants .choice-list,#app .choice-list{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-row .choice-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.choice-item{position:relative;display:block;cursor:pointer}.choice-item input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.choice-card{display:flex;align-items:center;gap:10px;height:100%;min-height:56px;padding:10px 12px;border-radius:var(--radius);background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--panel2)}.choice-variants .choice-card{flex-direction:column;align-items:flex-start}.choice-item input:checked+.choice-card{box-shadow:inset 0 0 0 3px var(--accent)}.choice-item input:focus-visible+.choice-card{outline:3px solid var(--focus);outline-offset:2px}.choice-text{display:flex;flex-direction:column;gap:2px;min-width:0}.choice-label{font-weight:700;font-size:16px;overflow-wrap:anywhere}.choice-note{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.choice fieldset:disabled{opacity:.6}.mini{width:56px;height:56px;flex:0 0 auto;background:var(--board);border-radius:10px}.mini-grid{stroke:var(--grid);stroke-width:2;stroke-linecap:round}.mini-grid.thin{stroke-width:1;opacity:.75}.mini-active{fill:none;stroke:var(--accent);stroke-width:2}.mini svg.mark .stroke{stroke-width:12}.mini .faded-mark{opacity:.38}.mini-cube{fill:var(--panel);stroke:var(--grid);stroke-width:1}.bottombar{flex:0 0 auto;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center}.bottombar .btn{max-width:420px}.board-area{position:relative;flex:1 1 0;min-height:0;min-width:0;padding:10px}.board{position:absolute;background:var(--board);border-radius:16px;box-shadow:0 4px 14px #0003;display:grid;overflow:hidden}.board-classic,.board-vanishing{grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));padding:3%}.board-five{grid-template:repeat(11,minmax(0,1fr)) / repeat(11,minmax(0,1fr));padding:0;border-radius:10px}.board-ultimate{grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));gap:calc(var(--cell) * .34);padding:0;background:transparent;box-shadow:none;overflow:visible}.cell{position:relative;display:grid;place-items:center;margin:0;padding:0;border:0;min-width:0;min-height:0;background:transparent;color:inherit;cursor:pointer;border-color:var(--grid);border-style:solid;border-width:0;touch-action:manipulation}.cell[aria-disabled=true]{cursor:default}.board-classic .cell,.board-vanishing .cell{border-width:0}.board-classic .cell:nth-child(-n+6),.board-vanishing .cell:nth-child(-n+6){border-bottom-width:3px}.board-classic .cell:not(:nth-child(3n)),.board-vanishing .cell:not(:nth-child(3n)){border-right-width:3px}.board-five .cell{border-right-width:1px;border-bottom-width:1px}.board-five .cell:nth-child(11n){border-right-width:0}.board-five .cell:nth-child(n+111){border-bottom-width:0}.sub{position:relative;display:grid;grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));min-width:0;min-height:0;background:var(--board);border-radius:10px;box-shadow:0 2px 8px #0000002e;padding:2%;transition:box-shadow .2s ease,opacity .2s ease}.sub .cell:nth-child(-n+6){border-bottom-width:2px}.sub .cell:not(:nth-child(3n)){border-right-width:2px}.sub.active{box-shadow:0 0 0 3px var(--accent),0 2px 10px #00000040}.board-ultimate.free .sub.active{box-shadow:0 0 0 1.5px var(--accent),0 2px 8px #0000002e}.sub.decided .cell svg.mark{opacity:.28}.sub.drawn{opacity:.55}.sub-over{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.sub-over svg.mark.big{width:92%;height:92%}.sub-over svg.mark.big .stroke{stroke-width:9}svg.mark{width:76%;height:76%;overflow:visible;pointer-events:none}svg.mark .stroke{fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.board-five svg.mark .stroke,.board-ultimate .cell svg.mark .stroke{stroke-width:12}svg.mark-x .stroke{stroke:var(--x)}svg.mark-o .stroke{stroke:var(--o)}svg.mark.draw .stroke{stroke-dasharray:100;stroke-dashoffset:100;animation:kn-draw .26s ease-out forwards}svg.mark.draw .s2{animation-delay:.13s}svg.mark.ghost{opacity:.34}svg.mark.fade-out{transition:opacity .3s ease,transform .3s ease;opacity:0;transform:scale(.85)}.cell.faded svg.mark:not(.ghost){opacity:.36}@keyframes kn-draw{to{stroke-dashoffset:0}}.cell.on:before{content:"";position:absolute;inset:8%;border-radius:22%;background:var(--accent);opacity:0;transition:opacity .12s ease}@media (hover: hover){.cell.on:hover:before{opacity:.09}}.cell.hint{background:var(--hintCell);animation:kn-pulse 1s ease-in-out infinite alternate}@keyframes kn-pulse{0%{box-shadow:inset 0 0 0 0 var(--accent)}to{box-shadow:inset 0 0 0 4px var(--accent)}}.cell.last:after{content:"";position:absolute;top:9%;right:9%;width:13%;height:13%;min-width:4px;min-height:4px;border-radius:50%;background:var(--win);opacity:.9}.board.over .cell.last:after{display:none}.board.waiting .cell{cursor:default}.win-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.win-line{stroke:var(--win);stroke-width:max(4px,calc(var(--cell) * .13));stroke-linecap:round;opacity:.92}.board-ultimate .win-line{stroke-width:max(6px,calc(var(--cell) * .45))}.win-line.draw{stroke-dasharray:100;stroke-dashoffset:100;animation:kn-draw .45s ease-out .1s forwards}:root[data-theme=neon] svg.mark-x .stroke{filter:drop-shadow(0 0 3px var(--x))}:root[data-theme=neon] svg.mark-o .stroke{filter:drop-shadow(0 0 3px var(--o))}:root[data-theme=neon] .win-line{filter:drop-shadow(0 0 4px var(--win))}:root[data-theme=neon] .board,:root[data-theme=neon] .sub{box-shadow:0 0 0 1px var(--gridSoft),0 0 22px #3ef0ff1f}:root[data-theme=neon] .sub.active{box-shadow:0 0 0 3px var(--accent),0 0 18px #3ef0ff59}:root[data-theme=wood] svg.mark .stroke{filter:drop-shadow(0 1px 0 rgba(255,246,232,.45))}:root[data-theme=wood] .board,:root[data-theme=wood] .sub{background-image:repeating-linear-gradient(90deg,rgba(90,50,20,.06) 0 2px,transparent 2px 9px);background-color:var(--board)}:root[data-theme=chalk] svg.mark .stroke{opacity:.95}.small-space{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:10px;text-align:center;background:var(--bg);color:var(--onBg);font-weight:600}.small-space[hidden]{display:none}.small-space p{margin:0;max-width:32em}.screen-game .game-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.screen-game .game-side{display:contents}.status-box{order:1;flex:0 0 auto;text-align:center;padding:0 14px;min-height:48px}.screen-game .board-area{order:2}.score{order:3;flex:0 0 auto;text-align:center;font-size:14px;color:var(--onBgMuted);padding:0 12px 2px}.score[hidden]{display:none}.game-actions{order:4;flex:0 0 auto;display:flex;justify-content:center;gap:10px;padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px))}.game-actions .btn{min-height:46px;padding:8px 14px}.game-actions .btn-label{white-space:nowrap}@media (max-width: 480px){.game-actions.tight{gap:6px;padding-left:8px;padding-right:8px}.game-actions.tight .btn{padding:8px 10px}.game-actions.tight .rules-btn .btn-label{display:none}}.status{margin:0;font-size:clamp(18px,1.2vw + 14px,24px);font-weight:800}.substatus{margin:2px 0 0;font-size:14px;color:var(--onBgMuted);min-height:1.35em}.timer{display:inline-block;margin-top:2px;padding:2px 10px;border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700}.timer.low{background:var(--danger);color:var(--panel)}.timer[hidden]{display:none}.screen-game.thinking .status:after{content:"";display:inline-block;width:.9em;height:.9em;margin-left:.45em;vertical-align:-.1em;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:kn-spin .8s linear infinite}@keyframes kn-spin{to{transform:rotate(360deg)}}@media (orientation: landscape) and (min-aspect-ratio: 5/4){.screen-game .game-main{flex-direction:row}.screen-game .game-side{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;order:3;width:clamp(190px,32%,340px);flex:0 0 auto;padding:8px 14px 8px 4px;overflow-y:auto;min-height:0}.screen-game .game-side>:first-child{margin-top:auto}.screen-game .game-side>:last-child{margin-bottom:auto}:root.sluzhebnye-knopki .screen-game .game-main{flex-direction:row-reverse}:root.sluzhebnye-knopki .screen-game .game-side{padding:8px 4px 8px 14px}.screen-game .status-box,.screen-game .score,.screen-game .game-actions{order:0}.screen-game .status-box,.screen-game .score{text-align:left;padding:0}.screen-game .game-actions{flex-direction:column;align-items:stretch;padding:0}.screen-game .board-area{order:1}}@media (max-height: 460px){.topbar{min-height:44px;padding-top:2px;padding-bottom:2px}.icon-btn{width:40px;height:40px;flex-basis:40px}.icon-spacer{width:40px;flex-basis:40px}.topbar-title{font-size:16px;-webkit-line-clamp:1}.status{font-size:17px}.substatus{font-size:13px}.status-box{min-height:0}.game-actions .btn{min-height:40px;padding:6px 12px;font-size:15px}.logo{display:none}.menu-title{font-size:28px;margin-top:0}.menu-item{min-height:46px}}@media (max-height: 300px){.topbar{min-height:40px;padding-top:0;padding-bottom:0}.icon-btn{width:40px;height:40px;flex-basis:40px;border-radius:10px}.icon-spacer{width:40px;flex-basis:40px}.topbar-title{font-size:15px}.menu-sub,.substatus{display:none}.status{font-size:15px}.game-actions .btn{min-height:40px;padding:4px 10px;font-size:14px}.rules-main{overflow-y:auto}.rules-copy{max-height:none}.demo-area{display:none}.menu-small{grid-template-columns:repeat(5,minmax(0,1fr))}.small-item{min-height:44px;flex-direction:row;font-size:12px}.scroll{padding-top:4px;padding-bottom:6px}.bottombar{padding-top:4px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.bottombar .btn{min-height:40px;padding-top:4px;padding-bottom:4px}}.dialog-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0a0c1480;animation:kn-fade .15s ease-out}.dialog-back.is-result{place-items:end center;background:#0a0c142e;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.dialog-back.is-result .dialog{animation:kn-rise .22s ease-out}@keyframes kn-rise{0%{transform:translateY(24px);opacity:0}}@media (orientation: landscape) and (min-aspect-ratio: 5/4){.dialog-back.is-result{place-items:center end;padding-right:max(16px,env(safe-area-inset-right,0px))}.dialog-back.is-result .dialog{width:min(40vw,380px)}}.dialog{width:min(100%,440px);max-height:calc(100% - 8px);overflow-y:auto;padding:22px 20px 18px;border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 10px 40px #00000059;animation:kn-pop .18s ease-out}.dialog-title{margin:0 0 8px;font-size:24px;font-weight:800;text-align:center}.dialog-text{margin:0 0 14px;color:var(--muted);text-align:center}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.dialog-actions .btn{flex:1 1 140px}.result-win .dialog-title{color:var(--accent)}.res-body{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.res-body p{margin:0}.reward{display:inline-flex;align-items:center;gap:6px;font-weight:700}.reward .icon{width:20px;height:20px}.res-round{font-weight:800;font-size:18px}.muted{color:var(--muted)}.screen .scroll>.muted,.screen .scroll>.note{color:var(--onBgMuted)}@keyframes kn-fade{0%{opacity:0}}@keyframes kn-pop{0%{transform:scale(.94);opacity:0}}#toast{position:fixed;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(18px + var(--demo-banner, 0px) + env(safe-area-inset-bottom,0px));transform:translateY(20px);z-index:60;max-width:min(92vw,460px);padding:10px 16px;border-radius:14px;background:var(--text);color:var(--panel);font-size:15px;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#toast.show{opacity:1;transform:translateY(0)}.stars{display:inline-flex;gap:2px}.star .icon{width:22px;height:22px;fill:var(--panel2);stroke:var(--muted);stroke-width:1.2}.star.on .icon{fill:#f2b01e;stroke:#b07800}.rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.round{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000024}.round.current{box-shadow:0 0 0 3px var(--accent)}.round.locked{box-shadow:inset 0 0 0 1.5px var(--panel2)}.round.locked .round-pic{opacity:.6;filter:grayscale(.7)}.round-title{margin:0;font-size:16px}.round-what,.round-goal,.round-progress,.round-lock{margin:2px 0 0;font-size:14px}.round-goal,.round-lock{color:var(--muted)}.round-progress{font-weight:700;color:var(--accent)}.round-lock{display:flex;align-items:center;gap:4px}.round-lock .icon{width:16px;height:16px}.round .btn{min-height:44px;padding:8px 14px}@media (max-width: 420px){.round{grid-template-columns:auto 1fr}.round .btn{grid-column:1 / -1}}.champion-banner{display:flex;align-items:center;gap:12px;margin:4px 0 12px;padding:14px;border-radius:16px;background:var(--accent);color:var(--accentText)}.champion-banner .icon{width:34px;height:34px}.champion-banner p{margin:2px 0 0}.note{font-size:14px}.online-panel{display:flex;flex-direction:column;gap:12px;align-items:stretch}.screen-online .choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 720px){.screen-online .choice-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.online-actions{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>.btn{flex:1 1 auto}.join{margin-top:8px;padding:14px;border-radius:16px;background:var(--panel);color:var(--text)}.join .muted{margin:2px 0 10px}.code-label{font-weight:700;margin:0}.code-input{flex:1 1 8ch;min-width:8ch;min-height:48px;padding:8px 12px;border-radius:12px;border:2px solid var(--panel2);background:var(--board);color:var(--text);font-size:22px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.room-code{margin:0;text-align:center;font-size:clamp(34px,6vw,52px);font-weight:800;letter-spacing:.22em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;-webkit-user-select:all;user-select:all;color:var(--onBg)}.wait{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin:0}.invite{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "code" "rules" "qr" "note" "actions" "link" "cancel"}.invite>.inv-label{grid-area:label}.invite>.inv-code{grid-area:code}.invite>.inv-rules{grid-area:rules}.invite>.inv-qr{grid-area:qr}.invite>.inv-note{grid-area:note}.invite>.inv-actions{grid-area:actions}.invite>.inv-link{grid-area:link}.invite>.inv-cancel{grid-area:cancel}.invite>.note{margin:0}@media (orientation: landscape) and (min-width: 480px){.invite{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-content:start;grid-template-areas:"label qr" "code qr" "rules qr" "note qr" "actions qr" "link qr" "cancel qr"}.invite>.inv-qr{align-self:start}.invite>.inv-cancel{justify-self:stretch}}@media (orientation: landscape) and (max-height: 460px){.invite{gap:8px}.invite .room-code{font-size:34px}.invite>.inv-note{display:none}.invite .qr-hint{display:none}.invite .qr-box{padding:8px;width:min-content}}@media (max-height: 640px){.invite.has-qr>.inv-note{display:none}.invite.has-qr .qr-box{padding:8px 10px;gap:6px}}.qr-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:var(--panel);color:var(--text);width:min(100%,300px);justify-self:center}.qr{display:block;border-radius:10px;background:#fff;image-rendering:pixelated;box-shadow:0 0 0 1px #0000001f}.qr-hint{margin:0;text-align:center;font-size:14px;color:var(--muted);max-width:26em}.invite-actions{display:flex;flex-wrap:wrap;gap:10px}.invite-actions .btn{flex:1 1 10em}.invite-link{width:100%;min-height:44px;padding:8px 10px;border-radius:12px;border:2px solid var(--panel2);background:#fff;color:#222;font-size:14px}.invite-link[hidden]{display:none}.spinner{width:20px;height:20px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:kn-spin .8s linear infinite}.error{margin:0;padding:10px 12px;border-radius:12px;background:var(--panel);color:var(--danger);font-weight:600}.small,.join .small{font-size:13px}.rules-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0 12px 12px;gap:10px}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:0 0 auto;padding:2px}@media (max-width: 520px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-area .board{pointer-events:none}.tab{min-width:0;min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:var(--panel);color:var(--text);font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--panel2)}.tab[aria-selected=true]{background:var(--accent);color:var(--accentText);box-shadow:none}.rules-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}.rules-copy{flex:0 1 auto;overflow-y:auto;max-height:45%;padding:12px 14px;border-radius:16px;background:var(--panel);color:var(--text)}.rules-title{margin:0 0 6px;font-size:18px}.rules-text{margin:0;font-size:16px;line-height:1.45}.demo-area{min-height:140px}@media (orientation: landscape) and (min-aspect-ratio: 5/4){.rules-body{flex-direction:row}.rules-copy{max-height:none;width:42%;flex:0 0 auto}}.theme-list{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.theme-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000024}.theme-card.current{box-shadow:0 0 0 3px var(--accent)}.theme-name{margin:0;font-size:16px;text-align:center}.theme-preview{border-radius:12px;padding:10px;background:var(--bg)}.theme-board{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;background:var(--board);border-radius:10px;padding:4px}.theme-cell{display:grid;place-items:center;border-color:var(--grid);border-style:solid;border-width:0}.theme-cell:nth-child(-n+6){border-bottom-width:2px}.theme-cell:not(:nth-child(3n)){border-right-width:2px}.theme-cell svg.mark{width:70%;height:70%}.theme-cell svg.mark .stroke{stroke-width:11}[data-theme-preview=neon] .theme-cell svg.mark-x .stroke{filter:drop-shadow(0 0 2px var(--x))}[data-theme-preview=neon] .theme-cell svg.mark-o .stroke{filter:drop-shadow(0 0 2px var(--o))}.theme-state{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:14px;font-weight:600;text-align:center;min-height:44px}.theme-state.on{color:var(--accent)}.theme-state.locked{color:var(--muted)}.theme-state .icon{width:18px;height:18px}.shop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.shop-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000024}.shop-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--panel2)}.shop-text h2{margin:0 0 4px;font-size:17px}.shop-text p{margin:0;font-size:14px;color:var(--muted)}.shop-item .buy,.shop-item .owned,.shop-item>.price{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.price{font-size:18px;font-weight:800}.currency-icon{width:1.1em;height:1.1em;vertical-align:-.2em}.owned{color:var(--accent);font-weight:700;justify-content:flex-start!important}.settings .group{margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.switch-row,.range-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 14px;border-radius:14px;background:var(--panel);color:var(--text);font-weight:600}.switch{appearance:none;-webkit-appearance:none;width:52px;height:30px;border-radius:999px;background:var(--panel2);position:relative;cursor:pointer;margin:0;flex:0 0 auto;transition:background .15s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .15s ease}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(22px)}.switch:disabled{opacity:.5}.range{flex:1 1 auto;max-width:60%;accent-color:var(--accent);min-height:32px}.about h2{margin:0;font-size:17px}.about p{margin:0}.about{padding:14px;border-radius:14px;background:var(--panel);color:var(--text)}.stats-block{margin-bottom:14px;padding:12px 14px;border-radius:16px;background:var(--panel);color:var(--text)}.stats-block h2{margin:0 0 8px;font-size:17px}.stats{width:100%;border-collapse:collapse;font-size:15px}.stats th,.stats td{padding:6px 4px;text-align:center}.stats tbody th{text-align:left;font-weight:600}.stats thead th{font-size:13px;color:var(--muted);font-weight:600}.stats tbody tr+tr th,.stats tbody tr+tr td{border-top:1px solid var(--panel2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}svg.mark.draw .stroke,.win-line.draw{stroke-dashoffset:0;animation:none}.cell.hint{animation:none;box-shadow:inset 0 0 0 4px var(--accent)}}.fx-root{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}.fx-p,.fx-star,.fx-conf,.fx-ring,.fx-pop{position:absolute;pointer-events:none;will-change:transform,opacity}.fx-p{box-shadow:0 0 0 1px #0000002e}.fx-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.fx-ring{border-radius:50%}.fx-pop{font-weight:900;font-size:20px;line-height:1;letter-spacing:.02em;white-space:nowrap;color:var(--text);text-shadow:0 0 8px var(--panel),0 0 2px var(--panel)}svg.mark.draw{transform-origin:50% 50%;animation:kn-bump .34s cubic-bezier(.2,1.6,.4,1)}@keyframes kn-bump{0%{transform:scale(.55) rotate(-8deg)}55%{transform:scale(1.16) rotate(3deg)}to{transform:none}}.result .dialog-title{animation:kn-title .5s cubic-bezier(.2,1.5,.4,1) both}.result .res-body>*{animation:kn-rise-in .36s ease-out both}.result .res-body>:nth-child(1){animation-delay:.12s}.result .res-body>:nth-child(2){animation-delay:.22s}.result .res-body>:nth-child(n+3){animation-delay:.32s}.result .stars .star{display:inline-flex}.result .stars .star.on{animation:kn-star .55s cubic-bezier(.2,1.7,.4,1) both}.result .stars .star.on:nth-child(2){animation-delay:.3s}.result .stars .star.on:nth-child(3){animation-delay:.6s}@keyframes kn-title{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes kn-rise-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes kn-star{0%{transform:scale(0) rotate(-40deg);opacity:0}60%{transform:scale(1.35) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}:root[data-fx=off] svg.mark.draw,:root[data-fx=off] .result .dialog-title,:root[data-fx=off] .result .res-body>*,:root[data-fx=off] .result .stars .star{animation:none}:root[data-fx=off] .fx-root{display:none}.board-misere,.board-wild{grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));padding:3%}.board-misere .cell,.board-wild .cell{border-width:0}.board-misere .cell:nth-child(-n+6),.board-wild .cell:nth-child(-n+6){border-bottom-width:3px}.board-misere .cell:not(:nth-child(3n)),.board-wild .cell:not(:nth-child(3n)){border-right-width:3px}.board-orderchaos{grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr));padding:1.5%;border-radius:12px}.board-orderchaos .cell{border-right-width:2px;border-bottom-width:2px}.board-orderchaos .cell:nth-child(6n){border-right-width:0}.board-orderchaos .cell:nth-child(n+31){border-bottom-width:0}.board-orderchaos svg.mark .stroke{stroke-width:11}.board-notakto{grid-template:minmax(0,1fr) / repeat(3,minmax(0,1fr));gap:calc(var(--cell) * .5);padding:0;background:transparent;box-shadow:none;overflow:visible}.board-notakto.notakto-l{grid-template:repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr))}.board-notakto.notakto-l .sub:nth-child(3){grid-column:1 / 3;justify-self:center;width:calc(50% - var(--cell) * .25)}.board-notakto .sub{padding:2%}.board-notakto .cell svg.mark .stroke{stroke-width:12}.sub.dead{opacity:.42}.sub.dead .cell{cursor:default}.board-quixo{grid-template:repeat(5,minmax(0,1fr)) / repeat(5,minmax(0,1fr));padding:2.5%;gap:3%;border-radius:14px}.cell.cube{border-width:0;border-radius:14%;background:var(--panel);box-shadow:inset 0 0 0 2px var(--gridSoft),0 2px 0 var(--gridSoft)}.cell.cube.edge{box-shadow:inset 0 0 0 2px var(--grid),0 2px 0 var(--grid)}.board-quixo .cell.on:before{inset:0;border-radius:14%}.board-quixo .cell.on{box-shadow:inset 0 0 0 3px var(--accent),0 2px 0 var(--grid)}.board-quixo .cell.picked{background:var(--hintCell);box-shadow:inset 0 0 0 4px var(--accent),0 2px 0 var(--grid)}.board-quixo .cell.dest{background:var(--hintCell);box-shadow:inset 0 0 0 3px var(--accent),0 2px 0 var(--grid)}.board-quixo .cell.dest:after{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--accent);opacity:.55}.board-quixo svg.mark .stroke{stroke-width:12}.mark-picker{display:flex;align-items:center;gap:10px;padding:6px 2px}.mark-picker[hidden]{display:none}.pick-label{font-weight:700;font-size:14px;color:var(--onBg)}.pick-mark{width:56px;height:56px;padding:6px;border:0;border-radius:14px;cursor:pointer;background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--panel2);touch-action:manipulation}.pick-mark[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--accent);background:var(--hintCell)}.pick-mark:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pick-mark svg.mark{width:100%;height:100%}@media (max-height: 460px){.pick-mark{width:44px;height:44px}}.choice-variants .choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 720px){.choice-variants .choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.tabs{display:flex;flex-wrap:wrap}.tabs .tab{flex:1 1 calc(33% - 6px);min-width:0}@media (max-width: 520px){.tabs .tab{flex-basis:calc(50% - 6px)}}.season{margin-top:14px}.season-title{margin:0 0 8px;font-size:18px;color:var(--onBg)}.season-note{font-weight:500;font-size:14px;color:var(--onBgMuted)}:root[data-theme=space]{color-scheme:dark}:root[data-theme=candy] body{background-color:var(--bg);background-image:radial-gradient(circle at 20px 20px,rgba(232,89,140,.16) 0 5px,transparent 6px),radial-gradient(circle at 50px 50px,rgba(123,63,228,.12) 0 4px,transparent 5px);background-size:60px 60px}:root[data-theme=space] body{background-color:var(--bg);background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 33% 72%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 58% 30%,rgba(255,230,140,.8),transparent),radial-gradient(1px 1px at 76% 61%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 90% 12%,rgba(180,240,255,.8),transparent),radial-gradient(1px 1px at 22% 90%,rgba(255,255,255,.6),transparent),radial-gradient(ellipse at 80% 100%,rgba(120,80,220,.28),transparent 55%),radial-gradient(ellipse at 10% 0%,rgba(255,143,199,.12),transparent 50%)}:root[data-theme=candy] .board,:root[data-theme=candy] .sub{border:2px solid var(--gridSoft)}:root[data-theme=candy] svg.mark .stroke{stroke-width:11}:root[data-theme=space] svg.mark-x .stroke{filter:drop-shadow(0 0 3px var(--x))}:root[data-theme=space] svg.mark-o .stroke{filter:drop-shadow(0 0 3px var(--o))}:root[data-theme=space] .win-line{filter:drop-shadow(0 0 4px var(--win))}:root[data-theme=space] .board,:root[data-theme=space] .sub{box-shadow:0 0 0 1px var(--gridSoft),0 0 22px #7850dc47}[data-theme-preview=space] .theme-cell svg.mark-x .stroke{filter:drop-shadow(0 0 2px var(--x))}[data-theme-preview=space] .theme-cell svg.mark-o .stroke{filter:drop-shadow(0 0 2px var(--o))}.logo svg.mark.draw{animation-fill-mode:both}.logo svg.mark.draw .stroke{animation-delay:calc(var(--d, 0) * 1ms);animation-fill-mode:both}.logo svg.mark.draw .s2{animation-delay:calc(var(--d, 0) * 1ms + .13s)}@media (min-width: 900px) and (min-height: 720px){.menu-main{gap:14px;padding-top:10px}.logo{width:clamp(150px,20vh,230px);border-radius:24px}.menu-title{font-size:clamp(44px,5vh,64px)}.menu-sub{font-size:22px}.menu-list{width:min(100%,560px);gap:14px}.menu-item{min-height:72px;font-size:21px;padding:12px 24px}.menu-item-sub{font-size:15px}.menu-small{width:min(100%,700px);gap:12px}.small-item{min-height:88px;font-size:16px}.badge{font-size:16px;padding:8px 16px}}@media (max-height: 460px){.tabs{flex-wrap:nowrap;gap:4px}.tabs .tab{flex:1 1 0;min-height:40px;padding:4px;font-size:13px}}@media (max-height: 300px){.tabs .tab{font-size:11px;padding:2px}}.game-actions{flex-wrap:wrap}@media (orientation: portrait){:root.sluzhebnye-knopki .screen-game .status-box{padding-left:var(--sluzhebnye-sprava, 0px);padding-right:var(--sluzhebnye-sprava, 0px)}}:root{--bronze: #b8763a;--silver: #8e99a6;--gold: #d99a12}.cup-bronze{--tier: var(--bronze)}.cup-silver{--tier: var(--silver)}.cup-gold{--tier: var(--gold)}.daily{display:grid;gap:4px;margin:4px 0 12px;padding:12px 14px;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 1px 4px #00000040,inset 5px 0 0 var(--accent)}.daily.done{box-shadow:0 1px 4px #00000040,inset 5px 0 0 var(--gold)}.daily-head{display:flex;align-items:center;gap:8px}.daily-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accentText);flex:0 0 30px}.daily-ico .icon{width:18px;height:18px}.daily-title{margin:0;font-size:17px;flex:1 1 auto}.daily-what{margin:0;font-weight:750;overflow-wrap:anywhere}.daily-note{margin:0;font-size:14px;color:var(--muted)}.daily .btn{margin-top:6px;min-height:46px}@media (min-width: 560px){.daily{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}.daily>.daily-head,.daily>.daily-what,.daily>.daily-note{grid-column:1}.daily>.btn{grid-column:2;grid-row:1 / span 3;margin:0;min-width:150px}}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 6px;border-radius:999px;background:#ffe7c2;color:#8a3b00;font-weight:850;font-size:15px}.streak-chip .icon{width:18px;height:18px;stroke:#b04a00}.streak-chip .icon path{fill:#f08a1c}.hub-tabs{display:flex;gap:6px;margin:0 0 12px;padding:4px;border-radius:14px;background:var(--panel2)}.hub-tab{flex:1 1 0;min-width:0;min-height:44px;padding:8px 6px;border:0;border-radius:10px;cursor:pointer;background:transparent;color:var(--text);font-weight:750;font-size:15px;overflow-wrap:anywhere}.hub-tab.on{background:var(--panel);box-shadow:0 1px 4px #00000040,inset 0 0 0 2px var(--accent)}.hub-tab:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.tab-panel:focus{outline:none}@media (max-width: 380px){.hub-tab{font-size:14px;padding:8px 2px}}.cup-icon{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;color:var(--tier, var(--gold))}.cup-icon .icon{width:40px;height:40px;stroke:currentColor;stroke-width:1.6}.cup-icon .icon path{fill:currentColor;fill-opacity:.32}.cup-icon.is-locked{color:var(--muted)}.cup-icon.is-locked .icon{width:26px;height:26px}.cup-icon.is-locked .icon path{fill:none}.cup-icon.is-dim:not(.is-locked){opacity:.5}.cup-icon.is-dim:not(.is-locked) .icon path{fill-opacity:.08}.cup-star{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--panel);box-shadow:0 0 0 1.5px var(--tier)}.cup-star .icon{width:12px;height:12px;stroke:#b07800;stroke-width:1}.cup-star .icon path{fill:#f2b01e;fill-opacity:1}.cups-panel{display:flex;flex-direction:column;gap:10px}.cups-panel .intro{margin:0}.cups-total{align-self:flex-end;margin:-2px 0;padding:4px 12px;border-radius:999px;background:var(--panel);color:var(--text);font-size:14px;font-weight:750;box-shadow:0 1px 3px #0003}.cups-row{padding:10px 12px 12px;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 1px 4px #00000040}.cups-rules{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:16px}.cups-count{font-size:13px;font-weight:650;color:var(--muted)}.cups-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cup-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px 6px;border-radius:12px;cursor:pointer;border:2px solid var(--gridSoft);background:var(--panel2);color:var(--text);font:inherit}.cup-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cup-btn.state-won,.cup-btn.state-star{border-color:var(--tier)}.cup-btn.state-now{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cup-btn.state-locked{opacity:.78}.cup-tier{font-weight:800;font-size:13px}.cup-state{font-size:12px;color:var(--muted);min-height:1.2em;text-align:center;overflow-wrap:anywhere}.cup-dialog .muted{margin:0 0 10px}.bracket{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.stage{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--panel2)}@media (max-height: 560px){.cup-dialog>.muted{display:none}.bracket{gap:6px;margin-bottom:6px}.stage{padding:5px 8px}.stage-pic{width:36px;height:36px;flex-basis:36px}}.stage.now{box-shadow:inset 0 0 0 2px var(--accent)}.stage.done{opacity:.75}.stage>.icon{width:22px;height:22px;color:var(--accent);margin-left:auto}.stage-pic{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:10px;background:var(--board)}.stage-pic .mini{width:34px;height:34px}.bracket-text{display:flex;flex-direction:column;min-width:0;text-align:left}.bracket-text span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.awards-panel{display:flex;flex-direction:column;gap:14px}.awards-h{margin:0 0 8px;font-size:17px;color:var(--onBg)}.shelf-board{display:flex;flex-direction:column;gap:10px;padding:10px 6px 6px;border-radius:16px;background:var(--panel2)}.shelf-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;padding-bottom:8px;border-bottom:6px solid #6b4423;border-radius:0 0 4px 4px;box-shadow:0 6px #0000002e}.shelf-slot{display:flex;justify-content:center;min-width:0}.shelf-slot .cup-icon{width:100%;max-width:34px;height:auto;aspect-ratio:1}.shelf-slot .cup-icon .icon{width:100%;height:100%}.shelf-slot .cup-star{width:13px;height:13px;right:-1px;top:-3px}.shelf-slot .cup-star .icon{width:9px;height:9px}.shelf-champion{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:var(--accent);color:var(--accentText)}.medals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 560px){.medals{grid-template-columns:repeat(3,minmax(0,1fr))}}.medal{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 1px 4px #00000040}.medal-badge{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel2);color:var(--muted)}.medal-badge .icon{width:24px;height:24px}.medal.got .medal-badge{background:radial-gradient(circle at 35% 30%,#ffe08a,#e0a91f 70%);color:#5a3a00;box-shadow:0 0 0 2px #b07800}.medal.got .medal-badge .icon path{fill:#fff6}.medal-name{font-weight:800;font-size:14px;overflow-wrap:anywhere;align-self:end}.medal-how{font-size:12px;color:var(--muted);overflow-wrap:anywhere;align-self:start}.medal:not(.got) .medal-name{opacity:.85}.cup-line{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:800}.cup-line .icon{width:26px;height:26px;color:var(--tier)}.cup-line .icon path{fill:currentColor;fill-opacity:.3}.medal-row .icon{color:#d99a12}.coach{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 12px;padding:8px 10px;border-radius:12px;background:var(--panel);color:var(--text);box-shadow:inset 4px 0 0 var(--accent),0 1px 4px #0003}.coach[hidden]{display:none}.coach-text{margin:0;flex:1 1 8em;min-width:0;font-size:15px;font-weight:650;overflow-wrap:anywhere}.coach-skip{flex:0 0 auto;min-height:40px;padding:4px 10px;font-size:14px}@media (max-height: 520px){.coach{padding:4px 8px;margin:4px 8px}.coach-text{font-size:13px;flex:1 1 100%}.coach-skip{min-height:40px;padding:2px 10px}}:root.tg-full #app{padding-top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));padding-right:calc(max(env(safe-area-inset-right,0px),var(--tg-safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px));padding-bottom:calc(max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));padding-left:calc(max(env(safe-area-inset-left,0px),var(--tg-safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px))}#app{z-index:1}html:before,html:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease}html:before{background:var(--art-wide, none) center / cover no-repeat}html:after{background:var(--bg)}@media (orientation: portrait){html:before{background-image:var(--art-tall, none)}}:root[data-art-ready]:before{opacity:1}:root[data-art-ready]:after{opacity:var(--veil, .7)}:root[data-contrast=high]:before,:root[data-contrast=high]:after{display:none}:root[data-contrast=high] .menu-art{display:none}:root[data-theme=notebook]{--veil: 0;--menu-dim: 1;--menu-veil: .55}:root[data-theme=chalk]{--veil: .76;--menu-dim: .55;--menu-veil: .5}:root[data-theme=neon]{--veil: .76;--menu-dim: .55;--menu-veil: .45}:root[data-theme=wood]{--veil: .7;--menu-dim: .55;--menu-veil: .55}:root[data-theme=candy]{--veil: .3;--menu-dim: 1;--menu-veil: .55}:root[data-theme=space]{--veil: .68;--menu-dim: .55;--menu-veil: .45}.menu-main{position:relative}.menu-art{position:absolute;z-index:-1;top:0;left:50%;width:min(100%,760px);height:clamp(200px,34vh,340px);transform:translate(-50%);pointer-events:none;overflow:hidden;border-radius:24px;-webkit-mask-image:radial-gradient(ellipse 56% 100% at 50% 0,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 56% 100% at 50% 0,#000 55%,transparent 100%)}.menu-art:after{content:"";position:absolute;inset:0;background:var(--bg);opacity:var(--menu-veil, .55)}.menu-art-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:0;transition:opacity .5s ease;filter:brightness(var(--menu-dim, 1))}.menu-art-img.on{opacity:1}.menu-art~.menu-sub{color:var(--onBg)}@media (max-height: 460px){.menu-art{display:none}}[data-theme-preview=chalk]{background:var(--art-chalk, var(--bg)) center / cover}[data-theme-preview=neon]{background:var(--art-neon, var(--bg)) center / cover}[data-theme-preview=wood]{background:var(--art-wood, var(--bg)) center / cover}[data-theme-preview=candy]{background:var(--art-candy, var(--bg)) center / cover}[data-theme-preview=space]{background:var(--art-space, var(--bg)) center / cover}.champion-cup{width:56px;height:56px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.season-medal{width:30px;height:30px;margin:-8px 0 -8px 8px;vertical-align:middle;object-fit:contain}.choice-card{position:relative}.choice-art{position:absolute;top:8px;right:8px;width:46px;height:46px;border-radius:12px;object-fit:cover;box-shadow:0 1px 3px #0003;background:var(--panel2)}@media (max-height: 460px){.choice-art{width:36px;height:36px;top:6px;right:6px}}.rules-lesson{margin-top:8px;min-height:40px}.rules-lesson[hidden]{display:none}.hub-tabs{flex-wrap:wrap}.hub-tab{flex:1 1 auto;overflow-wrap:normal}.choice-variants .choice-label{font-size:clamp(14px,4.4vw,17px);overflow-wrap:break-word}.cell.hint{box-shadow:inset 0 0 0 3px var(--accent)}.icon-btn{min-width:48px;min-height:48px}.rules-btn,.rules-btn.btn{min-height:48px}:root[data-contrast=high] .round.locked{opacity:1;outline:2px dashed var(--muted);outline-offset:-2px}@media (max-width: 360px) and (max-height: 640px){[data-testid=undo] .btn-label,.game-actions.tight .rules-btn .btn-label{display:none}}@media (min-width: 700px){.btn.wide,.online-actions .btn,.invite-actions .btn,.inv-cancel,.settings .group>.btn{max-width:440px;margin-left:auto;margin-right:auto}}@media (max-width: 520px) and (max-height: 640px){.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tabs .tab{flex:none;min-height:40px;padding:2px 3px;font-size:clamp(11px,3.3vw,13px);overflow-wrap:break-word}}@media (max-width: 340px){.topbar-title{font-size:14px}.icon-spacer{width:0;flex-basis:0}}@media (max-width: 340px){.choice-row .choice-card{padding:10px 6px;gap:6px}.choice-row .choice-label{font-size:14px}}@media (max-width: 300px) and (min-height: 560px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.noads-offer{text-align:center}.noads-body{display:flex;flex-direction:column;align-items:center;gap:8px}.noads-art{width:112px;height:112px;display:grid;place-items:center;margin:-6px auto 0;animation:kn-noads-sway 3.4s ease-in-out infinite;transform-origin:50% 80%}.noads-img{width:112px;height:112px;object-fit:contain}.noads-art .icon{width:56px;height:56px;color:var(--accent)}.noads-text{margin:0;font-weight:600}.noads-price{margin:2px 0 0;display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;background:var(--panel2);font-size:17px}.noads-price strong{display:inline-flex;align-items:center;gap:4px;color:var(--accent)}.noads-keep{margin:0;font-size:13px}@keyframes kn-noads-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-2px)}}:root[data-fx=off] .noads-art{animation:none}@media (prefers-reduced-motion: reduce){.noads-art{animation:none}}@media (max-height: 520px){.noads-offer{padding:14px 16px 12px}.noads-offer .dialog-title{font-size:20px;margin-bottom:4px}.noads-body{gap:4px}.noads-art{width:56px;height:56px;margin:-4px auto -2px}.noads-img{width:56px;height:56px}.noads-text{font-size:14px}.noads-keep{display:none}.noads-offer .dialog-actions{margin-top:8px}}@media (max-height: 340px){.noads-offer{padding:8px 12px}.noads-offer .dialog-title{font-size:16px;margin:0}.noads-art,.noads-text{display:none}.noads-price{font-size:14px;padding:2px 12px}.noads-offer .dialog-actions{margin-top:6px;flex-wrap:nowrap}.noads-offer .dialog-actions .btn{min-height:40px;padding-top:4px;padding-bottom:4px}}.choice-list,.choice-variants .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(50% - 5px),7.4em),1fr))}.screen-online .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(50% - 5px),8.4em),1fr))}@media (max-width: 340px){.screen-online .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(50% - 5px),7.2em),1fr))}}.medals{grid-template-columns:repeat(auto-fill,minmax(max(calc(50% - 5px),7.6em),1fr))}@media (min-width: 560px){.medals{grid-template-columns:repeat(auto-fill,minmax(max(calc(33.333% - 7px),11em),1fr))}}@media (max-width: 480px){.medal{grid-template-columns:1fr;grid-template-rows:auto;row-gap:4px;align-items:start;align-content:start}.medal-badge{grid-row:auto;width:36px;height:36px}.medal-badge .icon{width:20px;height:20px}.medal-name,.medal-how{align-self:start}}@media (min-width: 720px){#app .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(25% - 8px),7.4em),1fr))}#app .choice-row .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(33.333% - 7px),7.4em),1fr))}#app .screen-online .choice-list{grid-template-columns:repeat(auto-fill,minmax(max(calc(25% - 8px),8.4em),1fr))}}