: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}[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}[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}[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:var(--bg);-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.png) center 40% / min(78vmin,640px) no-repeat;mix-blend-mode:screen;filter:grayscale(1) brightness(1.15);opacity:.045;-webkit-mask-image:linear-gradient(to bottom,#000 48%,transparent 68%);mask-image:linear-gradient(to bottom,#000 48%,transparent 68%);pointer-events:none;z-index:0}.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:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid var(--line-strong);box-shadow:0 4px 18px #00000080}.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:var(--card);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)}.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:#541c4259}.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}.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{opacity:.12;transition:opacity .35s ease}.pomo.deep .pomo-ui:hover .controls,.pomo.deep .controls: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}[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:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#0a0a12b8;border:2px solid rgba(255,255,255,.55);box-shadow:0 3px 10px #00000059}.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-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{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-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%}}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))}}
