:root{--bg: #0a0c13;--bg-soft: #131624;--card: rgba(255, 255, 255, .04);--card-strong: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #e7e9f2;--text-dim: #8b90a5;--text-bright: #ffffff;--accent: #7c5cff;--accent-2: #ff5c8a;--amber: #ffc45c;--mint: #5ce0b8;--danger: #ff6b6b;--silver: var(--text);--silver-dim: var(--text-dim);--silver-bright: var(--text-bright);--focus: var(--amber);--short: var(--mint);--long: var(--accent);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;--display: var(--sans);--collar: #5b3ddf;--collar-stroke: #7c5cff;--sky: linear-gradient(180deg, #04050c 0%, #0a0c1a 38%, #131538 76%, #1d1240 100%);--logo-glow: rgba(124, 92, 255, .55)}[data-theme=crimson]{--bg: #1c0509;--bg-soft: #3d0c16;--card: rgba(244, 220, 228, .05);--card-strong: rgba(244, 220, 228, .09);--line: rgba(216, 216, 222, .14);--line-strong: rgba(216, 216, 222, .28);--text: #d8d8de;--text-dim: #9a9aa4;--text-bright: #f4f4f7;--accent: #c9a26e;--accent-2: #a83250;--amber: #e7c9a0;--mint: #a9d8c6;--danger: #ff8a6b;--focus: #e7c9a0;--short: #a9d8c6;--long: #cdb9e6;--display: Georgia, "Times New Roman", serif;--collar: #4e1322;--collar-stroke: #6b2436;--sky: linear-gradient(180deg, #0e020a 0%, #1e040d 40%, #3a0a17 78%, #4d1220 100%);--logo-glow: rgba(231, 201, 160, .5)}[data-theme=crimson] .serif{font-weight:600;letter-spacing:.02em}[data-theme=crimson] body:before{background:radial-gradient(120% 90% at 50% -10%,rgba(90,22,38,.9),transparent 62%),radial-gradient(50% 45% at 80% 100%,rgba(231,201,160,.06),transparent 70%)}[data-theme=crimson] .wm-title{background:linear-gradient(180deg,#fff,#c7c7cf 55%,#efeff3);-webkit-background-clip:text;background-clip:text}[data-theme=crimson] .btn-primary{background:linear-gradient(180deg,#ececf1,#c2c2cb);color:#2a0a12;box-shadow:0 6px 20px #0006}[data-theme=crimson] .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#d2d2db);box-shadow:0 8px 24px #00000080}[data-theme=crimson] input:focus,[data-theme=crimson] .word-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e7c9a02e}[data-theme=crimson] .zone:nth-of-type(2){--accent-zone: #de8fa0;--accent-soft: rgba(222, 143, 160, .12)}[data-theme=crimson] .bomb-stage .ring-fill{filter:drop-shadow(0 0 10px rgba(201,162,110,.55))}[data-theme=sakura]{--bg: #180e14;--bg-soft: #241521;--card: rgba(255, 214, 231, .05);--card-strong: rgba(255, 214, 231, .09);--line: rgba(255, 214, 231, .12);--line-strong: rgba(255, 214, 231, .24);--text: #f2dfe8;--text-dim: #a98a9b;--text-bright: #ffffff;--accent: #ff8fb8;--accent-2: #c86bff;--amber: #ffd39e;--mint: #9be3c6;--danger: #ff7a7a;--focus: #ffd39e;--short: #9be3c6;--long: #f2b8ff;--display: var(--sans);--collar: #d14b7d;--collar-stroke: #ff8fb8;--sky: linear-gradient(180deg, #150912 0%, #221126 42%, #3c1c36 78%, #542947 100%);--logo-glow: rgba(255, 143, 184, .55)}[data-theme=sakura] body:before{background:radial-gradient(52% 42% at 20% -6%,rgba(255,143,184,.16),transparent 70%),radial-gradient(46% 38% at 85% 10%,rgba(200,107,255,.1),transparent 70%),radial-gradient(50% 45% at 75% 100%,rgba(255,211,158,.06),transparent 70%)}[data-theme=sakura] .wm-title{background:linear-gradient(92deg,#fff 10%,#ffc7dd 55%,#c86bff);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .btn-primary{box-shadow:0 6px 22px #ff8fb859}[data-theme=sakura] input:focus,[data-theme=sakura] .word-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8fb833}[data-theme=sakura] .k-glow,[data-theme=sakura] .arena-center{background:radial-gradient(circle at 35% 30%,#ff8fb838,#00000073)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);background-image:var(--sky);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(52% 42% at 18% -6%,rgba(124,92,255,.16),transparent 70%),radial-gradient(46% 38% at 88% 12%,rgba(255,92,138,.1),transparent 70%),radial-gradient(50% 45% at 78% 100%,rgba(255,196,92,.07),transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/logo-mark.png) center 38% / min(70vmin,540px) no-repeat;opacity:.05;pointer-events:none;z-index:0}.atmo{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.atmo span{position:absolute;left:var(--l);top:var(--tp);display:block}.atmo-midnight:before{content:"";position:absolute;top:8%;right:9%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffffff2,#cfd6ff80 48%,#cfd6ff00 72%);opacity:.34;box-shadow:0 0 90px 40px #b4c0ff29}.atmo-midnight span{width:calc(2.4px * var(--s));aspect-ratio:1;border-radius:50%;background:#fff;opacity:.14;box-shadow:0 0 7px 1px #ffffff80;animation:twinkle var(--t) ease-in-out var(--d) infinite}@keyframes twinkle{50%{opacity:.85;transform:scale(1.5)}}.atmo-crimson span{top:auto;bottom:-4%;width:calc(3.2px * var(--s));aspect-ratio:1;border-radius:50%;background:#ffb36b;filter:blur(.5px);opacity:0;box-shadow:0 0 9px 2px #ff8c5066;animation:ember var(--t) linear var(--d) infinite}@keyframes ember{8%{opacity:.75}to{transform:translate(var(--x),-108vh);opacity:0}}.atmo-sakura span{top:-6%;width:calc(11px * var(--s));height:calc(9px * var(--s));background:linear-gradient(135deg,#ffc6dc,#ff8fb8);border-radius:68% 12% 62%;opacity:0;animation:petal var(--t) linear var(--d) infinite}@keyframes petal{6%{opacity:.85}50%{transform:translate(var(--x),54vh) rotate(210deg);opacity:.75}to{transform:translate(calc(var(--x) * -.5),112vh) rotate(430deg);opacity:0}}.atmo-ocean:before{content:"";position:absolute;top:-10%;right:0;bottom:0;left:0;background:linear-gradient(112deg,transparent 18%,rgba(160,230,255,.05) 30%,transparent 40%,rgba(160,230,255,.04) 54%,transparent 63%)}.atmo-ocean span{top:auto;bottom:-5%;width:calc(7px * var(--s));aspect-ratio:1;border-radius:50%;border:1px solid rgba(190,240,255,.45);background:radial-gradient(circle at 32% 30%,#ffffff59,#ffffff05);opacity:0;animation:bubble var(--t) linear var(--d) infinite}@keyframes bubble{7%{opacity:.65}to{transform:translate(var(--x),-112vh);opacity:0}}@media(prefers-reduced-motion:reduce){.atmo span{animation:none;opacity:.2}}.serif{font-family:var(--display);font-weight:700;letter-spacing:-.01em}.muted{color:var(--text-dim)}.small{font-size:12px}.app{position:relative;z-index:1;min-height:100%;max-width:780px;margin:0 auto;padding:20px 20px 110px;display:flex;flex-direction:column}.header{position:relative;display:flex;align-items:center;gap:13px;justify-content:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.theme-toggle{position:absolute;right:0;top:50%;transform:translateY(-60%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--card);border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.theme-toggle:hover{background:var(--card-strong);border-color:var(--line-strong);transform:translateY(-60%) scale(1.08)}.kyrox-toggle{right:48px}.kyrox-toggle.off{opacity:.55;filter:grayscale(1)}.kyrox-toggle.off:after{content:"";position:absolute;width:62%;height:2px;border-radius:2px;background:#fffc;transform:rotate(-45deg)}.logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 14px var(--logo-glow)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.wordmark{display:flex;flex-direction:column;line-height:1.08}.wm-title{font-weight:800;font-size:24px;letter-spacing:-.02em;background:linear-gradient(92deg,#ffffff 10%,#c9beff 55%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.wm-sub{font-size:11px;font-weight:600;color:var(--text-dim);letter-spacing:.42em;text-transform:uppercase}.by-kyrox{margin-top:3px;font-size:9.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:.85}.back{align-self:flex-start;margin:14px 0 4px;display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;padding:7px 14px;transition:color .15s ease,border-color .15s ease,background .15s ease}.back:hover{color:var(--text-bright);border-color:var(--line-strong);background:var(--card-strong)}.screen{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:18px}.screen.center{justify-content:center}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:0 16px 40px #00000059}.panel.narrow{max-width:380px;text-align:center}.panel h2,.panel h3{margin:0}.btn{font-family:var(--sans);font-size:14px;font-weight:600;padding:10px 18px;border-radius:12px;cursor:pointer;border:1px solid var(--line-strong);background:var(--card-strong);color:var(--text);transition:background .15s ease,transform .12s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff3d}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;box-shadow:0 6px 22px #7c5cff59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8d70ff,#ff6f98);box-shadow:0 8px 26px #7c5cff80}.btn-ghost{background:transparent}.btn.big{font-size:16px;padding:13px 24px;border-radius:14px}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.dashboard{gap:22px}.present{font-size:13px}.zone{position:relative;width:100%;max-width:680px;display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(168deg,var(--card-strong),var(--card) 55%);box-shadow:inset 0 1px #ffffff0a,0 16px 40px #0000004d;animation:rise-in .55s ease both}.zone:nth-of-type(1){--accent-zone: var(--amber);--accent-soft: rgba(255, 196, 92, .14)}.zone:nth-of-type(2){--accent-zone: var(--accent-2);--accent-soft: rgba(255, 92, 138, .13);animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}.zone-title{display:flex;align-items:center;gap:14px;margin:0;font-size:14px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-zone, var(--text-dim))}.zone-title:before,.zone-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line-strong))}.zone-title:after{background:linear-gradient(90deg,var(--line-strong),transparent)}.menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px}.menu.three{grid-template-columns:repeat(3,1fr);max-width:none}.menu.four{grid-template-columns:repeat(4,1fr);max-width:none}@media(max-width:900px){.menu.four{grid-template-columns:repeat(2,1fr)}}.game-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:22px 16px;background:var(--card);border:1px solid var(--line);border-radius:18px;color:var(--text);cursor:pointer;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transform-style:preserve-3d;will-change:transform;transition:transform .14s ease-out,border-color .16s ease,box-shadow .16s ease,background .16s ease}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(230px circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.13),transparent 62%);opacity:0;transition:opacity .25s ease;pointer-events:none}.game-card:hover:before{opacity:1}.game-card:not(.locked):hover{--lift: -4px;background:var(--card-strong);border-color:var(--accent-zone, var(--line-strong));box-shadow:0 16px 34px #00000073,0 0 26px var(--accent-soft, transparent)}.game-card:not(.locked):hover .gc-icon{transform:translateZ(30px) scale(1.1);border-color:var(--accent-zone, var(--line-strong));box-shadow:0 0 18px var(--accent-soft, transparent)}.gc-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff05);transform:translateZ(24px);transition:transform .18s ease}.gc-title{font-size:17px;font-weight:700;color:var(--text-bright);transform:translateZ(18px)}.gc-desc{font-size:12.5px;color:var(--text-dim);line-height:1.45;transform:translateZ(10px)}.game-card.locked{opacity:.5;cursor:default}.game-card.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.05) 50%,transparent 58%) no-repeat;background-size:250% 100%;animation:card-shimmer 3.4s ease-in-out infinite;pointer-events:none}@keyframes card-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.gc-lock{font-size:11px;font-weight:600;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-top:2px;background:#00000040}.footnote{font-size:12px;margin-top:6px}.phase-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.32em;color:var(--phase-color, var(--text-dim))}.phase-focus{--phase-color: var(--focus)}.phase-short{--phase-color: var(--short)}.phase-long{--phase-color: var(--long)}.ring-wrap{position:relative;width:300px;height:300px}.ring{width:300px;height:300px}.ring-track{fill:none;stroke:#ffffff12;stroke-width:10}.ring-fill{fill:none;stroke:var(--phase-color, var(--accent));stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 12px var(--phase-color, rgba(124, 92, 255, .5)))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.time{font-size:62px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-bright);text-shadow:0 0 34px rgba(255,255,255,.18)}.cycles{font-size:13px;font-weight:600;letter-spacing:.06em}.settings{margin-top:4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.grid.two{grid-template-columns:1fr 1fr}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-dim)}input[type=number],.word-input{font-family:var(--sans);font-size:15px;padding:10px 12px;border-radius:12px;border:1px solid var(--line-strong);background:#0000004d;color:var(--text-bright);transition:border-color .15s ease,box-shadow .15s ease}input:focus,.word-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff33}.screen.pomo{padding-bottom:96px}.pomo-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.pomo-scene svg{width:100%;height:100%;display:block}.pomo-scene img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sc-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:#10163073;pointer-events:none}[data-theme=crimson] .sc-tint{background:#32081659}[data-theme=sakura] .sc-tint{background:#541c424d}[data-theme=ocean] .sc-tint{background:#07263461}.settings-grid .opt-row{width:100%}.preset-row .opt-pill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px}.preset-detail{font-size:11.5px;font-weight:600;opacity:.75}.sc-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 20%,transparent 78%,rgba(0,0,0,.5));pointer-events:none}.sc-sky1{stop-color:#2b3a52}.sc-sky2{stop-color:#51616e}.sc-sun1{stop-color:#f0aa5a80}.sc-sun2{stop-color:#f0aa5a00}.sc-sunCore{fill:#eba55f}.sc-mount1{fill:#243447}.sc-mount2{fill:#1b2838}.sc-forest{fill:#15202d}.sc-floor{fill:#33261d}.sc-floorEdge{fill:#241a13}.sc-frame{fill:#120d0a}.sc-wood{fill:#4a3728}.sc-woodDark{fill:#2c2018}.sc-vinyl,.sc-speaker{fill:#191512}.sc-pot{fill:#7a4a35}.sc-plant path{fill:#2f6b50}.sc-stove{fill:#171310}.sc-stoveIn{fill:#0d0a08}.sc-flame{fill:#ffb45e}.sc-lampBody{fill:#ffc27a}.sc-lantern line{stroke:#120d0a;stroke-width:4}.sc-cat ellipse,.sc-cat circle,.sc-cat path{fill:#14100d}.sc-catTail{stroke:#14100d;fill:none}.sc-rain line{stroke:#d2e1f052;stroke-width:2.4;stroke-linecap:round;animation:rain-fall 1s linear infinite}@keyframes rain-fall{to{transform:translateY(700px)}}.sc-flame{transform-box:fill-box;transform-origin:50% 100%;animation:flame-flicker .9s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:scaleY(1) scaleX(1)}40%{transform:scaleY(1.12) scaleX(.95)}70%{transform:scaleY(.92) scaleX(1.06)}}.sc-fireGlow{animation:glow-flicker 2.2s ease-in-out infinite}.sc-lampGlow{animation:glow-flicker 4s ease-in-out infinite}@keyframes glow-flicker{0%,to{opacity:.85}50%{opacity:1}}.sc-cat{transform-box:fill-box;transform-origin:center bottom;animation:cat-breathe 3.6s ease-in-out infinite}@keyframes cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}.pomo-ui{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:6px}.goal-bar{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.goal-dot{font-size:13px;opacity:.25;filter:grayscale(1)}.goal-dot.done{opacity:1;filter:none}.goal-label{margin-left:10px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#ffffffbf}.timer-card{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 34px 24px;border-radius:26px;background:#0a0a126b;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #00000073}.mode-tabs{display:flex;gap:2px;padding:4px;border-radius:999px;background:#00000052}.mode-tab{border:none;background:none;color:#ffffffa6;font-family:var(--sans);font-size:14px;font-weight:600;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.mode-tab:hover{color:#fff}.mode-tab.active{background:#fff;color:#171722}.mode-tab:disabled{cursor:default;opacity:.55}.sound-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px}.sound-toggle{font-size:13px;opacity:.75}.sound-toggle.on{opacity:1;color:#fff}.sound-vol{width:110px;accent-color:#fff}.host-hint{display:flex;width:fit-content;align-items:center;gap:8px;margin:6px auto 0;padding:10px 18px;border-radius:999px;background:#00000052;color:#fffc;font-size:14px;font-weight:600}.flip-clock{display:flex;align-items:center;gap:.07em;font-size:min(96px,20vw);font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums;filter:drop-shadow(0 16px 34px rgba(0,0,0,.5))}.fc-digit{position:relative;width:.72em;height:1.14em;perspective:3.2em}.fc-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.08)}.fc-top{top:0;border-bottom:none;border-radius:.1em .1em 0 0;background:linear-gradient(180deg,#343448eb,#262636eb)}.fc-bottom{bottom:0;border-top:none;border-radius:0 0 .1em .1em;background:linear-gradient(180deg,#1e1e2ceb,#151520eb)}.fc-g{display:block;height:1.14em;line-height:1.14em;text-align:center}.fc-bottom .fc-g{transform:translateY(-50%)}.fc-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:.02em;transform:translateY(-50%);background:#0009;z-index:4;border-radius:1px}.fc-fold{z-index:3;transform-origin:50% 100%;animation:fc-fold .3s ease-in forwards}.fc-unfold{z-index:3;transform:rotateX(90deg);transform-origin:50% 0%;animation:fc-unfold .3s ease-out .3s forwards}@keyframes fc-fold{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.55)}}@keyframes fc-unfold{0%{transform:rotateX(90deg);filter:brightness(.55)}to{transform:rotateX(0);filter:brightness(1)}}.fc-sep{padding:0 .05em;transform:translateY(-.06em);opacity:.85}.flip-clock.ticking .fc-sep{animation:fc-blink 2s ease-in-out infinite}@keyframes fc-blink{50%{opacity:.35}}.settings-grid{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.amb-bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:14px;padding:11px 18px;background:#08080eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}.amb-tag{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:#ffffff1a;color:#fff}.amb-info{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.amb-title{font-size:13.5px;font-weight:700;color:#fff}.amb-artist{font-size:11.5px}.amb-play{width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#14141c;font-size:15px;cursor:pointer;transition:transform .12s ease}.amb-play:hover{transform:scale(1.06)}.amb-vol{width:140px;accent-color:var(--accent)}.amb-icon{font-size:16px}[data-theme=crimson] .sc-sky1{stop-color:#3a1420}[data-theme=crimson] .sc-sky2{stop-color:#5c2433}[data-theme=crimson] .sc-sunCore{fill:#e8895f}[data-theme=crimson] .sc-mount1{fill:#2c1420}[data-theme=crimson] .sc-mount2{fill:#200f1a}[data-theme=crimson] .sc-forest{fill:#170b11}[data-theme=crimson] .sc-plant path{fill:#3f6144}[data-theme=sakura] .sc-sky1{stop-color:#402438}[data-theme=sakura] .sc-sky2{stop-color:#6b3a55}[data-theme=sakura] .sc-sunCore{fill:#ffb08a}[data-theme=sakura] .sc-mount1{fill:#33203a}[data-theme=sakura] .sc-mount2{fill:#261628}[data-theme=sakura] .sc-forest{fill:#1d1122}[data-theme=sakura] .sc-plant path{fill:#3c6b55}[data-theme=sakura] .sc-pot{fill:#8a4a5f}@media(max-height:520px){.timer-card .flip-clock{font-size:54px}.timer-card{padding:14px 20px;gap:10px}.goal-bar{padding:5px 12px}.amb-bar{padding:7px 12px}.amb-artist{display:none}}.app .header,.app .back{transition:opacity .4s ease}.app.app-deep .header,.app.app-deep .back{opacity:0;pointer-events:none}.app.app-deep .companion{display:none}.pomo.deep .pomo-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;justify-content:center;padding:0 16px}.pomo.deep .goal-bar,.pomo.deep .mode-tabs,.pomo.deep .settings-grid,.pomo.deep .gear{display:none}.pomo.deep .timer-card{max-width:none;gap:26px;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:deep-in .6s cubic-bezier(.2,.8,.2,1)}@keyframes deep-in{0%{transform:scale(.85);opacity:0}}.pomo.deep .flip-clock{font-size:min(clamp(90px,24vmin,210px),26vw)}.deep-label{font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:#ffffff8c}.deep-goal{font-size:13px;font-weight:600;letter-spacing:.08em;color:#ffffff73}.pomo.deep .controls,.pomo.deep .sound-row{opacity:.12;transition:opacity .35s ease}.pomo.deep .pomo-ui:hover .controls,.pomo.deep .controls:focus-within,.pomo.deep .pomo-ui:hover .sound-row,.pomo.deep .sound-row:focus-within{opacity:1}.pomo.deep .pomo-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 50% 45%,#00000040,#000000b3);animation:deep-dim .8s ease}@keyframes deep-dim{0%{opacity:0}}.pip{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px;background:radial-gradient(120% 100% at 50% 0%,rgba(124,92,255,.18),transparent 60%),#0d0d16}.pip-label{font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#fff9;white-space:nowrap}.pip .flip-clock{font-size:min(clamp(40px,32vmin,120px),27vw)}.pip-progress{width:min(64%,220px);height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.pip-progress span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width 1s linear}.pip.phase-short .pip-progress span,.pip.phase-long .pip-progress span{background:#5ec9a0}.bomb .title{font-size:28px;font-weight:800;color:var(--text-bright);margin:0}.seats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.seat{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#00000040;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.seat.current{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 18px #ffc45c4d}.seat.dead{opacity:.4}.seat-name{color:var(--text-bright);font-weight:600}.hearts{letter-spacing:1px;color:var(--danger);font-size:12px}.hearts.dead{color:var(--text-dim)}.opt-group{display:flex;flex-direction:column;gap:8px;width:100%}.opt-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.opt-row{display:flex;gap:8px}.opt-pill{flex:1;padding:10px 8px;border-radius:12px;border:1px solid var(--line-strong);background:var(--card);color:var(--text);font-family:var(--sans);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.opt-pill:hover{background:var(--card-strong)}.opt-pill:active{transform:translateY(1px)}.opt-pill.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 4px 16px #7c5cff59}[data-theme=crimson] .opt-pill.active{color:#2a0a12;background:linear-gradient(180deg,#ececf1,#c2c2cb);box-shadow:0 4px 14px #0006}.bomb-badges{display:flex;gap:8px}.badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--text)}.create-row{display:flex;gap:8px;width:100%;max-width:560px}.create-row .word-input{flex:1;min-width:0}.rooms{width:100%;max-width:560px;display:flex;flex-direction:column;gap:10px}.room-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:border-color .15s ease,background .15s ease}.room-row:hover{background:var(--card-strong);border-color:var(--line-strong)}.room-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta{display:flex;gap:6px}.badge.live{color:#7ee2a8;border-color:#7ee2a866}.center-text{text-align:center}.room-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.room-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.room-title{font-size:18px;font-weight:800;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-wide{max-width:1100px;height:100vh;height:100dvh;padding-bottom:16px}.bomb-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;width:100%;align-items:stretch;flex:1;min-height:0}.bomb-main{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:0;min-height:0}.bomb-top{width:100%;display:flex;justify-content:space-between;align-items:center}.leave-btn{color:var(--danger);border-color:#ff6b6b66}.leave-btn:hover:not(:disabled){background:#ff6b6b1f;border-color:#ff6b6b99}.type-strip{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;min-height:32px;max-width:100%}.chip{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000059;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--text-bright)}.chip.hit{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent),0 0 12px #7c5cff66}.type-hint{align-self:center}.arena-box{flex:1;align-self:stretch;min-height:185px;container-type:size;display:flex;align-items:center;justify-content:center}.arena{position:relative;width:min(100%,440px);width:min(100%,440px,100cqh);aspect-ratio:1;container-type:inline-size}.arena-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(88px,34cqw);height:max(88px,34cqw);border-radius:50%;background:radial-gradient(circle at 35% 30%,#7c5cff38,#00000073);border:1px solid var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:2;transition:border-color .2s ease,box-shadow .2s ease}.arena .syllable{font-size:max(24px,9.5cqw);line-height:1}.arena .countdown-num{font-size:max(34px,13cqw)}.arena .bomb-timer{font-size:max(11px,3.2cqw)}.arena.danger .arena-center{border-color:var(--danger);box-shadow:0 0 24px #ff6b6b59}.countdown-num{font-size:58px;animation:count-pop 1s ease infinite}@keyframes count-pop{0%{transform:scale(1.25);opacity:.6}30%{transform:scale(1);opacity:1}}.spectate-banner{width:100%;text-align:center;font-size:13px;font-weight:600;color:var(--amber);background:#ffc45c14;border:1px solid rgba(255,196,92,.3);border-radius:12px;padding:9px 12px}.arena.danger .syllable{color:var(--danger)}.arrow-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .45s cubic-bezier(.5,1.35,.4,1);z-index:1;pointer-events:none}.arrow-wrap svg{position:absolute;left:50%;top:50%;width:max(20px,7.3cqw);height:max(24px,8.6cqw);transform:translate(-50%,calc(-1*max(72px,29cqw)));fill:var(--text-bright);filter:drop-shadow(0 0 8px rgba(255,255,255,.35))}.pseat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:3;width:max(64px,21cqw)}.pseat-name{font-size:12px;font-weight:600;color:var(--text);max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pseat.is-me .pseat-name{color:var(--amber)}.pav{display:flex;align-items:center;justify-content:center;width:max(34px,12.7cqw);height:max(34px,12.7cqw);border-radius:50%;color:#fff;font-weight:800;font-size:20px;border:2px solid var(--line-strong);transition:border-color .2s ease,box-shadow .2s ease}.pseat.current .pav{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber),0 0 22px #ffc45c73}.pseat.dead{opacity:.35;filter:grayscale(1)}.chat-panel{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;min-height:0;max-height:580px}.chat-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.chat-msg{font-size:13.5px;line-height:1.4;word-break:break-word}.chat-name{font-weight:700;margin-right:6px}.chat-row{display:flex;gap:8px}.chat-input{flex:1;min-width:0;font-family:var(--sans);font-size:13.5px;padding:9px 11px;border-radius:10px;border:1px solid var(--line-strong);background:#0000004d;color:var(--text-bright)}.chat-input:focus{outline:none;border-color:var(--accent)}@media(max-width:900px){.bomb-layout{grid-template-columns:1fr}.chat-panel{min-height:0;height:230px}.arena-box{min-height:165px}}@media(max-width:900px)and (orientation:portrait){.arena-box{min-height:min(88vw,320px)}}@media(max-height:430px){.app-wide .header,.app-wide .bomb-badges{display:none}.app-wide .back{margin:4px 0 0}.arena-box{min-height:140px}}@media(max-height:740px){.app-wide{padding-top:10px}.app-wide .header{padding-bottom:8px}.app-wide .logo{width:34px;height:34px}.app-wide .wm-title{font-size:16px}.app-wide .back{margin:8px 0 0;padding:4px 10px}.app-wide .screen{padding-top:8px;gap:10px}.app-wide .bomb-main{gap:8px}.app-wide .type-strip{min-height:26px}.app-wide .chip{width:24px;height:24px;font-size:12px}.app-wide .turn-line{font-size:14px;min-height:18px}.app-wide .msg{min-height:16px;font-size:12.5px}.app-wide .last-word{display:none}.arena-box{min-height:160px}}.bomb-stage{position:relative;width:220px;height:220px;margin-top:6px}.bomb-ring{width:220px;height:220px}.bomb-stage .ring-fill{stroke:var(--accent);filter:drop-shadow(0 0 10px rgba(124,92,255,.55));transition:stroke-dashoffset .12s linear}.bomb-stage.danger .ring-fill{stroke:var(--danger);filter:drop-shadow(0 0 12px rgba(255,107,107,.65))}.bomb-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.syllable{font-size:52px;font-weight:800;letter-spacing:.04em;color:var(--text-bright)}.bomb-stage.danger .syllable{color:var(--danger)}.bomb-timer{font-size:14px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.turn-line{font-size:16px;min-height:22px}.your-turn{color:var(--amber);font-weight:800;font-size:19px}.word-row{display:flex;gap:10px;width:100%;max-width:460px;position:sticky;bottom:10px;z-index:5}.word-row .word-input{flex:1;font-size:17px;background:#0a0a12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.msg{min-height:20px;font-size:14px;font-weight:600;color:var(--danger);opacity:0;transition:opacity .15s ease}.msg.show{opacity:1}.last-word{font-size:13px}.last-word em{color:var(--text-bright);font-style:normal;font-weight:600}.trophy .big-emoji{font-size:56px}.big-emoji{font-size:48px}.bubble{position:relative;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:18px;padding:14px 18px;font-size:15px;line-height:1.5;color:var(--text-bright);box-shadow:0 14px 36px #00000080;min-width:250px;min-height:48px;text-align:center;animation:bubble-pop .35s cubic-bezier(.3,1.5,.5,1)}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:var(--bg-soft);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}@keyframes bubble-pop{0%{transform:scale(.85);opacity:0}}.caret{animation:caret-blink .8s steps(1) infinite;color:var(--text-dim)}@keyframes caret-blink{50%{opacity:0}}.k-stage{position:relative;width:190px;height:200px}.kyrox{position:relative;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;animation:kyrox-idle 3.4s ease-in-out infinite}.kyrox.poked{animation:kyrox-bounce .55s cubic-bezier(.3,1.6,.4,1),kyrox-idle 3.4s ease-in-out .55s infinite}.k-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}.k-eye-closed{fill:none;stroke:#eab54e;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.k-mouth{fill:none;stroke:#d98a96;stroke-width:3;stroke-linecap:round}.k-blink{transform-origin:100px 104px;animation:k-blink 4.4s infinite}@keyframes k-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}.k-leg-l,.k-arm{transform-box:fill-box;transform-origin:50% 4%;transition:transform .25s ease}.k-arm.wave{animation:k-wave .9s ease-in-out infinite}@keyframes k-wave{0%,to{transform:translateY(0) rotate(0)}40%,70%{transform:translateY(-9px) rotate(-26deg)}55%{transform:translateY(-9px) rotate(-34deg)}}.kyrox.run .k-leg-l{animation:paw-pump .3s linear infinite}.kyrox.run .k-arm{animation:paw-pump .3s linear infinite;animation-delay:-.15s}@keyframes paw-pump{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-7px) rotate(-3deg)}}.kyrox.held .k-leg-l{animation:leg-hang 1.2s ease-in-out infinite}.kyrox.held .k-arm{animation:leg-hang 1.2s ease-in-out infinite;animation-delay:-.6s}@keyframes leg-hang{0%,to{transform:translateY(5px) rotate(2.5deg)}50%{transform:translateY(5px) rotate(-2.5deg)}}.kyrox.flying .k-leg-l{transform:translateY(6px) rotate(8deg)}.kyrox.flying .k-arm{transform:translateY(6px) rotate(-8deg)}@keyframes kyrox-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes kyrox-bounce{0%{transform:scale(1)}35%{transform:scale(1.16,.88) rotate(-4deg)}70%{transform:scale(.92,1.1) rotate(3deg)}to{transform:scale(1)}}.poke-stars{position:absolute;top:6px;left:50%;pointer-events:none}.poke-stars i{position:absolute;font-style:normal;color:var(--amber);text-shadow:0 0 8px rgba(255,196,92,.8);animation:star-fly .9s ease-out forwards}.poke-stars i:nth-child(1){--dx: -34px;font-size:15px}.poke-stars i:nth-child(2){--dx: 2px;font-size:19px;animation-delay:.06s}.poke-stars i:nth-child(3){--dx: 36px;font-size:13px;animation-delay:.12s}@keyframes star-fly{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),-46px) scale(1);opacity:0}}.companion{position:fixed;width:92px;height:96px;z-index:40;pointer-events:none}.companion .kyrox{pointer-events:auto}.companion .bubble{pointer-events:none}.companion .bubble.has-actions{pointer-events:auto}.k-stage.mini{width:92px;height:96px}.companion .bubble{position:absolute;bottom:calc(100% + 10px);right:-12px;width:max-content;max-width:260px;font-size:13px;padding:11px 14px;min-width:0;min-height:0;text-align:left}.companion .bubble:after{left:auto;right:36px}.companion.flip .bubble{right:auto;left:-12px}.companion.flip .bubble:after{right:auto;left:36px}.bubble-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.btn-mini{font-size:12px;padding:6px 12px;border-radius:9px}.game-card.tour-glow{--lift: -3px;border-color:var(--accent-zone, var(--accent));box-shadow:0 0 0 2px var(--accent-zone, var(--accent)),0 0 30px var(--accent-soft, rgba(124, 92, 255, .3));opacity:1}.yarn{position:fixed;bottom:16px;width:30px;height:30px;padding:0;border:none;background:none;cursor:pointer;z-index:39;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.yarn svg{width:100%;height:100%;display:block}.kyrox.swipe{animation:cat-swipe .45s ease}@keyframes cat-swipe{30%{transform:translateY(-6px) rotate(calc(var(--dir, 1) * -8deg)) scale(1.04,.96)}60%{transform:translateY(0) rotate(calc(var(--dir, 1) * 6deg))}}.kyrox.swipe .k-arm{animation:paw-swipe .45s ease}@keyframes paw-swipe{35%{transform:translateY(-12px) rotate(-18deg)}60%{transform:translateY(-2px) rotate(12deg)}}.kyrox.run{animation:run-hop .36s linear infinite}.kyrox.run .k-svg{transform:rotate(calc(var(--dir, 1) * 5deg))}@keyframes run-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-11px) scale(.98,1.04)}60%{transform:translateY(0) scale(1.05,.94)}}.kyrox.talk .k-svg{animation:talk-bob .55s ease-in-out infinite}@keyframes talk-bob{0%,to{transform:rotate(0)}50%{transform:rotate(1.8deg)}}.companion .kyrox{cursor:grab;touch-action:none}.companion.no-trans{transition:none!important}.kyrox.held{cursor:grabbing;animation:none}.kyrox.held .k-svg{animation:dangle .7s ease-in-out infinite;transform-origin:50% 18%}@keyframes dangle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.kyrox.flying{animation:none}.kyrox.flying .k-svg{animation:flail .45s linear infinite}@keyframes flail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.kyrox.land{animation:land-squash .45s cubic-bezier(.3,1.4,.5,1)}@keyframes land-squash{0%{transform:scale(1.2,.72) translateY(6px)}55%{transform:scale(.94,1.08)}to{transform:scale(1)}}.zzz{position:absolute;bottom:calc(100% - 2px);right:12px;height:26px;width:40px;pointer-events:none}.zzz i{position:absolute;right:0;bottom:0;font-style:normal;font-weight:700;font-size:15px;color:var(--text-dim);opacity:0;animation:zzz-float 2.4s ease-in infinite}.zzz i:nth-child(2){animation-delay:.8s;font-size:12px}.zzz i:nth-child(3){animation-delay:1.6s;font-size:10px}@keyframes zzz-float{0%{opacity:0;transform:translate(0)}20%{opacity:.9}to{opacity:0;transform:translate(-16px,-30px)}}.k-tail{transform-origin:150px 180px;animation:tail-sway 4.2s ease-in-out infinite}@keyframes tail-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-12deg)}55%{transform:rotate(-3deg)}75%{transform:rotate(-14deg)}}.k-ear-l{transform-origin:66px 52px;animation:ear-twitch 6.5s infinite}.k-ear-r{transform-origin:134px 52px;animation:ear-twitch 8.2s 1.2s infinite}@keyframes ear-twitch{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-9deg)}96%{transform:rotate(4deg)}}@media(max-width:480px){.menu,.menu.three,.menu.four{grid-template-columns:1fr}.time{font-size:52px}.companion{transform:scale(.7)}.timer-card{padding:20px 16px 18px}.mode-tab{padding:8px 12px;font-size:13px}.room-head,.bomb-badges{flex-wrap:wrap;justify-content:center}.word-row{max-width:100%}}[data-theme=ocean]{--bg: #071318;--bg-soft: #0e2129;--card: rgba(180, 235, 255, .05);--card-strong: rgba(180, 235, 255, .09);--line: rgba(180, 235, 255, .12);--line-strong: rgba(180, 235, 255, .24);--text: #dcf0f4;--text-dim: #86a8b2;--text-bright: #ffffff;--accent: #3ecfb2;--accent-2: #3a9bff;--amber: #ffd27a;--mint: #7de8c8;--danger: #ff7a7a;--focus: #ffd27a;--short: #7de8c8;--long: #7ac9ff;--display: var(--sans);--collar: #0e7f8c;--collar-stroke: #3ecfb2;--sky: linear-gradient(180deg, #02141d 0%, #052330 40%, #0a3a4a 78%, #0f5060 100%);--logo-glow: rgba(62, 207, 178, .5)}[data-theme=ocean] body:before{background:radial-gradient(52% 42% at 18% -6%,rgba(62,207,178,.14),transparent 70%),radial-gradient(46% 38% at 88% 12%,rgba(58,155,255,.11),transparent 70%),radial-gradient(50% 45% at 78% 100%,rgba(255,210,122,.05),transparent 70%)}[data-theme=ocean] .wm-title{background:linear-gradient(92deg,#fff 10%,#9be8dc 55%,#3a9bff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .sc-tint{background:#082a3673}[data-theme=ocean] input:focus,[data-theme=ocean] .word-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ecfb233}.companion .bubble{background:linear-gradient(175deg,#f4e7c8,#e8d5ab);border:1px solid #b99c6a;color:#3a2c18;font-family:Georgia,Times New Roman,serif;font-size:13.5px;box-shadow:0 10px 26px #00000073,inset 0 0 18px #966e3229;animation:unroll .35s cubic-bezier(.3,1.3,.5,1);transform-origin:bottom center}.companion .bubble:after{background:#e8d5ab;border-right-color:#b99c6a;border-bottom-color:#b99c6a}.companion .bubble:before{content:"";position:absolute;left:8px;right:8px;top:-5px;height:8px;border-radius:4px;background:linear-gradient(180deg,#d8c295,#b99c6a);box-shadow:0 1px 2px #0000004d}@keyframes unroll{0%{transform:scaleY(.2);opacity:0}}.companion .bubble em{font-style:italic;color:#7a5a2c}.companion .bubble .caret{color:#8a6d3f}.companion .bubble .btn{background:#5a401a1f;color:#3a2c18;border-color:#5a401a66}.companion .bubble .btn-primary{background:linear-gradient(135deg,#8a5c20,#b98430);color:#fff;border:none;box-shadow:none}.k-bell{transform-box:fill-box;transform-origin:50% 0%;animation:bell-swing 3.4s ease-in-out infinite}@keyframes bell-swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.kyrox.run .k-bell,.kyrox.flying .k-bell,.kyrox.held .k-bell{animation:bell-swing .45s ease-in-out infinite}.kyrox.tilt .k-svg{animation:head-tilt 1.4s ease-in-out}@keyframes head-tilt{0%,to{transform:rotate(0)}35%,70%{transform:rotate(12deg)}}.kyrox.groom .k-arm{animation:groom-paw 1.7s ease-in-out}@keyframes groom-paw{0%,to{transform:translate(0) rotate(0)}25%,55%,85%{transform:translate(-5px,-13px) rotate(24deg)}40%,70%{transform:translate(-3px,-9px) rotate(16deg)}}.fireflies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fireflies i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 10px 3px #ffdc8280;opacity:0;animation:firefly 8s ease-in-out infinite}@keyframes firefly{0%,to{opacity:0;transform:translate(0)}20%{opacity:.9}50%{opacity:.45;transform:translate(26px,-34px)}80%{opacity:.85;transform:translate(-14px,-58px)}}.load-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.load-cat{width:150px;height:158px;animation:kyrox-idle 3.2s ease-in-out infinite}.load-cat .k-svg{width:100%;height:100%;filter:drop-shadow(0 16px 26px rgba(0,0,0,.5))}.load-title{font-size:34px;font-weight:800;letter-spacing:-.02em;color:#fff}.load-title span{background:linear-gradient(92deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.load-sub{font-size:10px;font-weight:700;letter-spacing:.4em;color:var(--text-dim)}.load-bar{width:220px;height:6px;margin-top:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.load-bar span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:load-slide 1.2s ease-in-out infinite}@keyframes load-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.load-msg{font-size:13px;color:var(--text-dim);min-height:18px}@media(max-height:520px){.app{padding:10px 14px 60px}.header{padding-bottom:8px;gap:9px}.logo{width:34px;height:34px;border-radius:10px}.wm-title{font-size:18px}.wm-sub{font-size:9px;letter-spacing:.3em}.by-kyrox{font-size:8px;margin-top:2px}.theme-toggle{width:32px;height:32px;font-size:14px}.kyrox-toggle{right:38px}.zone{padding:12px;gap:10px}.gc-icon{width:42px;height:42px;font-size:20px}.gc-desc{display:none}.time{font-size:40px}.ring-wrap,.ring{width:200px;height:200px}.companion{transform:scale(.55)}}@media(max-height:390px){.companion,.yarn{display:none}}.quest-open{font-size:13px}.screen.quest{position:relative;gap:0;padding-top:6px}.quest-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0b0b14}.quest-scene canvas{width:100%!important;height:100%!important}.quest-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 20% 15%,rgba(124,92,255,.22),transparent 65%),radial-gradient(60% 50% at 85% 30%,rgba(62,207,178,.14),transparent 65%),radial-gradient(80% 60% at 50% 100%,rgba(255,196,92,.1),transparent 70%),#0b0b14}.quest-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 22%,transparent 60%,rgba(0,0,0,.65))}.map-nodes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mnode{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:3px;will-change:transform}.mnode-dot{width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;background:#0a0a12b8;border:2px solid rgba(255,255,255,.55);box-shadow:0 3px 10px #00000059}.mnode.locked{filter:grayscale(1) brightness(.85);opacity:.8}.mnode.locked .mnode-dot{border-style:dashed}.mnode.locked .mnode-name{display:block}.mnode.reached .mnode-dot{background:var(--accent);border-color:#fff}.mnode.current .mnode-dot{box-shadow:0 0 0 3px var(--amber),0 0 18px #ffc45ccc;animation:mnode-pulse 2s ease-in-out infinite}@keyframes mnode-pulse{50%{transform:scale(1.15)}}.mnode-name{font-size:10px;font-weight:700;color:#fff;background:#0a0a129e;padding:2px 7px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mnode-riders{display:flex;margin-bottom:1px}.mnode-riders .qav{margin:0 -4px;border:1.5px solid #fff;box-shadow:0 2px 8px #0006}.mnode-plate{position:absolute;left:-27px;top:-27px;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#1e3214b3;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);will-change:transform}.mnode.reached .mnode-plate{background:#7c5cff80;border-color:#fffc;color:#fff}.mnode.current .mnode-plate{background:#ffc45c99;border-color:#fff;color:#3a2a00;box-shadow:0 0 26px #ffc45ccc}.mnode.locked .mnode-plate{background:#5050588c;border-style:dashed;color:#eee}.mnode-float{position:absolute;left:0;bottom:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.quest-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(70% 55% at 50% 35%,rgba(124,92,255,.18),transparent 70%),#0b0b14}.qboot-emoji{font-size:54px;animation:boot-bob 2.2s ease-in-out infinite}@keyframes boot-bob{50%{transform:translateY(-8px)}}.quest-toasts{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.qtoast{padding:7px 16px;border-radius:999px;background:#0a0a12cc;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-in .3s ease}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}}.qt-room{font-size:11px;font-weight:700;color:var(--text-bright);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnode-gift{font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:gift-bob 2.6s ease-in-out infinite}@keyframes gift-bob{50%{transform:translateY(-3px)}}.qb-hint em{font-style:normal;color:var(--amber);font-weight:700}.app.app-quest .header,.app.app-quest .back,.app.app-quest .companion,.app.app-quest .yarn{display:none}.quest-top{position:fixed;top:14px;left:14px;z-index:3;display:flex;align-items:center;gap:12px}.quest-timer{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#0a0a1299;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qt-mode{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.qt-time{font-size:20px;font-weight:800;color:var(--text-bright);font-variant-numeric:tabular-nums}.quest-timer{position:relative;overflow:hidden}.quest-timer.qt-focus .qt-mode{color:var(--amber)}.quest-timer.qt-short .qt-mode,.quest-timer.qt-long .qt-mode{color:var(--mint, #7de8c8)}.qt-bar{position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:999px;background:#ffffff1f}.qt-bar span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width 1s linear}.quest-timer.running.qt-focus .qt-bar span{background:var(--amber)}.quest-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(80% 60% at 50% 40%,rgba(124,92,255,.15),transparent 70%),#0b0b14}.ql-text{font-size:14px;font-weight:600;color:var(--text-dim);margin:0}.quest-board{position:fixed;top:14px;right:14px;z-index:3;width:min(300px,44vw);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#0a0a128c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quest-board.folded{width:auto;padding:6px 10px}.qb-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:none;border:none;cursor:pointer;padding:2px;text-align:left;font-family:var(--sans)}.qb-title:hover{color:var(--text-bright)}.qb-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px}.qb-row.is-me{background:#ffc45c14;outline:1px solid rgba(255,196,92,.25)}.qb-rank{width:16px;text-align:center;font-size:12px;font-weight:800;color:var(--text-dim)}.qav{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.25);flex:none}.qb-name{font-size:13.5px;font-weight:700;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.qb-stats{font-size:12px;color:var(--text-dim);white-space:nowrap}.qb-stats em{font-style:normal;color:var(--amber)}.qb-hint{margin:4px 0 0}.quest-path{margin-top:auto;width:100%;display:flex;align-items:flex-end;gap:4px;padding:12px 6px 6px;overflow-x:auto}.qnode{flex:1;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.qnode:before{content:"";position:absolute;left:-50%;right:50%;bottom:41px;height:2px;background:#ffffff24}.qnode:first-child:before{display:none}.qnode.reached:before{background:var(--accent)}.qnode-riders{display:flex;min-height:30px;align-items:flex-end}.qrider{margin:0 -5px;display:inline-flex;border-radius:50%}.qrider.me{box-shadow:0 0 0 2px var(--amber),0 0 14px #ffc45c80;z-index:1}.qnode-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.35);z-index:1}.qnode.reached .qnode-dot{background:var(--accent);border-color:#fff;box-shadow:0 0 12px #7c5cffb3}.qnode-name{font-size:10.5px;font-weight:700;color:var(--text-bright);text-align:center;white-space:nowrap}.qnode-req{font-size:9.5px;color:var(--text-dim)}.quest-scene-hint{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:2;margin:0;text-align:center;white-space:nowrap;padding:4px 12px;border-radius:999px;background:#0a0a128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:640px){.quest-board{align-self:stretch;width:100%}}.pomo-rooms{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#0a0a126b;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pr-current{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.pr-name{font-size:13.5px;font-weight:700;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-create{width:100%;display:flex;gap:8px}.pr-create input{flex:1;min-width:0;font-size:13.5px;padding:8px 11px;border-radius:10px}.pr-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.admin{max-width:900px;margin:0 auto;padding:26px 18px 60px;font-family:var(--sans)}.admin h1{font-size:22px;color:var(--text-bright)}.admin h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:18px 0 8px}.admin section{padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);margin-bottom:14px}.admin table{width:100%;border-collapse:collapse;font-size:13.5px}.admin th,.admin td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.admin .aid{font-size:10.5px;color:var(--text-dim);margin-left:6px}.admin input{width:90px;padding:5px 8px;border-radius:8px;font-size:13px;margin-right:6px}.anew input:first-child{width:220px}.admin button{padding:5px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--card-strong);color:var(--text-bright);cursor:pointer}.admin button:hover{border-color:var(--accent)}.alog{max-height:320px;overflow-y:auto;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.alog time{color:var(--text-dim);margin-right:8px}button,.game-card,.opt-pill,.mode-tab,.theme-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.arena,.type-strip,.flip-clock,.goal-bar,.mode-tabs,.companion,.pip{-webkit-user-select:none;user-select:none}@media(hover:none){.pomo.deep .controls{opacity:.6}input,.word-input,.chat-input{font-size:16px}}@supports (padding: max(0px)){.app{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top))}.pip{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.pomo.deep .pomo-ui{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.app-wide{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.kc-num{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.karta-table{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.kcard{position:relative;width:76px;aspect-ratio:5 / 7;flex:0 0 auto;border-radius:6px;border:none;background:none;padding:0;overflow:hidden;box-shadow:0 4px 12px #00000073,0 0 0 1px #00000080;transition:transform .15s ease,box-shadow .15s ease}.kcard.small{width:34px;border-radius:4px}.kc-svg{display:block;width:100%;height:100%}.kc-pow{position:absolute;left:0;right:0;bottom:0;padding:2px 0 3px;background:#14100ab8;color:#fff;font-family:var(--sans);font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center}.kcard.ok{cursor:pointer;transform:translateY(-10px);box-shadow:0 10px 22px #00000080,0 0 0 2px var(--accent),0 0 18px var(--accent)}.kcard.ok:hover{transform:translateY(-16px) scale(1.05)}.kcard:disabled{cursor:default}.kt-opps{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.kt-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;border:1px solid transparent}.kt-seat.turn{border-color:var(--accent);background:var(--card);box-shadow:0 0 18px #0000004d}.kt-fan{position:relative;display:flex}.kt-fan .kcard+.kcard{margin-left:-22px}.kt-count{position:absolute;right:-10px;top:-8px;min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;z-index:1}.kt-name{font-size:13px;font-weight:600}.kt-karta{animation:karta-pulse 1s ease-in-out infinite}.kt-catch{font-size:12px;padding:6px 10px}.btn-danger{background:linear-gradient(180deg,#ff6b6b,#d64545);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700}.kt-center{display:flex;align-items:center;justify-content:center;gap:26px}.kt-draw{position:relative;cursor:pointer}.kt-pending{position:absolute;left:50%;top:-14px;transform:translate(-50%);background:#d64545;color:#fff;font-weight:800;font-size:14px;padding:2px 10px;border-radius:999px;animation:karta-pulse .8s ease-in-out infinite}.kt-discard{position:relative}.kt-suit-chip{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 8px #0006}.kt-dir{font-size:34px;color:var(--accent);animation:kt-spin 6s linear infinite}.kt-dir.rev{animation-direction:reverse}@keyframes kt-spin{to{transform:rotate(360deg)}}.kt-msg{text-align:center;margin:0;min-height:20px;font-size:14px;color:var(--text-dim)}.kt-me{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 6px;border-radius:18px;border:1px solid transparent}.kt-me.turn{border-color:var(--accent);background:var(--card)}.kt-hand{display:flex;justify-content:center;max-width:100%;overflow-x:auto;padding:12px 8px 4px}.kt-hand .kcard+.kcard{margin-left:-26px}.kt-hand .kcard.ok+.kcard,.kt-hand .kcard+.kcard.ok{margin-left:-18px}.kt-actions{display:flex;gap:10px;min-height:38px;align-items:center}.karta-btn{background:linear-gradient(180deg,#ff8a5c,#d64545);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:800;padding:10px 22px;cursor:pointer;animation:karta-pulse .7s ease-in-out infinite;box-shadow:0 0 22px #d6454599}@keyframes karta-pulse{50%{transform:scale(1.08)}}.kt-timer{display:block;width:120px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.kt-timer.me{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60%}.kt-timer i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s linear}.kt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kt-suits{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.kt-suit-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;font-size:15px;font-weight:800;color:#fff;background:var(--suit);border:none;border-radius:14px;cursor:pointer;transition:transform .12s ease}.kt-suit-btn span{font-size:30px}.kt-suit-btn:hover{transform:scale(1.05)}.center-col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}@media(max-height:760px),(max-width:640px){.kcard{width:62px}.kt-opps{gap:10px}.kt-center{gap:16px}}.karta-felt{position:relative;border-radius:18px;padding:18px 16px 14px;background-color:#0f4d3a;background-image:radial-gradient(120% 85% at 50% 22%,rgba(255,236,180,.16),transparent 62%),radial-gradient(140% 100% at 50% 100%,rgba(0,0,0,.42),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.03) 0 2px,transparent 2px 4px);border:7px solid #6b4526;box-shadow:inset 0 0 60px #00000080,inset 0 0 0 2px #d6b26a59,0 18px 44px #00000080}.karta-felt:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:12px;padding:9px;background:repeating-conic-gradient(from 45deg,#d6b26a,#d6b26a 25%,#0f4d3a 0%,#0f4d3a 50%) 0 0 / 18px 18px;-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.5;pointer-events:none}.karta-felt>*{position:relative;z-index:1}.karta-felt .panel{background:#142e22b8;border-color:#d6b26a66}.karta-felt .kt-msg{color:#f3e6c8;text-shadow:0 1px 3px rgba(0,0,0,.6)}.karta-felt .kt-seat.turn,.karta-felt .kt-me.turn{border-color:#d6b26a;background:#00000038;box-shadow:0 0 22px #d6b26a47}.karta-felt .kt-name{color:#f3e6c8}.karta-felt .kt-count{background:#d6b26a;color:#2a1c0c}.karta-felt .kt-dir{color:#d6b26a}.karta-felt .kcard.ok{box-shadow:0 10px 22px #0000008c,0 0 0 2px #ffe6a8,0 0 20px #ffd682bf}.kt-draw{cursor:default}.kt-draw.live{cursor:pointer}.kt-draw.live .kcard.back{outline:2px solid rgba(255,230,168,.85);outline-offset:2px;border-radius:6px}.gt-app{--ink: var(--bg);--panel: color-mix(in srgb, var(--bg-soft) 55%, #000 45%);--card: color-mix(in srgb, var(--bg-soft) 78%, #fff 4%);--card-hi: color-mix(in srgb, var(--bg-soft) 62%, #fff 12%);--line: var(--line-strong);--txt: var(--text-bright);--dim: var(--text-dim);--pink: var(--danger);--gold: var(--amber);--green: var(--mint);--hue: var(--accent);--hue2: var(--accent-2);position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:300px 1fr;gap:14px;padding:14px;background-color:var(--ink);background-image:var(--sky);color:var(--txt);font-family:var(--sans)}.gt-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/logo-mark.png) center 55% / min(46%,340px) no-repeat;opacity:.035;pointer-events:none}.gt-main{position:relative}.gt-side{display:flex;flex-direction:column;gap:14px;min-height:0}.gt-back{align-self:flex-start;background:none;border:none;color:var(--dim);font-size:13px;cursor:pointer;padding:2px 0}.gt-back:hover{color:var(--txt)}.gt-brand{background:linear-gradient(92deg,var(--text-bright) 20%,var(--hue2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;font-size:30px;font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1.05}.gt-sbhead{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--dim)}.gt-trophy{background:var(--card);border-radius:9px;padding:5px 9px}.gt-sblist{display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1;min-height:0}.gt-empty{color:var(--dim);font-size:13px}.sb-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:13px;background:var(--panel);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}.sb-row.me{border-color:#ffffff24;background:var(--card)}.sb-row.bump{animation:sb-bump .6s cubic-bezier(.2,.9,.3,1.4);border-color:var(--green)}@keyframes sb-bump{40%{transform:translate(4px) scale(1.03);box-shadow:0 0 22px color-mix(in srgb,var(--green) 40%,transparent)}}.sb-rank{width:12px;font-size:12px;font-weight:800;color:var(--gold)}.sb-av{position:relative;width:34px;height:34px;flex:0 0 auto}.sb-av img,.sb-av i{width:34px;height:34px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--card-hi);font-style:normal;font-weight:800;border:2px solid var(--gold)}.sb-crown{position:absolute;top:-9px;left:-6px;font-size:13px}.sb-name{flex:1;font-size:14px;font-weight:700;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-pts{font-size:15px;font-weight:800;color:var(--hue)}.sb-pts i{font-style:normal;font-size:11px;color:var(--dim)}.gt-sidefoot{display:flex;flex-direction:column;gap:8px}.gt-sidebtn{padding:11px;border-radius:12px;border:none;background:var(--panel);color:var(--txt);font-size:13px;font-weight:600;cursor:pointer}.gt-sidebtn:hover{background:var(--card)}.gt-main{display:flex;flex-direction:column;min-height:0;border-radius:18px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.gt-top{display:flex;align-items:center;gap:18px;padding:14px 18px}.gt-top-l{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.gt-mic{font-size:18px}.gt-theme{display:block;font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gt-host{font-size:11px;color:var(--dim);letter-spacing:.14em}.gt-stats{display:flex;gap:22px;text-align:center}.gt-stats span{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--dim)}.gt-stats strong{font-size:19px;font-weight:800}.gt-stats strong.hot{color:var(--pink);animation:gt-pulse 1s ease-in-out infinite}@keyframes gt-pulse{50%{transform:scale(1.14)}}.gt-top-r{display:flex;align-items:center;gap:10px}.gt-icon{width:34px;height:34px;border:none;border-radius:10px;background:none;color:var(--txt);font-size:17px;cursor:pointer;transition:background .15s ease,transform .2s ease}.gt-icon:hover{background:var(--card);transform:rotate(35deg)}.gt-end{padding:9px 18px;border:none;border-radius:11px;background:color-mix(in srgb,var(--pink) 18%,transparent);color:var(--pink);font-size:14px;font-weight:800;cursor:pointer}.gt-end:hover{background:color-mix(in srgb,var(--pink) 30%,transparent)}.gt-progress{height:3px;background:#ffffff0f}.gt-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--hue),var(--green));box-shadow:0 0 12px color-mix(in srgb,var(--green) 60%,transparent);transition:width .25s linear}.gt-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.gt-center{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:620px;width:100%}.gt-in{animation:gt-fade .45s ease both}@keyframes gt-fade{0%{opacity:0;transform:translateY(14px)}}.gt-hero{font-size:46px}.gt-h1{margin:0;font-size:30px;font-weight:800;font-style:italic}.gt-rule{display:block;width:120px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold) 70%,transparent 72% 78%,var(--hue2) 80%)}.gt-sub{margin:0;color:var(--dim);font-size:14px}.gt-err{color:var(--pink);font-size:13px}.gt-ghost{width:128px;height:128px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:54px}.gt-win{margin:0;font-size:24px;font-weight:800}.gt-cta{margin-top:6px;padding:13px 40px;border:none;border-radius:13px;background:#fff;color:#10131c;font-size:15px;font-weight:800;cursor:pointer;transition:transform .15s ease}.gt-cta:hover{transform:translateY(-2px)}.gt-play{width:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;gap:18px}.gt-guess-head{display:flex;flex-direction:column;align-items:center;gap:8px}.gt-guess{margin:0;font-size:26px;font-weight:800;font-style:italic}.gt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.gt-opt{min-height:92px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--txt);font-family:var(--sans);font-size:17px;font-weight:700;cursor:pointer;animation:gt-rise .4s ease both;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes gt-rise{0%{opacity:0;transform:translateY(18px)}}.gt-opt:hover:not(:disabled){background:var(--card-hi);border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 14px 30px #00000073}.gt-opt:disabled{cursor:default}.gt-opt.mine{border-color:var(--hue);background:color-mix(in srgb,var(--hue) 18%,transparent)}.gt-opt.right{border-color:var(--green);background:color-mix(in srgb,var(--green) 20%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--green) 32%,transparent)}.gt-opt.wrong{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 16%,transparent)}.gt-reveal{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;background:var(--card);animation:gt-fade .4s ease both}.gt-reveal img{width:54px;height:54px;border-radius:10px;object-fit:cover}.gt-reveal strong{display:block;font-size:16px}.gt-reveal span{font-size:13px;color:var(--dim)}.gt-next{margin-left:10px;padding-left:14px;border-left:1px solid var(--line);font-size:13px;color:var(--dim)}.gt-pick{width:100%;display:flex;flex-direction:column;gap:12px}.gt-search{display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:13px;background:var(--card);border:1px solid var(--line)}.gt-search input{flex:1;padding:13px 0;border:none;background:none;color:var(--txt);font-family:var(--sans);font-size:14px;outline:none}.gt-go{padding:8px 20px;border:none;border-radius:10px;background:#fff;color:#10131c;font-weight:800;font-size:13px;cursor:pointer}.gt-go:disabled{opacity:.4;cursor:default}.gt-tabs{display:flex;gap:5px;padding:4px;border-radius:999px;background:#00000059;align-self:center}.gt-tab{border:none;background:none;color:var(--dim);font-family:var(--sans);font-size:13px;font-weight:700;padding:8px 18px;border-radius:999px;cursor:pointer}.gt-tab.on{background:#fff;color:#10131c}.gt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:250px;overflow-y:auto;padding:2px}.gt-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--txt);font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .15s ease,background .15s ease}.gt-card:hover:not(:disabled){transform:translateY(-3px);background:var(--card-hi);border-color:#ffffff40}.gt-card img,.gt-card .gt-ph{width:62px;height:62px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--card-hi);font-size:25px;font-style:normal}.gt-card em{font-style:normal;font-size:10.5px;color:var(--dim)}.gt-card.gen .gt-ph{width:44px;height:44px;font-size:21px}.gt-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:gt-fade .25s ease both}.gt-modal{width:min(460px,100%);max-height:88vh;overflow-y:auto;padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.gt-modal-head{display:flex;align-items:center;justify-content:space-between}.gt-modal-head h3{margin:0;font-size:21px;font-weight:800}.gt-set{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-top:6px}.gt-set b{color:var(--dim)}.gt-modal input[type=range]{width:100%;accent-color:#fff}.gt-sep{height:1px;background:var(--line);margin:8px 0}.gt-set-lbl{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--dim)}@media(max-width:780px){.gt-app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gt-side{max-height:34vh}.gt-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.gt-in,.gt-opt,.sb-row.bump,.gt-stats strong.hot{animation:none}}.app-gts .header{display:none}.app-gts .atmo{z-index:31;opacity:.42}.gt-app{background-color:transparent}.app-gts{background-color:var(--bg);background-image:var(--sky)}.kc-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.gi{width:32px;height:32px;color:var(--text);overflow:visible}.game-card.locked .gi{color:var(--text-dim);opacity:.55}.gi-sand-top{transform-origin:16px 6.5px;animation:gi-drain 6s ease-in-out infinite}.gi-sand-bot{transform-origin:16px 25.5px;animation:gi-fill 6s ease-in-out infinite}.gi-sand-fall{animation:gi-trickle .9s linear infinite}@keyframes gi-drain{0%,8%{transform:scaleY(1)}75%,to{transform:scaleY(.08)}}@keyframes gi-fill{0%,8%{transform:scaleY(.15)}75%,to{transform:scaleY(1)}}@keyframes gi-trickle{0%{opacity:0;stroke-dasharray:1 7;stroke-dashoffset:8}40%{opacity:1}to{opacity:0;stroke-dasharray:1 7;stroke-dashoffset:0}}.gi-glass{transform-origin:16px 16px;transition:transform .6s cubic-bezier(.65,0,.35,1)}.game-card:hover .gi-glass{transform:rotate(180deg)}.gi-waves path{animation:gi-drift 4s ease-in-out infinite}.gi-waves path:last-child{animation-delay:-1.6s}@keyframes gi-drift{50%{transform:translate(2.5px)}}.gi-flag{transform-origin:16px 14px}.game-card:hover .gi-flag{animation:gi-wave 1.1s ease-in-out infinite}@keyframes gi-wave{50%{transform:rotate(-7deg)}}.gi-eyes{transform-origin:16px 15.1px;animation:gi-blink 5.5s infinite}@keyframes gi-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.gi-ear-l{transform-origin:11px 11px}.gi-ear-r{transform-origin:21px 11px}.game-card:hover .gi-ear-l{animation:gi-twitch .5s ease-in-out 2}.game-card:hover .gi-ear-r{animation:gi-twitch .5s ease-in-out 2 .1s}@keyframes gi-twitch{50%{transform:rotate(-11deg)}}.gi-spark{transform-origin:27.4px 7.4px;animation:gi-flicker .45s ease-in-out infinite alternate}@keyframes gi-flicker{0%{transform:scale(.82);opacity:.75}to{transform:scale(1.12);opacity:1}}.game-card:hover .gi-spark{animation:gi-flicker .2s ease-in-out infinite alternate,gi-crawl 1.4s ease-in infinite}@keyframes gi-crawl{0%{translate:0 0}to{translate:-4.5px 2px}}.gi-disc{transform-origin:12.5px 16px;animation:gi-spin 6s linear infinite}.game-card:hover .gi-disc{animation-duration:1.6s}@keyframes gi-spin{to{transform:rotate(360deg)}}.gi-bar1{animation:gi-eq .9s ease-in-out infinite;transform-origin:25.6px 21px}.gi-bar2{animation:gi-eq .9s ease-in-out infinite -.45s;transform-origin:29.9px 24px}@keyframes gi-eq{50%{transform:scaleY(.4)}}.gi-card-front{transform-origin:18.7px 25.5px;transition:transform .3s cubic-bezier(.34,1.4,.64,1)}.game-card:hover .gi-card-front{transform:rotate(9deg) translate(1.5px,-1.5px)}.gi-card-back{transition:transform .3s ease}.game-card:hover .gi-card-back{transform:rotate(-5deg)}@media(prefers-reduced-motion:reduce){.gi *,.gi{animation:none!important;transition:none!important}}.kyx{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.kyx-head{display:flex;align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto}.kyx-title{flex:1;margin:0}.kyx-panel{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;width:100%;max-width:760px;margin:0 auto;padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--card-strong),var(--card));border:1px solid var(--line)}.kyx-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:6px}.kyx-empty{margin:auto;text-align:center;max-width:440px}.kyx-cat{font-size:46px;animation:kyx-breathe 4s ease-in-out infinite}@keyframes kyx-breathe{50%{transform:translateY(-4px) scale(1.04)}}.kyx-openers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.kyx-opener{padding:8px 13px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff08;color:var(--text-dim);font-family:var(--sans);font-size:12.5px;cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .12s ease}.kyx-opener:hover{color:var(--text-bright);border-color:var(--accent);transform:translateY(-1px)}.kyx-turn{display:flex;gap:8px;align-items:flex-start;animation:kyx-in .22s ease-out}@keyframes kyx-in{0%{opacity:0;transform:translateY(5px)}}.kyx-turn.me{justify-content:flex-end}.kyx-av{flex:0 0 auto;font-size:15px;line-height:1.7;opacity:.85}.kyx-bubble{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.kyx-turn.me .kyx-bubble{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;border-bottom-right-radius:4px}.kyx-turn.kyrox .kyx-bubble{background:#ffffff0d;border:1px solid var(--line);color:var(--text-bright);border-bottom-left-radius:4px}.kyx-turn .kyx-bubble.mono{max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;white-space:pre;overflow-x:auto;background:#0000006b;border-color:var(--line-strong)}.kyx-turn.err .kyx-bubble{color:var(--danger);border-color:#ff6b6b66}.kyx-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--accent);animation:kyx-blink 1s steps(2) infinite}@keyframes kyx-blink{50%{opacity:0}}.kyx-think{display:flex;gap:5px;align-items:center;padding:14px}.kyx-think i{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:kyx-dot 1.1s ease-in-out infinite}.kyx-think i:nth-child(2){animation-delay:.15s}.kyx-think i:nth-child(3){animation-delay:.3s}@keyframes kyx-dot{30%{transform:translateY(-5px);opacity:1}0%,60%,to{opacity:.4}}.kyx-row{display:flex;gap:8px;align-items:flex-end}.kyx-input{flex:1;min-width:0;resize:none;max-height:140px;font-family:var(--sans);font-size:16px;line-height:1.45;padding:11px 13px;border-radius:12px;border:1px solid var(--line-strong);background:#0000004d;color:var(--text-bright)}.kyx-input:focus{outline:none;border-color:var(--accent)}.kyx-send{flex:0 0 auto;padding:11px 18px}.kyx-foot{text-align:center;margin:0;opacity:.7}@media(max-width:700px){.kyx-bubble{max-width:88%}.kyx-panel{padding:12px}}@media(prefers-reduced-motion:reduce){.kyx-cat,.kyx-turn,.kyx-caret,.kyx-think i{animation:none}}@keyframes kt-deal-in{0%{opacity:0;transform:translate(var(--from-x, 0),-180px) rotate(-18deg) scale(.7)}70%{opacity:1}to{opacity:1;transform:none}}.kcard.deal{animation:kt-deal-in .42s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 85ms)}.kt-opps .kcard.deal{--from-x: 0;animation-delay:calc(var(--i, 0) * 85ms + 40ms)}@keyframes kt-draw-in{0%{opacity:0;transform:translate(-90px,-40px) rotate(-12deg) scale(.82)}to{opacity:1;transform:none}}.kcard.fresh{animation:kt-draw-in .34s cubic-bezier(.22,1,.36,1);z-index:2}@keyframes kt-slam{0%{opacity:.4;transform:translateY(-46px) rotate(9deg) scale(1.16)}62%{transform:translateY(0) rotate(-1.5deg) scale(.985)}to{opacity:1;transform:none}}.kt-discard .kcard{animation:kt-slam .3s cubic-bezier(.34,1.3,.64,1)}@keyframes kt-thud{50%{transform:scale(.97)}}.karta-table.dealing .kt-center{animation:kt-thud .3s ease-out}@keyframes kt-msg-in{0%{opacity:0;transform:translateY(4px)}}.kt-msg{animation:kt-msg-in .22s ease-out}.kt-head-actions{display:flex;align-items:center;gap:8px}.kt-head-actions .btn-mini.off{opacity:.55}.kt-wins{margin-left:6px;font-style:normal;font-size:11px;font-weight:800;color:#ffd98a;opacity:.9}.kt-spec{align-self:center;margin-top:auto;padding:10px 18px;border-radius:999px;background:#00000052;border:1px solid rgba(214,178,106,.4);color:#f3e6c8;font-size:13.5px;font-weight:600}.kt-cup{animation:kt-cup-pop .6s cubic-bezier(.34,1.5,.64,1)}@keyframes kt-cup-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}60%{transform:scale(1.18) rotate(6deg)}}.kt-board{width:100%;display:flex;flex-direction:column;gap:6px;margin:4px 0 12px}.kt-brow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#00000038;font-size:13.5px}.kt-brow.win{background:#d6b26a2e;border:1px solid rgba(214,178,106,.5)}.kt-bname{font-weight:700}.kt-bwins{font-weight:800;color:#ffd98a}.kt-bwins i{font-style:normal;font-size:11px}.kt-tabs{display:flex;gap:6px}.kt-tab{position:relative;flex:1;padding:7px 6px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text-dim);font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.kt-tab:hover{color:var(--text-bright)}.kt-tab.on{color:var(--text-bright);border-color:var(--accent);background:#ffffff0d}.kt-dot{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.klog-row{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.35;color:var(--text-dim);animation:kt-msg-in .2s ease-out}.klog-row.mine .klog-txt{color:var(--text-bright)}.klog-ico{flex:0 0 auto;font-size:12px;opacity:.85}.klog-card{flex:0 0 auto;width:20px;aspect-ratio:5 / 7;border-radius:3px;object-fit:cover;box-shadow:0 1px 4px #00000080}.klog-txt{min-width:0;word-break:break-word}.klog-row.k-win .klog-txt,.klog-row.k-karta .klog-txt{color:#ffd98a;font-weight:700}.klog-row.k-catch .klog-txt{color:#ff9b9b}@media(prefers-reduced-motion:reduce){.kcard.deal,.kcard.fresh,.kt-discard .kcard,.kt-msg,.klog-row,.kt-cup,.karta-table.dealing .kt-center{animation:none}}