html[data-design=hub]{--hub-bg:#2e1065;--hub-bar:#230b4e;--hub-bar-line:#ffffff1a;--hub-accent:#fbbf24;--hub-tab-idle:#fffc;--hub-panel-border:1px solid #ffffff1a;--hub-panel-shadow:none;--hub-chip:#ffffff1f;--hub-chip-hover:#fff3;--hub-second-bg:#fff;--hub-second-text:#5b21b6;--hub-second-shadow:0 4px 0 #cfc8e8;--hub-btn-border:none;--hub-primary-text:#fff;--hub-primary-shadow:0 5px 0 var(--green-dark);--hub-input-bg:#1c0840;--hub-input-line:#ffffff2e;--hub-hero-shadow:0 6px 0 #00000038;--hub-hero-border:none;--hub-display:var(--font);--hub-ad-border:none;--bg1:var(--hub-bg);--on-bg:#fff;--on-bg-muted:#ffffffc7;--card:#3d1a86;--text:#fff;--muted:#ffffffc7;--line:#ffffff1a;--placeholder:#ffffff8c;--card-soft:#ffffff1f;--card-highlight:#fbbf242e;--shadow-card:var(--hub-panel-shadow);--shadow-input:none;--shadow-chip:none;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-design=hub][data-theme=light]{--hub-bg:#f4f1fb;--hub-bar:#fff;--hub-bar-line:#e6e0f4;--hub-accent:#6d28d9;--hub-tab-idle:#6b6880;--hub-panel-border:1px solid #e6e0f4;--hub-panel-shadow:0 2px 0 #e6e0f4;--hub-chip:#efeafb;--hub-chip-hover:#e4dcf8;--hub-second-bg:#6d28d9;--hub-second-text:#fff;--hub-second-shadow:0 4px 0 #4c1d95;--hub-primary-shadow:0 5px 0 #166534;--hub-input-bg:#f6f4fd;--hub-input-line:#d9d2ef;--hub-ad-border:1px solid #e6e0f4;--on-bg:#1e1b4b;--on-bg-muted:#5b5675;--card:#fff;--text:#1e1b4b;--muted:#5b5675;--line:#eee9f8;--placeholder:#8a85a3;--card-soft:#f3f0fb;--card-highlight:#fff4cc;--green:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-design=hub][data-theme=dark]{--hub-bg:#0e0e12;--hub-bar:#16161c;--hub-bar-line:#ffffff14;--hub-accent:#c4b5fd;--hub-tab-idle:#8b8b9a;--hub-panel-border:1px solid #ffffff14;--hub-chip:#ffffff14;--hub-chip-hover:#ffffff24;--hub-second-bg:#2a2a35;--hub-second-text:#f4f4f6;--hub-second-shadow:0 4px 0 #000;--hub-primary-text:#052e16;--hub-input-bg:#121217;--hub-input-line:#34343f;--btn-off-base:var(--hub-bg);--on-bg:#f4f4f6;--on-bg-muted:#a8a8b8;--card:#1d1d25;--text:#f4f4f6;--muted:#a8a8b8;--line:#ffffff14;--placeholder:#6e6e7c;--card-soft:#ffffff12;--card-highlight:#c4b5fd24}html[data-design=hub][data-theme=board]{--ink:#2b2340;--hub-bg:#faf6ec;--hub-bar:#faf6ec;--hub-bar-line:var(--ink);--hub-accent:#7c3aed;--hub-tab-idle:#5f5a70;--hub-panel-border:2px solid var(--ink);--hub-panel-shadow:4px 4px 0 var(--ink);--hub-chip:#fff;--hub-chip-hover:#fef3c7;--hub-second-bg:#fbbf24;--hub-second-text:var(--ink);--hub-second-shadow:3px 3px 0 var(--ink);--hub-btn-border:2px solid var(--ink);--hub-primary-text:#052e16;--hub-primary-shadow:4px 4px 0 var(--ink);--hub-input-bg:#faf6ec;--hub-input-line:var(--ink);--hub-hero-shadow:4px 4px 0 var(--ink);--hub-hero-border:2px solid var(--ink);--hub-display:var(--font-display), Georgia, serif;--hub-ad-border:2px solid #2b234080;--on-bg:var(--ink);--on-bg-muted:#5f5a70;--card:#fff;--text:var(--ink);--muted:#5f5a70;--line:#2b234029;--placeholder:#8a8597;--card-soft:#fef3c7;--card-highlight:#fde68a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-design=hub] body{background:var(--hub-bg);background-image:none}html[data-design=hub] body:before,html[data-design=hub] body:after{display:none}html[data-design=hub][data-season=halloween]{--hub-accent:var(--pumpkin)}html[data-design=hub][data-season=halloween] body{background-image:radial-gradient(70% 45% at 50% 0%, color-mix(in srgb, var(--pumpkin) 22%, transparent), transparent 70%);background-attachment:fixed}html[data-design=hub] .app.with-tools{padding-top:calc(56px + var(--space-4) + env(safe-area-inset-top))}html[data-design=hub] .app:before{content:"";z-index:20;height:calc(56px + env(safe-area-inset-top));background:var(--hub-bar);border-bottom:1px solid var(--hub-bar-line);position:fixed;top:0;left:0;right:0}html[data-design=hub][data-theme=board] .app:before{border-bottom-width:2px}html[data-design=hub] .screen-tools{z-index:21;top:calc(11px + env(safe-area-inset-top));right:max(calc(12px + env(safe-area-inset-right)), calc(50% - var(--app-width) / 2 + 12px));position:fixed}html[data-design=hub] .logo{z-index:21;top:calc(12px + env(safe-area-inset-top));left:max(calc(16px + env(safe-area-inset-left)), calc(50% - var(--app-width) / 2 + 16px));text-align:left;text-shadow:none;font-size:1.6rem;position:fixed;transform:none}html[data-design=hub] .logo:hover{transform:none}html[data-design=hub] .logo-tagline{display:none}html[data-design=hub] .sound-toggle,html[data-design=hub] .tool-btn{background:var(--hub-chip);color:var(--on-bg);border-radius:10px}html[data-design=hub] .sound-toggle:hover,html[data-design=hub] .tool-btn:hover{background:var(--hub-chip-hover)}html[data-design=hub] .dial-box{background:var(--hub-chip);border-radius:10px}html[data-design=hub] .screen-head{z-index:21;top:calc(11px + env(safe-area-inset-top));left:max(calc(12px + env(safe-area-inset-left)), calc(50% - var(--app-width) / 2 + 12px));align-items:center;gap:10px;height:34px;display:flex;position:fixed}html[data-design=hub] .screen-head .screen-start,html[data-design=hub] .screen-head .logo{position:static}html[data-design=hub] .tool-pill{background:var(--hub-chip);color:var(--on-bg);border-radius:10px}html[data-design=hub] .tool-pill:hover{background:var(--hub-chip-hover)}.hub-tabbar{z-index:20;justify-content:center;gap:var(--space-1);padding:var(--space-2) max(var(--space-3), calc(50% - var(--app-width) / 2)) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--hub-bar);border-top:1px solid var(--hub-bar-line);display:flex;position:fixed;bottom:0;left:0;right:0}html[data-theme=board] .hub-tabbar{border-top-width:2px}.hub-tab{padding:var(--space-1) 0;color:var(--hub-tab-idle);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.hub-tab:active{opacity:.6}.hub-tab svg{width:24px;height:24px}.hub-tab.on{color:var(--hub-accent);font-weight:900}html[data-design=hub] body:has(.hub-tabbar) .app{padding-bottom:calc(84px + var(--space-4) + env(safe-area-inset-bottom))}html[data-design=hub] h2{font-size:1rem;font-weight:900}html[data-design=hub] .screen-title{text-align:left;font-size:1.5rem}html[data-design=hub] .lead{text-align:left}html[data-design=hub][data-theme=board] :is(.screen-title,h2,.hb-hero-label,.question,.hb-display){font-family:var(--hub-display);letter-spacing:-.01em}html[data-design=hub] .card{border:var(--hub-panel-border);box-shadow:var(--hub-panel-shadow)}html[data-design=hub] .card .btn.link{color:var(--hub-accent)}html[data-design=hub] .pill{background:var(--hub-chip);color:var(--on-bg)}html[data-design=hub] .btn{background:var(--hub-second-bg);color:var(--hub-second-text);border:var(--hub-btn-border);box-shadow:var(--hub-second-shadow)}html[data-design=hub] .btn:not(:disabled):active{box-shadow:none}html[data-design=hub] .btn.green{background:var(--green);color:var(--hub-primary-text);box-shadow:var(--hub-primary-shadow)}html[data-design=hub] .btn.primary{background:var(--yellow);color:#1e1b4b;box-shadow:0 5px 0 var(--yellow-dark)}html[data-design=hub] .btn.danger{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark)}html[data-design=hub] .btn.facebook{color:#fff;background:#1877f2;box-shadow:0 5px #0b5fcc}html[data-design=hub][data-theme=board] :is(.btn.green,.btn.primary,.btn.danger,.btn.facebook){border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}html[data-design=hub] .btn.primary:disabled{background:color-mix(in srgb, var(--yellow) 38%, var(--btn-off-base));color:#1e1b4b80;box-shadow:0 5px 0 color-mix(in srgb, var(--yellow-dark) 30%, var(--btn-off-base))}html[data-design=hub] .btn.green:disabled{background:color-mix(in srgb, var(--green) 38%, var(--btn-off-base));color:color-mix(in srgb, var(--green-dark) 75%, transparent);box-shadow:0 5px 0 color-mix(in srgb, var(--green-dark) 30%, var(--btn-off-base))}html[data-design=hub] .btn.danger:disabled{background:color-mix(in srgb, var(--red) 38%, var(--btn-off-base));color:color-mix(in srgb, var(--red-dark) 75%, transparent);box-shadow:0 5px 0 color-mix(in srgb, var(--red-dark) 30%, var(--btn-off-base))}html[data-design=hub][data-theme=dark] .btn:is(.primary,.green,.danger):disabled{color:#f4f4f673}html[data-design=hub][data-theme=board] :is(.btn.green,.btn.primary,.btn.danger):disabled{box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 35%, transparent);border-color:color-mix(in srgb, var(--ink) 35%, transparent)}html[data-design=hub] .btn.held:disabled{background:var(--green);color:var(--hub-primary-text);box-shadow:var(--hub-primary-shadow)}html[data-design=hub][data-theme=board] .btn.held:disabled{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}html[data-design=hub] .btn.link{box-shadow:none;color:var(--on-bg-muted);background:0 0;border:0}html[data-design=hub] .btn.link.inline{color:var(--on-bg)}html[data-design=hub] .choice{background:var(--hub-chip);color:var(--text);border:var(--hub-panel-border);box-shadow:none}html[data-design=hub] .choice:hover{background:var(--hub-chip-hover)}html[data-design=hub] .choice.selected{background:var(--yellow);color:#1e1b4b;border-color:#0000}html[data-design=hub][data-theme=board] .choice.selected{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}html[data-design=hub] input{background:var(--hub-input-bg);color:var(--text);border:2px solid var(--hub-input-line)}html[data-design=hub] input:focus{border-color:var(--hub-accent)}html[data-design=hub] .game-tile{background-color:var(--card);color:var(--text);border:var(--hub-panel-border);box-shadow:var(--hub-panel-shadow);background-image:none}html[data-design=hub] .game-tile .emoji{background:color-mix(in srgb, var(--tile) 28%, transparent);box-shadow:none}html[data-design=hub] .game-tile .meta,html[data-design=hub] .game-tile .go{color:var(--muted)}html[data-design=hub] .game-tile .tag{background:var(--card-soft);color:var(--text)}html[data-design=hub] .game-tile.locked{opacity:.7;background-image:none}html[data-design=hub] .game-tile.locked .emoji{background:var(--card-soft)}html[data-design=hub] .game-tile:not(.locked):active{transform:translateY(2px)}html[data-design=hub] .art-b .tile-art:before{box-shadow:none;background:color-mix(in srgb, var(--tile) 22%, var(--card))}html[data-design=hub] .art-c:before{background:color-mix(in srgb, var(--tile) 20%, transparent)}html[data-design=hub] .art-d .tile-art .pattern{opacity:.12}html[data-design=hub] .art-d .tile-art .motif{filter:drop-shadow(0 2px #0000002e)}html[data-design=hub] .art-a .tile-art .motif{filter:drop-shadow(0 3px #0000002e)}html[data-design=hub] .game-tile.halloween{background-color:var(--night);background-image:var(--tile-pattern);color:#fff;border-color:#0000}html[data-design=hub] .game-tile.halloween .emoji{background:color-mix(in srgb, var(--pumpkin) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--pumpkin) 50%, transparent)}html[data-design=hub] .game-tile.halloween .meta,html[data-design=hub] .game-tile.halloween .go{color:#fffc}html[data-design=hub] :is(.game-tile.christmas,.game-tile.christmas-movies,.game-tile.calendar,.game-tile.valentine,.game-tile.eurovision,.game-tile.summer,.game-tile.year-2026){background-color:var(--tile);background-image:var(--tile-pattern);color:#fff;border-color:#0000}html[data-design=hub] :is(.game-tile.christmas,.game-tile.christmas-movies,.game-tile.calendar,.game-tile.valentine,.game-tile.eurovision,.game-tile.summer,.game-tile.year-2026) :is(.meta,.go){color:#ffffffd9}html[data-design=hub] :is(.game-tile.christmas,.game-tile.christmas-movies,.game-tile.calendar,.game-tile.valentine,.game-tile.eurovision,.game-tile.summer,.game-tile.year-2026) .emoji{background:#ffffffe6}html[data-design=hub][data-season=christmas]{--hub-accent:var(--xmas-red);--season-glow:var(--xmas-red)}html[data-design=hub][data-season=christmas-movies]{--hub-accent:var(--xmas-red);--season-glow:var(--cinema-gold)}html[data-design=hub][data-season=valentine]{--hub-accent:var(--rose);--season-glow:var(--rose)}html[data-design=hub][data-season=eurovision]{--hub-accent:var(--spot-pink);--season-glow:var(--spot-pink)}html[data-design=hub][data-season=summer]{--hub-accent:var(--sky);--season-glow:var(--sun)}html[data-design=hub][data-season=year-2026]{--hub-accent:var(--gold);--season-glow:var(--gold)}html[data-design=hub]:is([data-season=christmas],[data-season=christmas-movies],[data-season=valentine],[data-season=eurovision],[data-season=summer],[data-season=year-2026]) body{background-image:radial-gradient(70% 45% at 50% 0%, color-mix(in srgb, var(--season-glow) 22%, transparent), transparent 70%);background-attachment:fixed}html[data-design=hub] .ad-slot .ad{color:#1e1b4b;border:var(--hub-ad-border);box-shadow:none;--text:#1e1b4b;--muted:#6b7280;--placeholder:#8a85a3;background:#fff}html[data-design=hub] .ad-slot .ad .muted{color:#6b7280}html[data-design=hub] .ad-slot .ad.game-tile{color:#1e1b4b;border:var(--hub-ad-border);box-shadow:none;background:#fff}.hb-section{gap:var(--space-2);flex-direction:column;display:flex}.hb-head{align-items:baseline;gap:var(--space-2);display:flex}.hb-head h2{flex:1;margin:0}.hb-more{color:var(--hub-accent);font-size:var(--fs-small);font-weight:800;text-decoration:none}.hb-more.center{text-align:center;padding:var(--space-2)}.hb-label{margin:var(--space-2) 0 0;font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--on-bg-muted);font-weight:900}.hb-who{align-items:center;gap:var(--space-2);display:flex}.hb-who .avatar{width:36px;height:36px;font-size:1.1rem}.hb-who-name{flex:1;font-weight:900}.hb-who.quiet{justify-content:flex-end}.hb-who .greeting-text{font-size:var(--fs-label);font-weight:700}.hb-who .greeting-text strong{font-weight:900}.hb-promise{color:var(--on-bg);text-wrap:balance;margin:0;font-size:1.25rem;font-weight:900;line-height:1.25}.hb-hero{align-items:center;gap:var(--space-3);padding:var(--space-4);color:#2e1065;border:var(--hub-hero-border);box-shadow:var(--hub-hero-shadow);background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:18px;text-decoration:none;transition:transform 80ms;display:flex}html[data-theme=board] .hb-hero{background:#fbbf24}.hb-hero:active{transform:translateY(3px)}.hb-hero-emoji{font-size:2rem}.hb-hero-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hb-hero-label{font-size:1.35rem;font-weight:900}.hb-hero-sub{font-size:var(--fs-label);color:#2e1065cc;text-wrap:balance;font-weight:800}.hb-hero-sub .nowrap{white-space:nowrap}.hb-hero-go{color:#fff;background:#5b21b6;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex;box-shadow:0 4px #3b0f8a}.hb-panel{padding:0;overflow:hidden}.hb-code{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.hb-code-label{font-size:var(--fs-small);color:var(--on-bg-muted);flex:none;font-weight:800}.hb-code input{flex:1;min-width:0;padding:10px;font-size:1.3rem}.hb-code .btn{flex:none;width:auto;padding:10px 18px}.hb-rows{margin:0;padding:0;list-style:none}.hb-code+.hb-rows,.hb-rows li+li{border-top:1px solid var(--line)}.hb-row{align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;min-height:56px;padding:var(--space-2) var(--space-3);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.hb-row:disabled{opacity:.6;cursor:default}.hb-row:not(:disabled):active{background:var(--card-soft)}.hb-icon{background:var(--card-soft);border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex}.hb-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hb-title{font-weight:900}.hb-sub{font-size:var(--fs-small);color:var(--muted);font-weight:700}.hb-go{color:var(--hub-accent);font-weight:900;font-size:var(--fs-label);flex:none}.hb-chev{color:var(--muted);flex:none}.hb-waiting{gap:var(--space-3);flex-direction:column;display:flex}.hb-options{gap:var(--space-2);flex-direction:column;display:flex}.hb-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:2px solid var(--line);background:var(--card);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);border-radius:16px;display:flex}.hb-option.on{border-color:var(--hub-accent,var(--yellow))}.hb-radio{border:2px solid var(--muted);width:26px;height:26px;color:var(--hub-accent,var(--yellow));border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.hb-option.on .hb-radio{border-color:var(--hub-accent,var(--yellow))}.hb-display{font-family:var(--font-display), Georgia, serif}.hb-mini{box-sizing:border-box;border-radius:10px;flex-direction:column;flex:none;gap:4px;width:58px;height:78px;padding:6px;display:flex;overflow:hidden}.hb-mini>span{border-radius:4px;display:block}.mini-bar{height:7px}.mini-hero{background:linear-gradient(135deg,#fbbf24,#f59e0b);height:16px}.mini-panel{height:10px}.mini-btn{background:#22c55e;height:9px;margin-top:auto}.mini-classic{background:linear-gradient(160deg,#2e1065,#6d28d9)}.mini-classic .mini-bar{background:0 0}.mini-classic .mini-panel{background:#fff}.mini-purple{background:#2e1065}.mini-purple .mini-bar{background:#230b4e}.mini-purple .mini-panel{background:#3d1a86}.mini-light{background:#f4f1fb;border:1px solid #e6e0f4}.mini-light .mini-bar{background:#fff}.mini-light .mini-panel{background:#fff;border:1px solid #e6e0f4}.mini-light .mini-btn{background:#16a34a}.mini-dark{background:#0e0e12}.mini-dark .mini-bar{background:#16161c}.mini-dark .mini-panel{background:#1d1d25}.mini-board{background:#faf6ec;border:1.5px solid #2b2340}.mini-board .mini-bar{background:#faf6ec;border-bottom:1.5px solid #2b2340;border-radius:0}.mini-board .mini-hero,.mini-board .mini-panel,.mini-board .mini-btn{border:1.5px solid #2b2340}.mini-board .mini-hero{background:#fbbf24}.mini-board .mini-panel{background:#fff}