@import url('/style-base.css?v=36');
html,body{min-height:100%;background:#050b25 url('/habad-bg-07.svg?v=1') center center/cover fixed no-repeat!important}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#050b2518,#050b2538);pointer-events:none}.brand-logo,.brand>.brand-logo{content:normal!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.active-players-wrap{margin-top:22px;padding-top:13px;border-top:1px solid #ffffff18}.active-players{display:flex;gap:8px;overflow-x:auto}.active-player{flex:0 0 auto;padding:7px 10px;border:1px solid #303c68;border-radius:999px;background:#101832;color:#fff;font-size:12px}.active-player.is-me{border-color:#c7ff24}
#categoryPhase{text-align:center;position:relative;padding:8px 0}#chooserText{margin:2px auto 5px!important;font-size:clamp(28px,7vw,40px)!important;line-height:1.1;color:#fff;text-shadow:0 4px #070c20}#categoryHint{color:#b8c2e5!important;margin-bottom:20px!important}#categoryChoices,.lobby-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.category-choice,.lobby-category{position:relative!important;isolation:isolate;min-height:170px!important;padding:0!important;border:2px solid #344d91!important;border-radius:24px!important;background:linear-gradient(160deg,#142454,#09132f)!important;color:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-shadow:inset 0 1px #ffffff28,0 7px 0 #050a1b,0 16px 28px #0008!important;transition:.17s ease!important}.category-choice:nth-child(4n+1),.lobby-category:nth-child(4n+1){border-color:#c8b13d!important;background:linear-gradient(155deg,#42351b,#121c3a 67%)}.category-choice:nth-child(4n+2),.lobby-category:nth-child(4n+2){border-color:#794cff!important;background:linear-gradient(155deg,#2c1754,#11183d 67%)}.category-choice:nth-child(4n+3),.lobby-category:nth-child(4n+3){border-color:#e346a0!important;background:linear-gradient(155deg,#4b183c,#151638 67%)}.category-choice:nth-child(4n),.lobby-category:nth-child(4n){border-color:#258bff!important;background:linear-gradient(155deg,#102d58,#10173b 67%)}.category-choice:not(:disabled):hover,.lobby-category:hover{transform:translateY(-4px) scale(1.012)!important;box-shadow:inset 0 1px #fff4,0 7px 0 #050a1b,0 0 0 2px #c7ff2430,0 20px 32px #0009!important}.category-choice:active{transform:translateY(4px)!important}.category-choice:disabled{opacity:.34!important}.cat-scene{position:absolute;z-index:1;inset:0 0 47px;display:block;overflow:hidden;background:radial-gradient(circle at 50% 62%,#526dff30,transparent 55%)}.scene-glow{position:absolute;width:110%;height:75%;left:-5%;bottom:-18%;border-radius:50%;background:radial-gradient(ellipse,#4b72ff55,transparent 66%);filter:blur(4px)}.scene-main{position:absolute;z-index:2;left:50%;bottom:5px;transform:translateX(-50%);font-size:66px;line-height:1;filter:drop-shadow(0 12px 8px #0008);transition:.18s ease}.scene-side{position:absolute;z-index:2;line-height:1;filter:drop-shadow(0 7px 6px #0007)}.scene-side.one{font-size:34px;left:8px;bottom:15px;transform:rotate(-10deg)}.scene-side.two{font-size:28px;right:9px;top:13px;transform:rotate(12deg)}.scene-eye{position:absolute;z-index:4;top:52%;width:15px;height:19px;border-radius:50%;background:#fff;box-shadow:inset 0 -4px #cfd8f4,0 2px 3px #0005}.scene-eye:after{content:'';position:absolute;width:7px;height:9px;left:5px;top:6px;border-radius:50%;background:#080e24}.scene-eye.left{left:calc(50% - 17px);transform:rotate(-5deg)}.scene-eye.right{left:calc(50% + 2px);transform:rotate(5deg)}.category-choice:hover .scene-main,.lobby-category:hover .scene-main{transform:translateX(-50%) translateY(-5px) rotate(-3deg) scale(1.08)}.cat-name{position:relative;z-index:5;width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;padding:8px 31px 8px 7px!important;border-top:1px solid #ffffff20!important;background:linear-gradient(180deg,#172750f2,#0b1534f8);font-size:13px!important;font-weight:950!important;line-height:1.2;text-align:center;text-shadow:0 2px #0008}.cat-count{position:absolute;z-index:6;left:8px;top:8px;padding:4px 6px;border-radius:999px;background:#071027bb;color:#b9c6ec!important;font-size:8px!important}.cat-arrow{position:absolute;z-index:7;right:7px;bottom:9px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #6073aa;border-radius:50%;background:#0b1638;color:#fff;font-size:24px;line-height:1}.lobby-category input{position:absolute;z-index:8;right:8px;top:8px;width:18px;height:18px;accent-color:#c7ff24}.lobby-category:has(input:checked){border-color:#c7ff24!important;box-shadow:inset 0 1px #fff4,0 7px 0 #050a1b,0 0 0 2px #c7ff2445,0 20px 32px #0009!important}.lobby-categories{margin:18px 0;padding:16px;border:1px solid #29335e;border-radius:24px;background:linear-gradient(145deg,#111a3a,#080f27)}.lobby-categories-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.lobby-categories-head h3{margin:0}.lobby-categories-head small{color:#aab2d0}.category-actions{display:flex;gap:6px}.category-actions button{padding:7px 9px;font-size:11px}#game{border-radius:28px!important}#game>.game-top{margin-bottom:16px!important;padding:9px 11px!important;border:1px solid #344475!important;border-radius:18px!important;background:linear-gradient(#111d43,#09122d)!important;box-shadow:0 5px 0 #060b1c!important}#game>.game-top #countdown{color:#c7ff24!important;font-weight:950}.home-nav-button{margin-bottom:10px}
@media(max-width:480px){html,body{background-position:center center!important;background-size:cover!important}#game{padding:13px!important}.category-choice,.lobby-category{min-height:158px!important;border-radius:20px!important}#categoryChoices,.lobby-category-grid{gap:10px!important}.scene-main{font-size:59px}.scene-side.one{font-size:29px}.scene-side.two{font-size:24px}.cat-scene{inset:0 0 44px}.cat-name{min-height:44px;font-size:12px!important;padding-right:28px!important}.cat-arrow{width:25px;height:25px;bottom:9px;font-size:21px}#chooserText{font-size:28px!important}}
