.home-btn{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:18px 20px;color:var(--text);transition:filter .1s ease}.home-btn:active{filter:brightness(1.18)}.home-btn--tall{min-height:156px}.home-btn--md{min-height:104px}.home-btn__img{flex:none;width:56px;height:56px;background:currentColor;-webkit-mask:var(--img) center / contain no-repeat;mask:var(--img) center / contain no-repeat}.home-btn--tall .home-btn__img{width:76px;height:76px}.home-btn__text{display:flex;flex-direction:column;gap:4px;min-width:0}.home-btn__title{font-size:20px;font-weight:700;line-height:1.15}.home-btn--tall .home-btn__title{font-size:24px}.home-btn__sub{font-size:13px;color:var(--text-dim)}.home-continue{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:var(--accent);border:1px solid var(--accent-bright);color:#fff;border-radius:14px;padding:14px 18px;font-weight:600;min-height:56px}.home-continue__label{display:inline-flex;align-items:center;gap:8px;min-width:0}.home-continue__label:before{content:"";flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:url(/icons/play.svg) center / contain no-repeat;mask:url(/icons/play.svg) center / contain no-repeat}.home-continue__meta{font-size:13px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-head{display:flex;flex-direction:column;gap:10px}.summary-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.summary-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-dim);font-size:15px;min-width:0}.summary-name__text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-name--win{color:var(--accent-bright);font-weight:700}.summary-name--win:before{content:"";width:16px;height:16px;flex-shrink:0;background-color:currentColor;-webkit-mask:url(/icons/crown.svg) center / contain no-repeat;mask:url(/icons/crown.svg) center / contain no-repeat}.summary-score__value{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-table{width:100%;border-collapse:collapse;font-size:15px}.stat-table th,.stat-table td{padding:10px 6px;text-align:center;font-variant-numeric:tabular-nums}.stat-table thead th{color:var(--text-dim);font-size:13px;font-weight:600;border-bottom:1px solid var(--border)}.stat-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border)}.stat-table__label{text-align:left!important;color:var(--text-dim);font-size:13px}.stat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px}.stat-tile__value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-tile__hint{margin-left:6px;font-size:13px;font-weight:600;color:var(--text-dim)}.stat-tile__label{font-size:12px;color:var(--text-dim);margin-top:2px}.frame-list{display:flex;flex-direction:column;gap:10px}.frame-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px 14px;gap:10px;width:100%;text-align:left;color:inherit}.frame-row__main{min-width:0}.frame-row__players{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-row__meta{font-size:12px;color:var(--text-dim)}.frame-row__score{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.confirm-actions{display:flex;gap:10px;padding:0 4px 4px}.confirm-actions .btn{flex:1}.visit-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-height:420px;overflow-y:auto}.visit__head{display:flex;align-items:baseline;gap:8px;padding:0 2px 4px;font-size:12px;color:var(--text-dim)}.visit__flag{color:var(--accent-bright)}.visit__card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.visit__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.visit__player{font-size:15px;overflow-wrap:anywhere}.visit__points{margin-left:auto;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.visit__balls{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.visit__ball{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 33% 28%,var(--lit) 0 14%,var(--face) 55%)}.visit__ball--red{--face: var(--ball-red);--lit: var(--ball-red-lit)}.visit__ball--yellow{--face: var(--ball-yellow);--lit: var(--ball-yellow-lit)}.visit__ball--green{--face: var(--ball-green);--lit: var(--ball-green-lit)}.visit__ball--brown{--face: var(--ball-brown);--lit: var(--ball-brown-lit)}.visit__ball--blue{--face: var(--ball-blue);--lit: var(--ball-blue-lit)}.visit__ball--pink{--face: var(--ball-pink);--lit: var(--ball-pink-lit)}.visit__ball--black{--face: var(--ball-black);--lit: var(--ball-black-lit)}.visit__ending{margin-top:8px;font-size:13px;color:var(--text-dim)}.summary-time{margin:0;text-align:center;font-size:14px;color:var(--text-dim)}.summary-time b{color:var(--text);font-variant-numeric:tabular-nums}.summary-note{margin:0;text-align:center;font-size:14px}.ex-add{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border:1px solid var(--accent-bright);color:#fff;border-radius:12px;font-size:24px;line-height:1}.segmented--three .seg{font-size:14px;padding:12px 4px}.ex-search{position:relative}.ex-search .text-input{padding-right:48px}.ex-search__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;padding:0}.ex-search__clear:before{content:"";display:block;width:14px;height:14px;margin:0 auto;background-color:var(--text-dim);-webkit-mask:url(/icons/close.svg) center / contain no-repeat;mask:url(/icons/close.svg) center / contain no-repeat}.ex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ex-card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text)}.ex-card__open{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 0 10px;border:0;background:none;text-align:left}.ex-fav{position:absolute;top:6px;right:6px;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ex-fav:before{content:"";display:block;width:20px;height:20px;margin:0 auto;background-color:#fff;opacity:.55;-webkit-mask:url(/icons/star.svg) center / contain no-repeat;mask:url(/icons/star.svg) center / contain no-repeat}.ex-fav--on{background:var(--accent)}.ex-fav--on:before{background-color:#fff;opacity:1}.ex-card__photo{display:block;width:100%;aspect-ratio:4 / 3;background:var(--bg-elev-2)}.ex-card__photo img{width:100%;height:100%;object-fit:cover;display:block}.ex-card__nophoto{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px}.ex-card__title{padding:0 10px;font-size:14px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.ex-photo{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border)}.ex-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.ex-description,.ex-note__text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.ex-photo-pick{display:block;cursor:pointer}.ex-photo-pick__empty{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:var(--bg-elev-2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim)}.ex-textarea{min-height:120px;resize:vertical;line-height:1.4;padding:12px 14px}.ex-bar{position:relative;display:flex;align-items:center;justify-content:space-between;margin:-4px -6px 0}.ex-bar__btn{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--text-dim)}.ex-bar__glyph{width:22px;height:22px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.ex-menu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.ex-menu{position:absolute;z-index:41;top:calc(100% - 4px);right:4px;min-width:210px;padding:6px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #00000080}.ex-menu__item{display:block;width:100%;padding:12px;min-height:44px;border:0;background:none;border-radius:8px;text-align:left;font-size:15px}.ex-menu__item:active{background:var(--bg-elev)}.ex-menu__item--danger{color:var(--danger)}.ex-title__star{flex:none;width:16px;height:16px;margin-left:8px;background-color:var(--accent-bright);-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.ex-photo-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.ex-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:12px;background:#000000f0;touch-action:none;overflow:hidden}.ex-lightbox img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;will-change:transform;-webkit-user-drag:none}.ex-lightbox__close{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:8px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#fff}.ex-lightbox__glyph{width:18px;height:18px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.ex-notes{border-top:1px solid var(--border);padding-top:16px}.ex-notes__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ex-notes__head h2{margin:0}.ex-note-form{margin-top:12px;padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.ex-note-form .field{margin-bottom:12px}.ex-date{position:relative}.ex-date .text-input{padding-right:52px}.ex-date input::-webkit-calendar-picker-indicator{display:none}.ex-date input::-webkit-inner-spin-button,.ex-date input::-webkit-clear-button{display:none}.ex-date__pick{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--text-dim)}.ex-date__glyph{width:17px;height:17px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.ex-note-form__actions{display:flex;gap:12px;margin-top:16px}.ex-note-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ex-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.ex-note__main{flex:1;min-width:0}.ex-note__date{font-size:13px;font-weight:600;color:var(--accent-bright);margin-bottom:4px}.ex-note__text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.icon-btn.ex-note__del{border:0;background:none;color:var(--text-dim)}.ex-note__del .icon-btn__glyph{width:14px;height:14px}.page-header__action.ex-builder{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;color:var(--text-dim)}.page-header__action.ex-builder:active{filter:brightness(1.3)}.profile-head{display:flex;gap:14px;align-items:flex-start}.header-logout{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}.header-logout__glyph{width:22px;height:22px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.profile-id-block{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 8px}.profile-id-block__name{font-size:22px;font-weight:700;line-height:1.1;text-align:center}.profile-id-block__email{font-size:13px;text-align:center;word-break:break-word}.code-row{display:flex;gap:10px;align-items:stretch}.code-cell{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;font-size:18px;font-weight:700;letter-spacing:3px}.settings-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.setting-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);min-height:56px;cursor:pointer}.setting-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.setting-row__label{color:var(--text-dim);font-size:13px}.setting-row__value{font-size:15px;overflow-wrap:anywhere}.setting-row__action{flex:none;margin-left:auto;color:var(--accent-bright);font-size:14px}.setting-edit{display:flex;flex-direction:column;gap:8px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.setting-edit__actions{display:flex;gap:8px;margin-top:2px}.setting-edit__actions .btn{flex:1}.theme-picker{display:flex;gap:10px;margin-left:auto}.theme-dot{width:32px;height:32px;padding:0;border:none;border-radius:50%;box-shadow:0 0 0 1px var(--border)}.theme-dot--active{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 4px var(--text)}.avatar{flex:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.avatar--img{object-fit:cover;background:var(--bg-elev-2)}.avatar-edit{position:relative;display:inline-block;cursor:pointer;flex:none}.avatar-edit__badge{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.profile-head__main{min-width:0;flex:1}.profile-name{font-size:20px;font-weight:700;line-height:1.2;word-break:break-word}.profile-email{font-size:13px;margin-top:4px;word-break:break-word}.profile-field{margin:16px 0 12px}.row-gap{display:flex;gap:10px;align-items:center;margin-top:6px}.id-row{display:flex;gap:10px;align-items:stretch;margin-top:6px}.profile-id-code{flex:1;min-width:0;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.35;word-break:break-all}.profile-code{font-size:22px;font-weight:700;letter-spacing:3px;padding:12px;text-align:center}.profile-qr{display:block;width:200px;max-width:100%;height:auto;border-radius:12px;margin:12px auto 0;background:#fff;padding:8px}.about{margin-top:4px;padding-bottom:8px;text-align:center;color:var(--text-dim);font-size:12px;line-height:1.6}.about__line{margin:0}.about__link{color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}.about__update{border:0;padding:0;background:none;font-size:inherit;color:var(--accent-bright);border-bottom:1px solid currentColor}.about__update:disabled{color:var(--text-dim);border-bottom-color:transparent}.card-link{display:block;text-align:center;margin-top:10px;font-size:13px;color:var(--text-dim)}.fb-back{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--text)}.fb-back__glyph{width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.fb-textarea{min-height:120px;resize:vertical}.fb-photo-pick{display:block;cursor:pointer;margin-bottom:12px}.fb-photo-pick__empty{display:flex;align-items:center;justify-content:center;width:100%;padding:24px 0;background:var(--bg-elev-2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim)}.fb-photo{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border)}.fb-photo-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.fb-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.fb-item--done{opacity:.6}.fb-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fb-item__when{font-size:13px;color:var(--text-dim)}.fb-item__done{font-size:12px;font-weight:600;color:var(--accent-bright)}.fb-item__author{font-size:13px;font-weight:600;overflow-wrap:anywhere}.fb-item__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.fb-item__meta{font-size:11px;color:var(--text-dim);overflow-wrap:anywhere}.fb-item__actions{display:flex;gap:8px}.fb-item__actions .btn{flex:1}.fb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:12px;background:#000000f0}.fb-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.fb-lightbox__close{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:8px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#fff}.fb-lightbox__glyph{width:18px;height:18px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.tracker{display:flex;flex-direction:column;height:100dvh;overflow:hidden;max-width:640px;margin:0 auto;padding:0 10px calc(env(safe-area-inset-bottom) + 10px);gap:10px}.topbar{display:flex;align-items:center;gap:8px;margin:0 -10px;padding:calc(env(safe-area-inset-top) + 6px) 6px 6px;background:var(--nav-bg);border-bottom:1px solid var(--border)}.topbar__title{flex:1;text-align:center;font-weight:600;font-size:16px}.topbar__btn{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim)}.topbar__glyph{width:22px;height:22px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.scoreboard{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.scoreboard__players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scoreboard__players--solo{grid-template-columns:1fr}.player{text-align:center;padding:10px;border-radius:12px;border:2px solid transparent;background:var(--bg-elev-2);display:flex;flex-direction:column;align-items:center;gap:4px}.player__head{display:flex;align-items:center;gap:8px;max-width:100%}.player--active{border-color:var(--accent-bright);background:color-mix(in srgb,var(--accent) 30%,var(--bg-elev-2))}.player__name{font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__score{font-size:40px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.scoreboard__meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px;flex-wrap:wrap}.break-badge{font-size:15px}.break-badge b{font-size:18px}.ballon-badge{font-size:13px;color:var(--text-dim)}.scoreboard__remaining{margin-top:10px;font-size:13px}.balls-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto}.balls-grid .ball-btn{width:calc(25% - 8px);max-width:120px}.ball-btn{aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.15);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 12px #00000059,inset 0 4px 8px #ffffff26;transition:transform .05s ease,opacity .1s ease}.ball-btn:active{transform:scale(.94)}.ball-btn--off{opacity:.28;filter:grayscale(.4)}.ball-btn.ball-btn--img{background:none;border:none;box-shadow:none}.ball-btn__img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.ball-btn__value{text-shadow:0 1px 2px rgba(0,0,0,.6)}.ball-btn--red{background:radial-gradient(circle at 35% 30%,var(--ball-red-lit),var(--ball-red))}.ball-btn--yellow{background:radial-gradient(circle at 35% 30%,var(--ball-yellow-lit),var(--ball-yellow));color:#4a3b00}.ball-btn--green{background:radial-gradient(circle at 35% 30%,var(--ball-green-lit),var(--ball-green))}.ball-btn--brown{background:radial-gradient(circle at 35% 30%,var(--ball-brown-lit),var(--ball-brown))}.ball-btn--blue{background:radial-gradient(circle at 35% 30%,var(--ball-blue-lit),var(--ball-blue))}.ball-btn--pink{background:radial-gradient(circle at 35% 30%,var(--ball-pink-lit),var(--ball-pink));color:#5a0033}.ball-btn--black{background:radial-gradient(circle at 35% 30%,var(--ball-black-lit),var(--ball-black))}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.actions--row4{grid-template-columns:repeat(4,1fr);gap:8px}.actions .btn{min-height:56px}.actions--row4 .btn{padding:0 6px;font-size:14px}.finished-panel{text-align:center;padding:24px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}.finished-panel__title{font-size:20px;font-weight:700;margin:0}.frame-clock{font-size:14px;color:var(--text-dim);font-variant-numeric:tabular-nums}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 20px);background:radial-gradient(120% 80% at 50% -10%,var(--select-soft),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:20px;text-align:center}.auth-brand h1{margin:0;font-size:26px}.auth-subtitle{margin:0;font-size:14px;font-weight:400;color:var(--text-dim)}.auth-info{color:var(--accent-bright);font-size:14px}.auth-error{color:var(--danger);font-size:14px}:root{--danger: #dc2626;--warning: #d97706;--msg-ok: #2ea55c;--msg-error: #e5484d;--ball-red: #b81f1f;--ball-red-lit: #de4a4a;--ball-yellow: #d6a206;--ball-yellow-lit: #f2c94c;--ball-green: #1f9d4d;--ball-green-lit: #4bd67e;--ball-brown: #79471d;--ball-brown-lit: #a86f3c;--ball-blue: #2563eb;--ball-blue-lit: #6aa0ff;--ball-pink: #ec4899;--ball-pink-lit: #ffb0d4;--ball-black: #14161a;--ball-black-lit: #444;--radius: 14px;--nav-h: 64px;--font: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=green]{--accent: #12513a;--accent-bright: #35b26d;--select: #1a7344;--select-soft: rgba(53, 178, 109, .16);--on-select: #e9f1ec;--bg: #090c0b;--bg-elev: #131917;--bg-elev-2: #1c2422;--border: #2e3a36;--nav-bg: #060908;--text: #e9f1ec;--text-dim: #96a89e}:root[data-theme=red]{--accent: #8b0d1a;--accent-bright: #e2404b;--select: #a51427;--select-soft: rgba(165, 20, 39, .22);--on-select: #f5f2ed;--bg: #100d0d;--bg-elev: #1b1717;--bg-elev-2: #262020;--border: #3a2c2c;--nav-bg: #0b0909;--text: #f5f2ed;--text-dim: #a89a9a}:root[data-theme=blue]{--accent: #17427d;--accent-bright: #5a9bea;--select: #1f63b8;--select-soft: rgba(90, 155, 234, .16);--on-select: #eaf2fd;--bg: #0a0f18;--bg-elev: #141c2b;--bg-elev-2: #1e2839;--border: #2c3a52;--nav-bg: #070b12;--text: #e8eef8;--text-dim: #93a3bd}:root[data-theme=plum]{--accent: #5a2a5e;--accent-bright: #c56bd0;--select: #843f8f;--select-soft: rgba(197, 107, 208, .16);--on-select: #f0eaf3;--bg: #100e12;--bg-elev: #1a161e;--bg-elev-2: #251f2a;--border: #3a3242;--nav-bg: #0b090d;--text: #f0eaf3;--text-dim: #a79bad}:root[data-theme=gold]{--accent: #6d5320;--accent-bright: #d4af5a;--select: #c9a24a;--select-soft: rgba(201, 162, 74, .18);--on-select: #241a06;--bg: #12100e;--bg-elev: #1b1815;--bg-elev-2: #26221d;--border: #3a332b;--nav-bg: #0d0b09;--text: #f5f1ea;--text-dim: #a89c8b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,button{font-family:inherit;font-size:inherit}input,textarea{-webkit-user-select:text;user-select:text}#root{height:100%}button{color:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h2{font-size:1.0625rem;font-weight:600}h3{font-size:.9375rem;font-weight:600}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);max-width:640px;margin:0 auto;width:100%}.app-main--fullscreen{padding:0;max-width:none;height:100dvh;overflow:hidden}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin-inline:auto;max-width:500px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--nav-bg);border-top:1px solid var(--border);z-index:20}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--text-dim);font-size:10.5px;margin:6px 5px;padding:4px 2px;border-radius:16px;transition:background .15s ease,color .15s ease}.bottom-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav__item--active{background:var(--select);color:var(--on-select)}.nav-glyph{width:24px;height:24px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.page-title{font-size:1.5rem;margin-bottom:1rem;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.page-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:1rem}.page-header .page-title{margin:0}.page-header__action{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.page-header__action--left{left:0;right:auto}.page-header__glyph{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:var(--radius);padding:14px 18px;font-weight:600;min-height:52px;width:100%;transition:filter .1s ease}.btn{text-decoration:none}.btn:active{filter:brightness(1.2)}.btn--primary{background:var(--accent);border-color:var(--accent-bright)}.btn--ghost{background:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text-dim)}.empty-state{text-align:center;color:var(--text-dim);padding:40px 16px}.btn--warn{background:var(--warning);border-color:var(--warning);color:#1a1200}.btn--danger{background:var(--danger);border-color:var(--danger)}.btn--danger-outline{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--compact{min-height:44px;width:auto;padding:0 16px}.icon-btn{flex:none;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-elev-2);border-radius:12px}.icon-btn__glyph{width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}.link-btn{background:none;border:none;color:var(--text-dim);padding:8px;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:12px}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%;max-width:480px;margin-bottom:env(safe-area-inset-bottom)}.modal h2{margin-bottom:16px}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal__head h2{margin:0}.modal__close{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim)}.modal__close:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url(/icons/close.svg) center / contain no-repeat;mask:url(/icons/close.svg) center / contain no-repeat}.modal__actions{display:flex;gap:12px;margin-top:20px}.field{margin-bottom:16px}.field>label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px}.segmented{display:flex;gap:8px}.seg{flex:1;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:10px;padding:12px 0;font-weight:600;min-height:48px}.seg--active{background:var(--accent);border-color:var(--accent-bright)}.check{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:15px}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:44px;height:26px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);position:relative;cursor:pointer;transition:background-color .15s,border-color .15s}.check input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.check input:checked{background:var(--accent);border-color:var(--accent-bright)}.check input:checked:after{transform:translate(18px)}.check input:disabled{opacity:.5;cursor:not-allowed}.text-input{width:100%;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;font-size:16px;min-height:48px}.text-input:focus{outline:none;border-color:var(--accent-bright)}.setup-me,.setup-opponent{display:flex;align-items:center;gap:10px}.setup-me__name{font-weight:600;font-size:16px}.setup-opponent .text-input{flex:1;min-width:0}.setup-opponent .setup-me__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-opponent__clear{flex:none;width:auto;min-height:40px;padding:0 12px}.setup-opponent__clear:before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url(/icons/close.svg) center / contain no-repeat;mask:url(/icons/close.svg) center / contain no-repeat}.opponent-actions{display:flex;gap:10px;margin-top:8px}.opponent-actions .btn{min-height:44px}.opponent-id-row{display:flex;gap:10px;margin-top:8px}.opponent-id-row .text-input{flex:1;min-width:0}.opponent-id-row .btn{flex:none;width:auto;min-height:48px;padding:0 16px}.opponent-status{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px}.opponent-status p{flex:1;margin:0}.opponent-status .btn{flex:none;width:auto;min-height:40px;padding:0 14px}.qr-reader{width:100%;min-height:240px;border-radius:12px;overflow:hidden;background:#000}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.msg-ok,.msg-error{font-size:14px}.msg-ok{color:var(--msg-ok)}.msg-error{color:var(--msg-error)}