:root{color-scheme:dark;--telegram-controls-offset: 0px;--safe-top: max( env(safe-area-inset-top, 0px), var(--tg-viewport-content-safe-area-inset-top, 0px), var(--tg-viewport-safe-area-inset-top, 0px) );--safe-top-effective: max(var(--safe-top), var(--telegram-controls-offset));--safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-viewport-content-safe-area-inset-bottom, 0px), var(--tg-viewport-safe-area-inset-bottom, 0px) );--color-bg: #030913;--color-fg: #e8f4ff;--color-surface: #0c1b31;--color-border: #2f5279;--color-text-dim: #a9c5e2;--color-accent: #3dd6ff;--color-accent-soft: #9ceeff;--color-accent-text: #031220;--color-success: #7be9c3;--color-success-border: #b0f5de;--color-solved-fg: #f4fbff;--color-error: #ff9b7c;--color-info: #72bcff;--color-given: #8dd2ff;--color-linked: #7de8ff;--color-highlight: #b7edff;--color-secondary: #9dd7ff;--color-tertiary: #ffd36f;--color-accent-bg: #0a4b67;--color-success-bg: #1b4740;--color-error-bg: #5a3536;--color-selection-bg: #234b70;--color-highlight-bg: #1f4f66;--tg-bg-color: #030913;--tg-secondary-bg-color: #0c1b31;--tg-text-color: #e8f4ff;--tg-hint-color: #a9c5e2;--tg-button-color: #3dd6ff;--tg-button-text-color: #031220;--bg-0: #020611;--bg-1: #07152b;--bg-2: #122a4d;--paper: rgba(8, 24, 47, .9);--card: rgba(13, 33, 60, .94);--ink: #e8f4ff;--muted: #a9c5e2;--line: rgba(173, 214, 255, .22);--accent: #3dd6ff;--accent-soft: rgba(61, 214, 255, .23);--mint: #7be9c3;--mint-soft: rgba(123, 233, 195, .24);--berry: #ff9b7c;--shadow: 0 14px 34px rgba(1, 8, 20, .55);--cell-size: 34px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(120% 80% at 12% -10%,color-mix(in oklab,var(--accent) 24%,transparent) 0%,transparent 55%),radial-gradient(90% 70% at 92% 8%,color-mix(in oklab,var(--mint) 20%,transparent) 0%,transparent 60%),linear-gradient(170deg,var(--bg-0) 0%,var(--bg-1) 52%,var(--bg-2) 100%)}h1,h2,h3,strong{margin:0;font-family:Bungee,Arial Black,sans-serif;line-height:1.06;letter-spacing:.025em}p{margin:0}.app-shell{position:relative;isolation:isolate;width:min(980px,100%);margin:0 auto;min-height:100dvh;padding:max(12px,var(--safe-top-effective)) 12px calc(18px + var(--safe-bottom))}.app-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.app-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(0deg,transparent 0 96%,color-mix(in oklab,var(--line) 52%,transparent) 100%),linear-gradient(90deg,transparent 0 96%,color-mix(in oklab,var(--line) 32%,transparent) 100%),radial-gradient(circle at 18% 24%,color-mix(in oklab,var(--ink) 34%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 74% 63%,color-mix(in oklab,var(--color-secondary) 40%,transparent) 0 1px,transparent 1.6px);background-size:100% 28px,28px 100%;opacity:.15}.app-atmosphere:after{content:"";position:absolute;top:-25%;right:-8%;bottom:-12%;left:-8%;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:2px 2px;mix-blend-mode:soft-light;opacity:.28}.neon-blob{position:absolute;filter:blur(.3px);border-radius:999px}.neon-blob-a{width:68vw;max-width:370px;aspect-ratio:1;top:-16vw;left:-12vw;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 66%,transparent) 0%,color-mix(in oklab,var(--accent) 34%,transparent) 44%,transparent 72%);opacity:.5}.neon-blob-b{width:82vw;max-width:460px;aspect-ratio:1;right:-26vw;top:28vh;background:radial-gradient(circle,color-mix(in oklab,var(--mint) 65%,transparent) 0%,color-mix(in oklab,var(--mint) 28%,transparent) 48%,transparent 72%);opacity:.38}.neon-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,transparent 34%,color-mix(in oklab,var(--accent) 12%,transparent) 74%,color-mix(in oklab,var(--color-tertiary) 10%,transparent) 100%);opacity:.27}.app-content{position:relative;z-index:1;display:grid;gap:12px}.app-shell.puzzle-mode{padding-bottom:max(10px,var(--safe-bottom))}.app-shell.puzzle-mode .app-content{min-height:calc(100dvh - max(12px,var(--safe-top-effective)) - max(10px,var(--safe-bottom)));grid-template-rows:auto 1fr}.reveal{animation:panel-enter .42s cubic-bezier(.2,.92,.21,1)}.fade-1{animation-delay:40ms}.fade-2{animation-delay:.12s}.fade-3{animation-delay:.2s}.mini-hero,.hero-card,.panel{border:1px solid color-mix(in oklab,var(--line) 75%,transparent);background:linear-gradient(152deg,color-mix(in oklab,var(--paper) 90%,transparent),color-mix(in oklab,var(--card) 90%,transparent));box-shadow:var(--shadow),0 0 0 1px color-mix(in oklab,var(--accent) 16%,transparent);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.mini-hero{border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px}.mini-brand{display:inline-flex;gap:.18em;font-family:Bungee,sans-serif;font-size:clamp(11px,3vw,14px);line-height:1}.mini-stats{min-width:122px;display:grid;gap:5px}.mini-stats-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:600}.mini-track{height:8px}.hero-card,.panel{border-radius:22px;position:relative}.hero-card:before,.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid color-mix(in oklab,var(--mint) 16%,transparent);pointer-events:none}.hero-card{padding:16px 16px 18px}.home-hero{overflow:hidden}.home-hero:after{content:"";position:absolute;width:52%;aspect-ratio:1;right:-8%;top:-20%;border-radius:999px;background:radial-gradient(circle,color-mix(in oklab,var(--mint) 38%,transparent) 0%,transparent 70%);opacity:.5;pointer-events:none}.panel{padding:14px;display:grid;gap:10px}.home-frame,.view-frame{box-shadow:var(--shadow),0 0 0 1px color-mix(in oklab,var(--accent) 20%,transparent),0 0 22px color-mix(in oklab,var(--accent) 18%,transparent)}.brand-title{display:flex;flex-wrap:wrap;gap:.15em;font-size:clamp(30px,9.2vw,56px);line-height:.92;text-transform:uppercase}h2{font-size:clamp(20px,5.2vw,30px);text-transform:uppercase}.overline{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:color-mix(in oklab,var(--muted) 88%,transparent)}.hero-text{margin-top:8px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.42;text-align:center;color:color-mix(in oklab,var(--ink) 88%,transparent);max-width:32ch}.xp-strip{margin-top:12px;display:grid;gap:6px}.xp-head,.xp-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.level-identity{display:inline-flex;align-items:baseline;gap:4px;min-width:0;max-width:100%}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-tier{font-weight:800;white-space:nowrap;text-shadow:0 0 10px color-mix(in oklab,currentColor 42%,transparent)}.mini-stats-head>span:first-child,.xp-head>span:first-child{min-width:0}.mini-stats-head .player-name{max-width:8ch}.xp-head .player-name{max-width:16ch}.xp-track{height:12px;border-radius:999px;background:color-mix(in oklab,var(--ink) 16%,transparent);outline:1px solid color-mix(in oklab,var(--line) 74%,transparent);overflow:hidden}.xp-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--mint),var(--info, var(--color-info)));box-shadow:0 0 16px color-mix(in oklab,var(--accent) 36%,transparent)}.home-panel{gap:11px}.status-strip{margin-top:2px;padding:9px;border:1px solid color-mix(in oklab,var(--line) 72%,transparent);border-radius:14px;background:color-mix(in oklab,var(--paper) 70%,transparent)}.home-meta{display:grid;gap:5px}.meta,.status-text,.section-label{margin:0}.meta{font-size:12px;line-height:1.35;color:color-mix(in oklab,var(--ink) 82%,transparent)}.leaderboard{margin-top:4px;display:grid;gap:6px}.leaderboard-self{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:color-mix(in oklab,var(--ink) 86%,transparent);padding:6px 8px;border:1px solid color-mix(in oklab,var(--line) 76%,transparent);border-radius:10px;background:color-mix(in oklab,var(--paper) 60%,transparent)}.leaderboard-list{margin:0;padding-left:18px;display:grid;gap:4px;max-height:300px;overflow:auto}.leaderboard-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.leaderboard-user{display:inline-flex;align-items:center;gap:6px;min-width:0}.leaderboard-rank{color:var(--muted);min-width:34px}.leaderboard-avatar{width:18px;height:18px;border-radius:999px;object-fit:cover;border:1px solid color-mix(in oklab,var(--line) 80%,transparent)}.leaderboard-avatar.placeholder{background:color-mix(in oklab,var(--ink) 20%,transparent)}.leaderboard-value{white-space:nowrap}.section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--muted) 92%,transparent)}.stack{display:grid;gap:10px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.action-btn,.ghost,.difficulty-row,.tab-pill,.tool-btn,.grid-cell{border:1px solid color-mix(in oklab,var(--line) 82%,transparent);border-radius:14px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.action-btn,.ghost,.difficulty-row,.tab-pill,.tool-btn{min-height:44px;transition:transform .13s ease,border-color .13s ease,background-color .13s ease,box-shadow .13s ease}.action-btn,.ghost,.difficulty-row,.tab-pill,.tool-btn{background:color-mix(in oklab,var(--card) 82%,transparent)}.action-btn:focus-visible,.ghost:focus-visible,.difficulty-row:focus-visible,.tab-pill:focus-visible,.tool-btn:focus-visible,.grid-cell:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 66%,transparent);outline-offset:2px}.action-btn:hover,.ghost:hover,.difficulty-row:hover,.tab-pill:hover,.tool-btn:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--line))}.action-btn:active,.ghost:active,.difficulty-row:active,.tab-pill:active,.tool-btn:active,.grid-cell:active{transform:translateY(1px) scale(.985)}.action-btn{width:100%;padding:12px 14px;text-align:center;font-size:15px;font-weight:600}.action-primary{background:linear-gradient(120deg,color-mix(in oklab,var(--accent) 25%,var(--card)),color-mix(in oklab,var(--card) 86%,transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 28%,transparent)}.action-secondary{background:linear-gradient(120deg,color-mix(in oklab,var(--mint) 22%,var(--card)),color-mix(in oklab,var(--card) 86%,transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mint) 24%,transparent)}.action-btn.mini{width:auto;min-width:96px;padding:10px 12px;font-size:13px}.ghost{padding:10px 12px;font-size:13px;font-weight:600;background:color-mix(in oklab,var(--card) 74%,transparent)}.game-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tab-pill{padding:10px 7px;font-size:12px;font-weight:600;text-align:center}.tab-pill.active{background:linear-gradient(120deg,color-mix(in oklab,var(--mint) 36%,var(--card)),color-mix(in oklab,var(--accent) 30%,var(--card)));border-color:color-mix(in oklab,var(--accent) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 32%,transparent)}.difficulty-row{width:100%;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:color-mix(in oklab,var(--card) 76%,transparent)}.difficulty-row strong{font-size:14px}.difficulty-sub{font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;color:var(--muted)}.difficulty-row span:last-child{font-weight:600;font-size:13px;white-space:nowrap}.puzzle-panel{min-height:0;height:100%;display:flex;flex-direction:column;gap:10px}.puzzle-panel .panel-head,.puzzle-panel .meta,.puzzle-panel .inline-actions,.puzzle-panel .status-text{flex-shrink:0}.puzzle-panel .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puzzle-panel .board-wrap{flex:1;justify-content:flex-start}.inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.status-text{font-size:13px;font-weight:600;color:var(--berry)}.board-wrap{display:flex;flex-direction:column;gap:8px;min-height:0;width:100%;align-items:center}.tool-strip{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tool-btn{padding:9px 8px;font-size:12px;font-weight:600}.tool-btn.active{background:linear-gradient(120deg,color-mix(in oklab,var(--accent) 34%,var(--card)),color-mix(in oklab,var(--mint) 26%,var(--card)));border-color:color-mix(in oklab,var(--accent) 52%,var(--line))}.nonogram-wrap{align-content:start}.nonogram-board{--hint-size: 14px;--hint-gap: 2px;width:100%;overflow:hidden;display:grid;justify-content:center;border-radius:14px;border:1px solid color-mix(in oklab,var(--line) 80%,transparent);padding:10px;background:color-mix(in oklab,var(--paper) 75%,transparent);touch-action:none}.nonogram-inner{width:fit-content}.nonogram-col-hints{display:grid;gap:var(--hint-gap);width:fit-content;margin-bottom:calc(var(--hint-gap) + 2px)}.nonogram-rows{display:grid;gap:var(--hint-gap);width:fit-content}.nonogram-row{display:flex;align-items:center;gap:calc(var(--hint-gap) + 3px)}.hint-col,.hint-row{display:grid;gap:var(--hint-gap);place-items:center}.hint-solved .hint-cell{color:color-mix(in oklab,var(--mint) 70%,var(--ink))}.hint-cell{width:var(--hint-size);height:var(--hint-size);display:grid;place-items:center;font-size:clamp(8px,calc(var(--hint-size) - 2px),12px);line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.nonogram-cells,.shikaku-grid,.takuzu-grid{display:grid;gap:2px;width:fit-content;margin-inline:auto}.grid-cell{width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;padding:0;background:color-mix(in oklab,var(--card) 88%,transparent);font-weight:700;font-size:clamp(13px,4vw,18px)}.nonogram-cell.filled{background:color-mix(in oklab,var(--ink) 82%,black)}.nonogram-cell.marked{color:var(--berry)}.shikaku-shell{align-content:start}.shikaku-toolbar{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid color-mix(in oklab,var(--line) 78%,transparent);border-radius:14px;background:color-mix(in oklab,var(--paper) 74%,transparent)}.selected-swatch{width:32px;height:32px;border-radius:10px;border:1px solid color-mix(in oklab,var(--line) 82%,transparent);flex-shrink:0}.selected-copy{display:grid;gap:2px;font-size:12px}.shikaku-grid,.takuzu-grid{max-height:none;overflow:hidden;padding:6px;border:1px solid color-mix(in oklab,var(--line) 80%,transparent);border-radius:14px;background:color-mix(in oklab,var(--paper) 76%,transparent);justify-content:center}.shikaku-grid{touch-action:none}.shikaku-cell{border-radius:10px;border-color:color-mix(in oklab,var(--line) 86%,transparent)}.shikaku-cell.clue-cell{border-color:color-mix(in oklab,var(--ink) 42%,var(--line));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--paper) 74%,transparent)}.shikaku-cell.selected-region{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--ink) 24%,transparent)}.takuzu-cell{background:color-mix(in oklab,var(--card) 92%,transparent)}.takuzu-cell.given{background:color-mix(in oklab,var(--accent-soft) 62%,var(--paper))}.stone{width:74%;height:74%;border-radius:999px;border:1px solid color-mix(in oklab,var(--line) 84%,transparent);transition:transform .12s ease}.stone.empty{opacity:0;transform:scale(.5)}.stone.white{background:#f9f7f3;box-shadow:inset 0 -1px #0000002e}.stone.black{background:#202124;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff2e}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:420px){.app-shell{padding-left:10px;padding-right:10px}.mini-brand{font-size:11px}.mini-stats{min-width:104px}.tab-pill{padding-left:4px;padding-right:4px;font-size:11px}.tool-btn{min-height:40px}.nonogram-board{padding:8px}.inline-actions{grid-template-columns:1fr}.action-btn.mini{width:100%}}@media(min-width:760px){.app-shell{padding-top:18px;padding-left:18px;padding-right:18px}.app-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px}.app-content .mini-hero,.home-hero,.home-frame,.play-panel,.daily-panel,.puzzle-panel{grid-column:1 / -1}.home-hero{max-width:680px}.home-frame,.view-frame{max-width:720px}.play-panel,.daily-panel,.puzzle-panel{justify-self:center;width:min(720px,100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}