:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.tv-home-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(20px,3vh,40px);padding:clamp(16px,3vw,48px);display:flex}.tv-home-title{color:#333;letter-spacing:1px;font-family:Fredoka One,cursive;font-size:clamp(1.4rem,3vw,2.8rem);font-weight:700}.tv-cat-tiles{flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.8vw,28px);width:100%;max-width:1100px;display:flex}.tv-cat-tile{cursor:pointer;text-align:center;background:#ffffffeb;border:3px solid #0000000d;border-radius:clamp(16px,2vw,28px);flex-direction:column;flex:1;align-items:center;min-width:clamp(130px,14vw,180px);max-width:200px;padding:clamp(18px,3vh,36px) clamp(10px,1.5vw,20px) clamp(14px,2.5vh,28px);transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000012}.tv-cat-tile:before{content:"";pointer-events:none;background:linear-gradient(160deg,#fff9 0%,#0000 60%);position:absolute;inset:0}.tv-cat-tile.focused{border-color:var(--cat-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--cat-color) 25%, transparent), 0 16px 40px #00000021;background:color-mix(in srgb, var(--cat-color) 8%, #fff);transform:scale(1.07)translateY(-6px)}.tv-cat-tile-emoji{margin-bottom:clamp(8px,1.2vh,16px);font-size:clamp(2.4rem,5vw,4.2rem);line-height:1}.tv-cat-tile-label{color:var(--cat-color);margin-bottom:4px;font-family:Fredoka One,cursive;font-size:clamp(1rem,1.8vw,1.6rem);font-weight:700;line-height:1.2}.tv-cat-tile-count{color:#fff;background:var(--cat-color);border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:clamp(.65rem,.9vw,.9rem);font-weight:800}.tv-cat-tile-desc{color:#aaa;font-size:clamp(.58rem,.8vw,.8rem);line-height:1.4}.tv-cat-tile-bar{background:var(--cat-color);border-radius:0 0 28px 28px;height:4px;position:absolute;bottom:0;left:0;right:0}.tv-home{background:radial-gradient(at 0 0,#fff3cd 0%,#0000 45%),radial-gradient(at 100% 0,#fde8f0 0%,#0000 45%),radial-gradient(at 100% 100%,#e8faf0 0%,#0000 45%),radial-gradient(at 0 100%,#e8f4fd 0%,#0000 45%),#fffdf8;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tv-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:clamp(12px,2vh,28px) clamp(16px,2.5vw,40px);display:flex;overflow:visible}.tv-logo{align-items:center;gap:clamp(8px,.8vw,14px);display:flex;overflow:visible}.tv-logo-icon{filter:drop-shadow(0 2px 6px #0000001f);font-size:clamp(1.6rem,3vw,3rem)}.tv-logo-text{background:linear-gradient(90deg,#ff6b35,orange,gold,#43e97b,#38b2f8,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;padding-bottom:2px;font-family:Fredoka One,cursive;font-size:clamp(1.6rem,3vw,3.2rem);font-weight:700;line-height:1.3;display:inline-block}.tv-nav-hint{color:#bbb;background:#0000000a;border:1px solid #0000000f;border-radius:999px;padding:clamp(4px,.5vh,8px) clamp(10px,1vw,18px);font-size:clamp(.6rem,.9vw,.85rem);font-weight:700}.tv-tabs{flex-shrink:0;align-items:center;gap:clamp(6px,.8vw,14px);padding:clamp(8px,1.2vh,16px) clamp(16px,2.5vw,40px);display:flex}.tv-tab{color:#777;white-space:nowrap;background:#ffffffd9;border:2px solid #00000012;border-radius:999px;align-items:center;gap:clamp(4px,.4vw,8px);padding:clamp(7px,.9vh,13px) clamp(14px,1.6vw,26px);font-size:clamp(.7rem,1vw,1rem);font-weight:800;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 8px #0000000d}.tv-tab.active{background:var(--cat-color);color:#fff;border-color:var(--cat-color);box-shadow:0 4px 16px color-mix(in srgb, var(--cat-color) 40%, transparent)}.tv-tab.focused{outline-offset:2px;outline:3px solid #222;transform:scale(1.08)translateY(-2px)}.tv-tab-count{background:#ffffff4d;border-radius:999px;padding:1px 7px;font-size:.78em;font-weight:800}.tv-tab:not(.active) .tv-tab-count{color:#999;background:#00000012}.tv-grid-wrapper{flex:1;min-height:0;padding:clamp(8px,1.2vh,16px) clamp(16px,2.5vw,40px) clamp(10px,1.5vh,20px);overflow:hidden auto}.tv-grid{grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.1vw,18px);width:100%;display:grid}.tv-card{cursor:pointer;text-align:center;background:#ffffffe0;border:2.5px solid #0000000d;border-radius:clamp(12px,1.4vw,20px);flex-direction:column;align-items:center;width:100%;padding:clamp(10px,1.6vh,22px) clamp(6px,.8vw,14px) clamp(8px,1.4vh,18px);transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 14px #00000012}.tv-card:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff8c 0%,#0000 55%);position:absolute;inset:0}.tv-card.focused{border-color:var(--game-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--game-color) 28%, transparent), 0 14px 32px #00000024;background:color-mix(in srgb, var(--game-color) 8%, #fff);transform:scale(1.05)translateY(-4px)}.tv-card-thumb{border-radius:clamp(12px,1.3vw,18px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(52px,6.5vw,88px);height:clamp(52px,6.5vw,88px);margin-bottom:clamp(6px,1vh,12px);font-size:clamp(1.6rem,2.8vw,3rem);display:flex;box-shadow:0 4px 12px #0000001f}.tv-card-cat{background:var(--game-color);color:#fff;text-transform:uppercase;letter-spacing:.7px;border-radius:999px;padding:2px 7px;font-size:clamp(.42rem,.58vw,.62rem);font-weight:900;position:absolute;top:clamp(7px,.9vw,12px);right:clamp(7px,.9vw,12px)}.tv-card-name{color:#1a1a1a;margin-bottom:3px;font-size:clamp(.7rem,1vw,1rem);font-weight:900;line-height:1.2}.tv-card-desc{color:#aaa;font-size:clamp(.58rem,.78vw,.78rem);line-height:1.3}.tv-card-bar{background:var(--game-color);border-radius:0 0 20px 20px;height:3px;position:absolute;bottom:0;left:0;right:0}.tv-cat-page{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tv-cat-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border-bottom:1px solid #0000000d;flex-shrink:0;align-items:center;gap:clamp(10px,1.4vw,20px);padding:clamp(12px,2vh,28px) clamp(16px,2.5vw,40px) clamp(8px,1.2vh,16px);display:flex}.tv-back-btn{color:#444;background:#ffffffe6;border:2px solid #0000001a;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:clamp(7px,.9vh,12px) clamp(14px,1.5vw,22px);font-size:clamp(.72rem,1vw,.98rem);font-weight:800;transition:all .18s;display:flex;box-shadow:0 2px 10px #00000014}.tv-back-btn:hover{background:#fff;border-color:#333}.tv-cat-title{color:var(--cat-color);font-family:Fredoka One,cursive;font-size:clamp(1.6rem,3vw,3.2rem);font-weight:400}.tv-cat-subtitle{color:#ccc;margin-left:auto;font-size:clamp(.68rem,.9vw,.9rem);font-weight:700}.tv-cat-grid-wrapper{flex:1;min-height:0;padding:clamp(12px,2vh,24px) clamp(16px,2.5vw,40px) clamp(10px,1.5vh,20px);overflow:hidden auto}.tv-cat-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,26px);width:100%;display:grid}.tv-game-tile{cursor:pointer;background:#ffffffe6;border:3px solid #0000;border-radius:clamp(14px,1.8vw,26px);width:100%;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 5px 18px #00000014}.tv-game-tile.focused{border-color:var(--game-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--game-color) 22%, transparent), 0 18px 40px #00000024;transform:scale(1.04)translateY(-5px)}.tv-tile-img{justify-content:center;align-items:center;width:100%;height:clamp(80px,13vh,165px);font-size:clamp(2.8rem,5.5vw,5rem);display:flex}.tv-tile-body{padding:clamp(10px,1.3vh,18px) clamp(12px,1.3vw,20px)}.tv-tile-name{color:#1a1a1a;margin-bottom:4px;font-size:clamp(.88rem,1.4vw,1.35rem);font-weight:900}.tv-tile-desc{color:#aaa;font-size:clamp(.62rem,.9vw,.88rem);line-height:1.4}.tv-tile-play{color:#666;background:#ffffffe0;border-radius:999px;padding:4px 12px;font-size:clamp(.58rem,.8vw,.82rem);font-weight:900;transition:all .18s;position:absolute;top:clamp(9px,1vw,14px);right:clamp(9px,1vw,14px);box-shadow:0 2px 8px #0000001a}.tv-game-tile.focused .tv-tile-play{background:var(--game-color);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--game-color) 45%, transparent)}.tv-play-page{background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.tv-play-bar{flex-shrink:0;align-items:center;gap:clamp(8px,1.2vw,18px);padding:clamp(6px,.9vh,12px) clamp(16px,2.5vw,36px);display:flex;position:relative;overflow:hidden}.tv-play-bar:before{content:"";background:linear-gradient(90deg,#ff6b35,gold,#43e97b,#38b2f8,#a855f7,#ff6b35) 0 0/200% 100%;animation:5s linear infinite barSlide;position:absolute;inset:0}@keyframes barSlide{0%{background-position:0 0}to{background-position:200% 0}}.tv-play-bar>*{z-index:1;position:relative}.tv-play-back{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border:2px solid #ffffff80;border-radius:999px;align-items:center;gap:6px;padding:clamp(5px,.7vh,10px) clamp(12px,1.3vw,20px);font-size:clamp(.68rem,.95vw,.95rem);font-weight:800;transition:all .15s;display:flex}.tv-play-back:hover{background:#fff6}.tv-play-emoji{font-size:clamp(1.1rem,1.8vw,1.8rem)}.tv-play-title{color:#fff;text-shadow:0 1px 5px #00000029;flex:1;font-family:Fredoka One,cursive;font-size:clamp(.95rem,1.6vw,1.7rem)}.tv-play-hint{color:#ffffffbf;background:#00000024;border-radius:999px;padding:3px 12px;font-size:clamp(.58rem,.82vw,.82rem);font-weight:700}.tv-play-frame{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:auto}.game-container{background:linear-gradient(135deg,#f5f0e8 0%,#e8dcc8 100%);flex-direction:column;width:100%;height:100%;font-family:Nunito,sans-serif;display:flex;overflow:hidden}.top-ui{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.level-info{text-align:center}.level-info h2{color:#4a3728;margin:0;font-size:clamp(1rem,2vw,1.6rem);font-weight:900}.timer{color:#fff;background:#4a3728;border-radius:999px;margin-top:4px;padding:2px 12px;font-size:clamp(.85rem,1.5vw,1.2rem);font-weight:700;display:inline-block}.icon-btn{cursor:pointer;background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,5vw,52px);height:clamp(36px,5vw,52px);padding:6px;font-size:clamp(1.2rem,2.5vw,2rem);transition:background .15s;display:flex}.icon-btn:hover{background:#fffc}.main-board{flex:1;min-height:0;position:relative;overflow:hidden}.plank{z-index:2;border-radius:8px;transition:opacity .4s,transform .4s;position:absolute;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff4d}.plank.falling{opacity:0;transform:translate(-50%,calc(60px - 50%))!important}.plank-texture{background-size:8px 8px;border-radius:8px;width:100%;height:100%}.hole{z-index:3;background:radial-gradient(circle,#2a1a0e 60%,#4a3728 100%);border:3px solid #6d4c41;border-radius:50%;justify-content:center;align-items:center;width:clamp(28px,4vw,44px);height:clamp(28px,4vw,44px);transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px 6px #00000080,0 2px 4px #0000004d}.hole.focused{border-color:gold;box-shadow:0 0 0 3px #ffd70088,inset 0 2px 6px #00000080}.screw{color:#c0a060;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:clamp(.9rem,1.8vw,1.4rem);font-weight:900;line-height:1;display:flex}.screw.floating{z-index:10;color:gold;filter:drop-shadow(0 0 8px gold);font-size:clamp(1rem,2vw,1.6rem);animation:.6s ease-in-out infinite alternate floatPulse;position:absolute;transform:translate(-50%,-50%)}@keyframes floatPulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.2)}}.win-screen{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.win-screen h1{color:#4a3728;font-size:clamp(1.6rem,3.5vw,3rem);font-weight:900}.bottom-ui{background:#ffffff4d;border-top:1px solid #0000000f;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:10px 20px;display:flex}.locked-level{color:#a1887f;background:#ffffff80;border:1.5px solid #00000014;border-radius:999px;padding:5px 14px;font-size:clamp(.7rem,1.1vw,1rem);font-weight:800}.tv-back-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tv-back-dialog{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:12px;min-width:clamp(260px,30vw,420px);padding:clamp(28px,4vh,52px) clamp(32px,5vw,64px);animation:.2s cubic-bezier(.34,1.56,.64,1) both dialogPop;display:flex;box-shadow:0 20px 60px #00000040}@keyframes dialogPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tv-back-dialog-title{color:#1a1a1a;font-family:Fredoka One,cursive;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700}.tv-back-dialog-sub{color:#aaa;font-size:clamp(.75rem,1.1vw,1rem);font-weight:600}.tv-back-dialog-btns{gap:14px;margin-top:8px;display:flex}.tv-back-dialog-btn{cursor:pointer;border:3px solid #0000;border-radius:999px;padding:clamp(10px,1.5vh,18px) clamp(20px,3vw,38px);font-size:clamp(.85rem,1.3vw,1.1rem);font-weight:800;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.tv-back-dialog-btn.yes{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.tv-back-dialog-btn.yes.focused{color:#fff;background:#dc2626;border-color:#dc2626;transform:scale(1.08);box-shadow:0 6px 20px #dc262659}.tv-back-dialog-btn.no{color:#16a34a;background:#f0fdf4;border-color:#86efac}.tv-back-dialog-btn.no.focused{color:#fff;background:#16a34a;border-color:#16a34a;transform:scale(1.08);box-shadow:0 6px 20px #16a34a59}.tv-back-dialog-hint{color:#ccc;margin-top:4px;font-size:clamp(.62rem,.85vw,.82rem);font-weight:700}