.ui-host{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--r-panel: 26px;--r-plate: 16px;--r-action: 10px;--r-field: 6px;--r-pill: 999px;--pad: clamp(18px, 3.2vw, 32px);--gap: clamp(12px, 1.8vw, 18px);--ease: cubic-bezier(.2, 0, 0, 1);--rise: .24s;--accent: #e0b33f;--gem: #7fd4e8;--accent-soft: rgba(224, 179, 63, .16);--accent-glow: rgba(224, 179, 63, .22);--accent-line: rgba(224, 179, 63, .5);--accent-ink: #141210;--ink: rgba(255, 255, 255, .95);--ink-2: rgba(255, 255, 255, .72);--ink-3: rgba(255, 255, 255, .48);--glass: rgba(32, 24, 18, .56);--glass-2: rgba(32, 24, 18, .4);--fill: rgba(255, 255, 255, .07);--fill-hover: rgba(255, 255, 255, .12);--hair: rgba(255, 255, 255, .22);--edge: rgba(255, 255, 255, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--scrim: rgba(10, 7, 5, .62);--danger: #ff8a6b;--good: #7fe0b0;--checker-light: #f3e7cf;--checker-dark: #1a0e04;--board-frame-edge: #c9a227;position:relative;isolation:isolate}.ui-bg{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}.ui-host>canvas:not(.ui-bg){position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%}.ui-layer{position:absolute;inset:0;z-index:2;font-family:var(--font);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}.ui-layer *,.ui-layer *:before,.ui-layer *:after{box-sizing:border-box}.ui-layer :where(p,h1,h2,h3){margin:0}.ui-layer [hidden]{display:none!important}.ui-screens,.ui-modal-host{position:absolute;inset:0}.ui-modal-host{z-index:4;pointer-events:none}.ui-copy-sink{position:absolute;left:-9999px;opacity:0}.screen{position:absolute;inset:0;display:flex;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:auto;animation:ui-fade .2s var(--ease)}.screen--menu{align-items:safe center;justify-content:flex-start;padding-left:clamp(20px,7vw,104px);overflow-y:auto;touch-action:pan-y}.screen--center{align-items:center;justify-content:center}.screen--scrim{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.screen__title{font-size:clamp(22px,3.2vw,30px);font-weight:650;letter-spacing:-.02em;line-height:1.15}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.eyebrow--section{margin-bottom:10px}.hint{font-size:13px;line-height:1.5;color:var(--ink-2)}.panel{position:relative;padding:var(--pad);border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent);pointer-events:none}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.panel,.plate,.toast{background-image:linear-gradient(var(--glass),var(--glass))}}.panel__foot{margin-top:20px;display:flex;gap:10px}.btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;border:1px solid transparent;border-radius:var(--r-action);font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-align:left;color:var(--ink);background:transparent;cursor:pointer;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.btn__body{display:flex;flex-direction:column;gap:2px;min-width:0}.btn__label{min-width:0;overflow-wrap:break-word}.btn__hint{font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--ink-3)}.btn__ico{display:flex;flex:0 0 auto;width:20px;height:20px;color:currentColor;opacity:.85}.ico{width:100%;height:100%;display:block}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px var(--accent-glow)}.btn--primary .btn__hint{color:var(--accent-ink);opacity:.7}.btn--primary .btn__ico{order:2;margin-left:auto;transition:transform .2s var(--ease)}.btn--solid{background:var(--fill);border-color:var(--edge)}.btn--ghost{background:transparent;border-color:var(--edge);color:var(--ink-2);min-height:48px;font-size:15px;font-weight:550}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--compact{width:auto;min-height:44px;padding:10px 14px;font-size:14px}.btn--quiet{color:var(--ink-3)}@media(hover:hover){.btn:hover:not(:disabled){transform:translateY(-1px)}.btn--solid:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--fill-hover);color:var(--ink)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 30px var(--accent-glow)}.btn--primary:hover .btn__ico{transform:translate(3px)}.btn--danger:hover:not(:disabled){background:var(--accent-soft)}}.btn:active:not(:disabled){transform:translateY(0) scale(.995)}.btn:disabled{opacity:.4;cursor:default}.ui-layer :is(button,input,[tabindex]):focus{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px var(--accent-glow)}.ui-layer :is(button,input,[tabindex]):focus:not(:focus-visible){outline:none;box-shadow:none}.ui-layer :is(button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px var(--accent-glow)}.field:focus-visible{background:var(--fill-hover)}.menu{display:flex;flex-direction:column;gap:var(--gap);width:min(430px,100%)}.brand__title{font-size:clamp(44px,9vw,78px);font-weight:700;letter-spacing:-.038em;line-height:1.02;text-shadow:0 2px 24px rgba(0,0,0,.25)}.brand__sub{margin-top:14px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);text-shadow:0 1px 10px rgba(0,0,0,.45)}.menu__stack{display:flex;flex-direction:column;gap:10px}.menu__bot{display:flex;flex-direction:column}.menu__bot .seg-row{flex-direction:column;align-items:stretch;gap:6px;margin-top:8px}.menu__bot .seg__opt{flex:1 1 0}@media(hover:hover){.menu__bot .seg-row{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .2s var(--ease),margin-top .2s var(--ease),opacity .16s var(--ease)}.menu__bot:hover .seg-row,.menu__bot:focus-within .seg-row{max-height:140px;margin-top:8px;opacity:1}}.menu__tuning{margin-top:18px;padding-top:18px;border-top:1px solid var(--edge);display:flex;flex-direction:column;gap:10px}.menu__tuning .seg-row{flex-direction:column;align-items:stretch;gap:8px}.menu__tuning .seg__opt{flex:1 1 0}.menu__minor{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--edge)}.menu__pair{display:flex;gap:8px}.menu__pair .btn{flex:1 1 0;justify-content:center;text-align:center}.seg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.seg-row__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.seg{display:flex;gap:4px;padding:4px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--fill)}.seg__opt{min-height:44px;padding:0 16px;border:none;border-radius:var(--r-pill);background:transparent;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--ink-3);cursor:pointer;transition:background-color .16s var(--ease),color .16s var(--ease)}.seg__opt[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}@media(hover:hover){.seg__opt:hover[aria-checked=false]{color:var(--ink);background:var(--fill-hover)}}.panel--search{width:min(440px,100%);display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.search__time{margin-top:6px;font-size:clamp(56px,12vw,88px);font-weight:300;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.search__wave{position:relative;height:2px;margin:6px 0 10px;border-radius:2px;background:var(--edge);overflow:hidden}.search__wave:after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:ui-sweep 1.9s var(--ease) infinite}.meta{display:flex;align-items:baseline;gap:8px}.meta__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.meta__value{font-size:16px;font-weight:600}.offer{margin-top:6px;padding:16px;border:1px solid var(--accent-line);border-radius:14px;background:var(--accent-soft)}.offer__text{font-size:15px;line-height:1.45}.offer__honest{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.offer__honest:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.offer__actions{display:flex;gap:8px;margin-top:14px}.offer__actions .btn{justify-content:center;text-align:center}.notice{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:4px;padding:10px 16px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--fill);font-size:13px;color:var(--ink-2)}.notice__dot{width:8px;height:8px;border-radius:50%;background:var(--good);flex:0 0 auto;animation:ui-breathe 2.2s ease-in-out infinite}.panel--room{width:min(480px,100%);display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.code{display:flex;gap:clamp(6px,1.4vw,10px);margin:4px 0}.code__cell{flex:1 1 0;min-width:0;display:grid;place-items:center;padding:clamp(10px,2.2vw,18px) 0;border:1px solid var(--edge);border-top-color:var(--hair);border-radius:var(--r-field);background:var(--fill);font-size:clamp(30px,7.4vw,50px);font-weight:600;letter-spacing:.02em;line-height:1;color:var(--ink)}.code.is-pending .code__cell{color:var(--ink-3);animation:ui-breathe 1.5s ease-in-out infinite}.code.is-pending .code__cell:nth-child(2){animation-delay:90ms}.code.is-pending .code__cell:nth-child(3){animation-delay:.18s}.code.is-pending .code__cell:nth-child(4){animation-delay:.27s}.code.is-pending .code__cell:nth-child(5){animation-delay:.36s}.room__share{display:flex}.room__share .btn{width:auto}.divider{display:flex;align-items:center;gap:12px;margin:4px 0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.divider__word{flex:0 0 auto;white-space:nowrap}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--edge)}.room__join{display:flex;align-items:flex-end;gap:10px}.field-label{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.field{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--edge);border-top-color:var(--hair);border-radius:var(--r-field);background:var(--fill);font-family:inherit;font-size:22px;font-weight:600;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--ink);transition:background-color .16s var(--ease)}.field::placeholder{color:var(--ink-3);font-weight:500}.room__join .btn{width:auto;min-width:118px;justify-content:center}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.hud__row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.hud__row--top{position:relative}.hud__row--bottom{align-items:flex-end}.hud__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hud .plate,.hud .btn,.hud .turn{pointer-events:auto}.hud__tools .btn{position:relative}.plate{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:56px;padding:9px 16px;border:1px solid var(--edge);border-top-color:var(--hair);border-radius:var(--r-plate);background:var(--glass-2);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:var(--shadow);transition:background-color .2s var(--ease),border-color .2s var(--ease)}.plate.is-active{border-color:var(--accent-line);background-image:linear-gradient(var(--accent-soft),var(--accent-soft))}.plate__disc{position:relative;width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--edge);overflow:visible;box-shadow:inset 0 1px 1px #ffffff73,0 1px 2px #00000059}.plate__face,.plate__initial{position:absolute;inset:2px;border-radius:50%}.plate__face{width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover}.plate__initial{display:grid;place-items:center;font-size:15px;font-weight:700;line-height:1}.plate--bottom .plate__initial{color:var(--checker-dark)}.plate--top .plate__initial{color:var(--checker-light)}.plate__ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);opacity:0;transition:opacity .16s ease;pointer-events:none}.plate__disc.has-ring .plate__ring{opacity:1}.plate__ring-track{stroke:#ffffff24;stroke-width:3}.plate__ring-value{stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .26s linear,stroke .2s ease}.plate__disc.is-late .plate__ring-value{stroke:var(--danger)}@media(prefers-reduced-motion:no-preference){.plate__disc.is-late .plate__ring{animation:ring-pulse .9s ease-in-out infinite}}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.55}}.plate--bottom .plate__disc{background:var(--checker-light)}.plate--top .plate__disc{background:var(--checker-dark)}.plate__id{display:flex;flex-direction:column;gap:3px;min-width:0}.plate__line{display:flex;align-items:baseline;gap:8px;min-width:0}.plate__name{font-size:15px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.plate__rating{font-size:12px;font-weight:600;color:var(--ink-3)}.plate__rating.is-unrated{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.plate__stats{display:flex;gap:14px;min-width:0}.stat{display:flex;align-items:baseline;gap:5px}.stat__label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.stat__value{font-size:13px;font-weight:650}.plate__clock{margin-left:6px;padding:4px 10px 5px;border-radius:8px;background:var(--fill);display:flex;flex-direction:column;align-items:center;line-height:1.05;transition:color .2s var(--ease),background-color .2s var(--ease)}.plate__clock-label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.plate__clock-value{font-size:19px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.plate__clock.is-burning{background:var(--accent-soft);color:var(--accent)}.plate__clock.is-burning .plate__clock-label{color:var(--accent)}.plate__clock.is-danger{color:var(--danger);background:var(--accent-soft);animation:ui-breathe 1s ease-in-out infinite}.plate__clock.is-danger .plate__clock-label{color:var(--danger)}.conn{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.conn--online:before{background:var(--good)}.conn--connecting:before{background:var(--accent);animation:ui-breathe 1.2s ease-in-out infinite}.conn--offline{color:var(--danger)}.turn{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--glass-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.turn__text{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.turn__text.is-mine{color:var(--accent)}.turn__dice{display:flex;gap:6px}.die{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:1px;width:24px;height:24px;padding:3px;border-radius:5px;background:linear-gradient(150deg,var(--checker-light),var(--checker-light));box-shadow:inset 0 1px #fff9,0 1px 3px #0006;transition:opacity .2s var(--ease)}.die__pip{place-self:center;width:4px;height:4px;border-radius:50%;background:var(--checker-dark)}.die.is-spent{opacity:.32}.count{margin-left:2px;padding:1px 7px;border-radius:var(--r-pill);background:var(--fill-hover);font-size:11px;font-weight:700;color:var(--ink-3)}.panel--result{width:min(420px,100%);display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.panel--result.is-won{border-color:var(--accent-line)}.result__verdict{font-size:clamp(34px,6.4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.02}.result__reason{font-size:14px;color:var(--ink-2)}.rating{display:flex;align-items:baseline;gap:12px;margin:12px 0 4px;padding:14px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.rating__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.rating__delta{font-size:30px;font-weight:600;letter-spacing:-.03em}.rating__delta.is-up{color:var(--good)}.rating__delta.is-down{color:var(--danger)}.rating__total{margin-left:auto;font-size:16px;font-weight:600;color:var(--ink-3)}.result__actions{display:flex;gap:10px;margin-top:14px}.result__actions .btn{flex:1 1 0;justify-content:center;text-align:center}.panel--settings{width:min(560px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.panel__close{position:sticky;top:0;z-index:3;float:right;width:auto;min-height:0;margin:-6px -6px 0 0;padding:8px;gap:0;border-radius:999px}.panel__close .btn__body{display:none}.panel__close .btn__ico{display:flex}.settings__section{margin-top:22px}.settings__row{display:flex;flex-direction:column;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--edge)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{display:flex;flex-direction:column;gap:8px;padding:6px;border:1px solid transparent;border-radius:14px;background:transparent;font-family:inherit;cursor:pointer;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.card__frame{display:block;overflow:hidden;border:1px solid var(--edge);border-radius:8px;box-shadow:inset 0 1px 0 var(--hair),0 4px 12px #0003}.card__canvas{display:block;width:100%;height:auto}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px}.card__name{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-3)}.card__mark{display:block;width:15px;height:15px;color:var(--accent)}.card.is-selected{border-color:var(--accent-line);background:var(--accent-soft)}.card.is-selected .card__name{color:var(--ink)}@media(hover:hover){.card:hover{transform:translateY(-2px);background:var(--fill)}}.toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 8px 8px 14px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--fill);font-family:inherit;color:var(--ink);cursor:pointer}.toggle__ico{display:block;width:18px;height:18px;color:var(--ink-2)}.toggle__label{font-size:13px;font-weight:600;min-width:34px}.toggle__track{position:relative;width:40px;height:24px;border-radius:var(--r-pill);background:var(--fill-hover);transition:background-color .18s var(--ease)}.toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink-3);transition:transform .2s var(--ease),background-color .18s var(--ease)}.toggle[aria-checked=true] .toggle__track{background:var(--accent)}.toggle[aria-checked=true] .toggle__knob{transform:translate(16px);background:var(--accent-ink)}.ui-toasts{position:absolute;top:calc(var(--hud-top, 0px) + 10px);left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px;pointer-events:none}.toast{padding:11px 20px;border:1px solid var(--edge);border-top-color:var(--hair);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--shadow);font-size:14px;font-weight:550;animation:ui-rise .2s var(--ease)}.toast.is-leaving{animation:ui-leave .2s var(--ease) forwards}.modal__scrim{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;animation:ui-fade .16s var(--ease)}.modal{width:min(420px,100%);border-radius:20px;animation:ui-rise .2s var(--ease)}.modal__title{font-size:22px;font-weight:650;letter-spacing:-.02em}.modal__text{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}.modal__actions{display:flex;gap:10px;margin-top:22px}.modal__actions .btn{flex:1 1 0;justify-content:center;text-align:center}@keyframes ui-rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes ui-leave{to{opacity:0;transform:translate3d(0,-8px,0)}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes ui-breathe{0%,to{opacity:1}50%{opacity:.45}}[data-rise]{animation:ui-rise var(--rise) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 55ms)}@media(prefers-reduced-motion:reduce){.ui-layer *,.ui-layer *:before,.ui-layer *:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:1ms!important}.search__wave:after{width:100%;opacity:.6}.btn:hover:not(:disabled),.card:hover{transform:none}}@media(max-aspect-ratio:1 / 1){.screen--menu{align-items:flex-end;justify-content:center;padding-left:max(16px,env(safe-area-inset-left));padding-bottom:clamp(16px,4vh,48px);overflow-y:auto;touch-action:pan-y}.menu{width:min(460px,100%);gap:12px}.brand__title{font-size:clamp(38px,8.5vw,62px)}.brand__sub{margin-top:10px}.menu__tuning{margin-top:14px;padding-top:14px}.menu__minor{margin-top:14px;padding-top:14px;gap:6px}.menu__minor .btn{min-height:46px}}@media(max-width:560px),(max-height:560px)and (orientation:landscape){.plate{min-height:48px;padding:7px 11px;gap:9px}.plate__name{font-size:14px;max-width:34vw}.plate__stats{gap:10px}.plate__clock{margin-left:4px;padding:3px 8px;font-size:16px}.hud__row{flex-wrap:nowrap}.hud__tools{flex-wrap:nowrap;gap:6px}.hud__tools .btn{width:44px;min-height:44px;padding:0;justify-content:center}.hud__tools .btn__label{display:none}.hud__tools .count{position:absolute;top:1px;right:3px;margin:0;padding:0 3px;background:transparent;font-size:10px}.turn{padding:6px 10px;gap:8px;min-width:0}.turn__dice{display:none}.turn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn.is-message{flex:1 1 auto;min-width:0}.turn.is-message .turn__text{font-size:10px;letter-spacing:.08em}.cards{gap:8px}}@media(max-width:560px){.room__join{flex-direction:column;align-items:stretch}.room__join .btn{width:100%}}@media(max-height:560px)and (orientation:landscape){.panel{--pad: 18px}.search__time{font-size:clamp(40px,8vh,56px)}.brand__title{font-size:clamp(34px,7vh,52px)}.panel--settings{width:min(680px,100%)}.cards{gap:8px}}.panel--settings::-webkit-scrollbar{width:6px}.panel--settings::-webkit-scrollbar-thumb{border-radius:3px;background:var(--edge)}.meter{position:relative;height:4px;border-radius:2px;background:var(--fill-hover);overflow:hidden}.meter__fill{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .26s var(--ease)}.coins{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:650;font-size:14px;white-space:nowrap}.coins__ico{display:block;width:15px;height:15px;color:var(--accent);flex:0 0 auto}.coins--small{font-size:12px;color:var(--ink-2)}.coins--small .coins__ico{width:13px;height:13px}.coins--big{font-size:26px;letter-spacing:-.02em}.coins--big .coins__ico{width:22px;height:22px}.coins--huge{font-size:44px;font-weight:600;letter-spacing:-.04em}.coins--huge .coins__ico{width:32px;height:32px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--fill);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.chip--league{border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}.hint--quiet{font-size:11px;color:var(--ink-3);line-height:1.45}.hint--center{text-align:center;max-width:34ch}.btn--wide{justify-content:center;text-align:center;min-height:60px;font-size:18px}.btn--icon{width:44px;padding:0;justify-content:center}.btn--icon .btn__label{display:none}.panel--lessons{width:min(500px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.lessons__head{display:flex;align-items:center;gap:12px;margin:18px 0 10px}.lessons__head .meter{flex:1 1 auto}.lessons__count{font-size:12px;font-weight:650;color:var(--ink-3)}.lessons{display:flex;flex-direction:column;gap:8px}.lesson{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 14px;border:1px solid var(--edge);border-radius:var(--r-action);background:var(--fill);font-family:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.lesson__no{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1px solid var(--edge);background:var(--glass-2);font-size:13px;font-weight:700;color:var(--ink-2)}.lesson__no .ico{width:16px;height:16px}.lesson.is-done .lesson__no{border-color:transparent;background:var(--accent);color:var(--accent-ink)}.lesson__body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.lesson__title{font-size:15px;font-weight:600;letter-spacing:-.01em}.lesson__meta{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.lesson.is-done .lesson__meta{color:var(--accent)}.lesson__go{display:block;width:18px;height:18px;flex:0 0 auto;color:var(--ink-3)}@media(hover:hover){.lesson:hover{background:var(--fill-hover);border-color:var(--accent-line);transform:translate(2px)}.lesson:hover .lesson__go{color:var(--accent)}}.tut{position:absolute;z-index:3;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1px solid var(--edge);border-top-color:var(--hair);border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:var(--shadow);pointer-events:auto;animation:ui-rise .24s var(--ease);top:calc(var(--hud-top, 0px) + 10px);right:max(14px,env(safe-area-inset-right));bottom:calc(var(--hud-bottom, 0px) + 10px);width:min(320px,34vw);overflow-y:auto;align-self:flex-start;height:fit-content;max-height:calc(100% - var(--hud-top, 0px) - var(--hud-bottom, 0px) - 20px)}.tut__meta{display:flex;flex-direction:column;gap:8px}.tut__text{font-size:15px;line-height:1.5;color:var(--ink)}.tut__hint{padding:10px 12px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft);font-size:13px;line-height:1.45;color:var(--ink-2);animation:ui-rise .2s var(--ease)}.tut__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.tut__actions .btn{flex:1 1 auto;justify-content:center}.panel--done{width:min(420px,100%);display:flex;flex-direction:column;gap:8px;border-color:var(--accent-line);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.done__mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.done__mark .ico{width:26px;height:26px}.panel--progress{width:min(620px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.prog__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0 18px}.prog__rating{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.prog__value{font-size:clamp(38px,6vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1}.prog__wallet{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.prog__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.prog__cell{display:flex;flex-direction:column;gap:4px;min-width:0}.prog__cell-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.prog__cell-value{font-size:20px;font-weight:650;letter-spacing:-.02em}.quests{display:flex;flex-direction:column;gap:8px}.quest{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--edge);border-radius:var(--r-action);background:var(--fill)}.quest.is-done{border-color:var(--accent-line);background:var(--accent-soft)}.quest.is-claimed{opacity:.55}.quest__body{display:flex;flex-direction:column;gap:7px;flex:1 1 auto;min-width:0}.quest__line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.quest__title{font-size:14px;font-weight:600;min-width:0}.quest__count{font-size:11px;font-weight:600;color:var(--ink-3)}.quest .btn{flex:0 0 auto}.achs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ach{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--edge);border-radius:var(--r-action);background:var(--fill)}.ach.is-locked{opacity:.5;background:transparent}.ach__ico{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.ach.is-locked .ach__ico{background:var(--fill-hover);color:var(--ink-3)}.ach__ico .ico{width:16px;height:16px}.ach__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.ach__title{font-size:13px;font-weight:650;letter-spacing:-.01em}.ach__desc{font-size:11px;line-height:1.35;color:var(--ink-3)}.ach__count{margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink-3)}.collect{display:flex;flex-direction:column;gap:8px;padding:6px;border:1px solid transparent;border-radius:14px;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default}button.collect.is-owned{cursor:pointer;transition:border-color .14s ease,background .14s ease}button.collect.is-owned:hover:not(.is-active),button.collect.is-owned:focus-visible:not(.is-active){border-color:var(--hair);background:var(--fill)}.collect.is-active{border-color:var(--accent-line);background:var(--accent-soft)}.collect:not(.is-owned) .card__frame{filter:grayscale(.55) brightness(.75)}.shelf{display:flex;flex-direction:column;gap:6px}.card.is-locked{cursor:default}.card.is-locked .card__frame{filter:grayscale(.55) brightness(.75)}.btn--buy{width:100%;justify-content:center;text-align:center;font-size:12px;min-height:44px;line-height:1.25}.btn--buy .btn__ico{width:15px;height:15px}.btn--short{border-style:dashed;color:var(--ink-3);opacity:1}.btn--short:disabled{opacity:1}.settings__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rewards{display:flex;flex-direction:column;gap:12px;margin:4px 0 2px}.rewards__coins{display:flex;flex-direction:column;gap:2px}.rewards__list{display:flex;flex-direction:column;gap:7px}.reward{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--accent-line);border-radius:var(--r-action);background:var(--accent-soft);animation:ui-rise .24s var(--ease) backwards;animation-delay:var(--delay, 0ms)}.reward--quest{border-color:var(--edge);background:var(--fill)}.reward__ico{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:var(--accent);color:var(--accent-ink)}.reward--quest .reward__ico{background:var(--fill-hover);color:var(--ink-2)}.reward__ico .ico{width:16px;height:16px}.reward__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.reward__kind{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.reward__title{font-size:13px;font-weight:650}.ui-daily-host{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;z-index:3;display:flex;justify-content:center;padding:0 12px;pointer-events:none}.daily{display:flex;align-items:center;gap:16px;width:min(420px,100%);padding:14px 16px;border-radius:18px;pointer-events:auto;animation:ui-rise .24s var(--ease)}.daily.is-leaving{animation:ui-leave .2s var(--ease) forwards}.daily__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.daily__line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.daily__streak-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.daily__streak{display:flex;gap:5px}.daily__dot{width:16px;height:4px;border-radius:2px;background:var(--fill-hover)}.daily__dot.is-on{background:var(--accent)}.daily__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.daily__actions .btn{width:auto}.screen--solid{background:radial-gradient(120% 90% at 50% 0%,var(--solid-2),transparent 70%),var(--solid)}.handoff{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(440px,100%);text-align:center}.handoff__label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}.handoff__name{font-size:clamp(34px,8vw,62px);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:6px}.handoff .btn{margin-top:18px;width:min(300px,100%)}@media(max-aspect-ratio:1 / 1){.tut{top:auto;right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));bottom:calc(var(--hud-bottom, 0px) + 10px);width:auto;max-height:42vh}}@media(max-width:560px){.achs{grid-template-columns:1fr}.prog__stats{grid-template-columns:repeat(2,1fr);gap:12px 8px}.prog__head,.prog__wallet{align-items:flex-start}.quest{flex-wrap:wrap}.quest .btn{width:100%;justify-content:center}.daily{flex-wrap:wrap;gap:12px;padding:12px 14px}.daily__actions{width:100%}.daily__actions .btn:not(.btn--icon){flex:1 1 auto;justify-content:center}.coins--huge{font-size:36px}.tut__actions .btn{flex:1 1 auto}}.emotes{position:absolute;right:16px;bottom:calc(var(--hud-bottom, 96px) + 12px);z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--glass-2);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--shadow);animation:ui-rise .18s var(--ease);pointer-events:auto}.emotes__item{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:14px;background:transparent;cursor:pointer;transition:background-color .16s var(--ease),transform .16s var(--ease)}.emotes__item:hover,.emotes__item:focus-visible{background:var(--glass);transform:translateY(-2px)}.emote{font-size:30px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emote-pop{position:absolute;left:50%;z-index:5;pointer-events:none;animation:emote-life 1.6s var(--ease) forwards}.emote-pop--bottom{top:-14px}.emote-pop--top{bottom:-14px}.emote-pop .emote{display:block;font-size:40px}.emote-pop .emote--hi{animation:emote-wave .62s var(--ease) 2;transform-origin:70% 80%}.emote-pop .emote--nice{animation:emote-pop .48s var(--ease) 2}.emote-pop .emote--wow{animation:emote-zoom .7s var(--ease) 2}.emote-pop .emote--oops{animation:emote-bounce .56s var(--ease) 2}.emote-pop .emote--grr{animation:emote-shake .26s var(--ease) 5}.emote-pop .emote--luck{animation:emote-spin .9s var(--ease) 2}@keyframes emote-life{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.9)}}@keyframes emote-wave{0%,to{rotate:0deg}25%{rotate:18deg}75%{rotate:-14deg}}@keyframes emote-pop{0%,to{scale:1}40%{scale:1.28}}@keyframes emote-zoom{0%,to{scale:1}50%{scale:1.18}}@keyframes emote-bounce{0%,to{translate:0 0}35%{translate:0 -8px}70%{translate:0 2px}}@keyframes emote-shake{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}@keyframes emote-spin{0%,to{rotate:0deg;scale:1}50%{rotate:360deg;scale:1.12}}@media(prefers-reduced-motion:reduce){.emote-pop,.emote-pop .emote{animation:none!important}.emote-pop{opacity:1;transform:translate(-50%)}.emote-pop .emote{opacity:1;rotate:0deg;scale:1;translate:0 0}}.prog__purse{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.coins--gem,.coins--gem .coins__ico{color:var(--gem)}.refill{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid var(--edge);border-radius:var(--r-plate);background:var(--glass)}.refill.is-ready{border-color:var(--accent-line)}.refill__body{display:flex;flex-direction:column;gap:2px;min-width:0}.refill__time{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.refill.is-ready .refill__time{color:var(--accent)}.ui-host canvas{touch-action:none}.seg-row__label{display:flex;flex-direction:column;gap:2px}.seg-row__note{font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ink-3)}.toggle:disabled{opacity:.45;cursor:default}.rotate-gate{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px max(24px,env(safe-area-inset-left)) 32px max(24px,env(safe-area-inset-right));background:#0a0705;text-align:center;pointer-events:auto}.rotate-gate[hidden]{display:none}.rotate-gate__icon{width:76px;height:76px;display:grid;place-items:center;color:var(--accent)}.rotate-gate__icon svg{width:100%;height:100%;stroke-width:1.4}@media(prefers-reduced-motion:no-preference){.rotate-gate__icon{animation:rotate-hint 2.6s ease-in-out infinite}}@keyframes rotate-hint{0%,55%,to{rotate:0deg}70%,85%{rotate:-90deg}}.rotate-gate__title{margin:0;font-size:clamp(22px,6vw,30px);font-weight:700;letter-spacing:-.01em;color:var(--ink-1)}.rotate-gate__text{margin:0;max-width:32ch;font-size:clamp(13px,3.6vw,16px);line-height:1.45;color:var(--ink-3)}.rotate-gate__btn{margin-top:6px;min-height:48px;align-self:center;width:auto;padding-inline:32px}.rotate-gate__hint{margin:0;max-width:34ch;font-size:clamp(12px,3.2vw,14px);color:var(--ink-4, var(--ink-3));opacity:.75}
