:root{--team-primary:#e10600;--team-primary-bright:#ff2a20;--team-primary-rgb:225, 6, 0;--team-secondary:#fc0;--team-bg:#0a0a0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--team-bg);color:#f0f0f0;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{width:100%;height:100%;position:relative}.app canvas{touch-action:none}.menu-backdrop{background:radial-gradient(circle at 50% 35%, rgba(var(--team-primary-rgb), .24), transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--team-bg) 88%, var(--team-primary)), var(--team-bg));perspective:700px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mini-tower{filter:drop-shadow(0 24px 35px #000);opacity:.72;flex-direction:column-reverse;gap:3px;width:230px;display:flex;transform:translateY(28px)rotateX(-5deg)rotateY(-12deg)}.mini-layer{justify-content:center;gap:4px;height:19px;display:flex}.mini-layer.turned{transform:rotateY(90deg)}.mini-layer span{background:linear-gradient(90deg, transparent 0 42%, var(--team-primary) 42% 58%, transparent 58%), linear-gradient(180deg, #30303a, #111118);width:72px;box-shadow:inset 0 0 8px rgba(var(--team-primary-rgb), .28);border:1px solid #ffffff26;border-radius:2px}.mini-platform{border:4px solid var(--team-primary);background:conic-gradient(#e8e8e8 25%, #17171c 0 50%, #e8e8e8 0 75%, #17171c 0) 0 0 / 36px 36px;opacity:.55;width:330px;height:100px;position:absolute;top:calc(50% + 146px);left:50%;transform:translate(-50%)rotateX(68deg)}.scene-loading{z-index:25;background:var(--team-bg);justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.hud-btn{background:var(--team-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;min-height:44px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.hud-btn:hover:not(:disabled){background:var(--team-primary-bright)}.hud-btn:active:not(:disabled){transform:scale(.97)}.hud-btn:disabled{opacity:.4;cursor:default}.hud-btn.secondary{background:#2a2a35;border:1px solid #444}.hud-btn.secondary:hover:not(:disabled){background:#3a3a48}.hud-actions{flex-wrap:wrap;gap:10px;display:flex}.hud-actions.center{justify-content:center}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#05050aa6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;border:2px solid var(--team-primary);background:#0f0f16f5;border-radius:14px;max-width:min(92vw,460px);padding:32px 44px}.access-checking{z-index:30;background:#08080d}.access-checking-card{border:1px solid rgba(var(--team-primary-rgb), .55);background:#111119;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.access-spinner{border:2px solid #444;border-top-color:var(--team-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite access-spin}@keyframes access-spin{to{transform:rotate(360deg)}}.overlay-title{letter-spacing:1px;color:var(--team-primary);font-size:30px;font-weight:800}.welcome-overlay{z-index:40;background:radial-gradient(circle at 50% 24%, rgba(var(--team-primary-rgb), .2), transparent 42%), #05050ac7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:18px}.welcome-card{border:1px solid rgba(var(--team-primary-rgb), .66);background:linear-gradient(145deg, rgba(var(--team-primary-rgb), .12), transparent 42%), #0d0d14fa;width:min(100%,520px);max-height:calc(100dvh - 36px);box-shadow:0 28px 80px #000000b3, 0 0 45px rgba(var(--team-primary-rgb), .12);text-align:center;border-radius:20px;padding:34px 38px 32px;animation:.24s ease-out welcome-in;position:relative;overflow-y:auto}.welcome-close{color:#a8a8b4;cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:10px;right:10px}.welcome-close:hover,.welcome-close:focus-visible{color:#fff;background:#ffffff12;outline:none}.welcome-flag{filter:drop-shadow(0 0 16px rgba(var(--team-primary-rgb), .45));font-size:38px}.welcome-kicker{color:var(--team-primary-bright);letter-spacing:.24em;margin-top:8px;font-size:11px;font-weight:900}.welcome-card h2{margin-top:7px;font-size:clamp(25px,6vw,34px);line-height:1.1}.welcome-lead{color:#fff;margin-top:10px;font-size:16px;font-weight:700}.welcome-copy,.welcome-note{color:#b9b9c5;margin:15px auto 0;font-size:13px;line-height:1.65}.welcome-features{text-align:left;gap:8px;margin-top:18px;display:grid}.welcome-features span{color:#e2e2e8;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:650}.welcome-note{font-size:12px}.welcome-cta{width:100%;margin-top:22px;padding:13px 18px;font-size:16px}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=520px){.welcome-overlay{align-items:flex-end;padding:10px}.welcome-card{border-radius:18px;max-height:calc(100dvh - 20px);padding:28px 20px 22px}.welcome-copy{margin-top:12px}.welcome-features{margin-top:14px}}.menu{background:#05050a8c}.menu-card{width:min(92vw,420px);max-height:min(92vh, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px));border:1px solid rgba(var(--team-primary-rgb), .55);text-align:center;scrollbar-width:thin;scrollbar-color:#3a3a46 transparent;background:#0d0d14f2;border-radius:16px;padding:28px 32px;overflow-y:auto;box-shadow:0 20px 60px #0009}.menu-card::-webkit-scrollbar{width:6px}.menu-card::-webkit-scrollbar-thumb{background:#3a3a46;border-radius:999px}.menu-card::-webkit-scrollbar-track{background:0 0}.menu-logo{font-size:40px}.menu-title{letter-spacing:2px;margin-top:4px;font-size:30px;font-weight:900}.menu-title span{color:var(--team-primary)}.menu-sub{color:#a8a8b4;margin-top:6px;font-size:13px}.menu-view{animation:.18s ease-out view-in}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-view,.code-entry,.welcome-card{animation:none}}.back-btn{color:#a8a8b4;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;min-height:44px;padding:0;font-size:13px;font-weight:600;display:block}.back-btn:hover{color:#f0f0f0}.view-title{letter-spacing:1px;margin-top:12px;font-size:22px;font-weight:900}.menu-section{text-align:left;margin-top:20px}.menu-label{letter-spacing:1px;text-transform:uppercase;color:#8a8a95;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.mode-row{gap:8px;display:flex}.mode-btn{color:#ddd;cursor:pointer;text-align:left;background:#1c1c26;border:1px solid #333;border-radius:10px;flex-direction:column;flex:1;gap:5px;min-height:44px;padding:12px;transition:all .15s;display:flex}.mode-btn.active{border-color:var(--team-primary);box-shadow:0 0 10px rgba(var(--team-primary-rgb), .35);background:#241419}.mode-name{font-size:14px;font-weight:800}.mode-desc{color:#9a9aa5;font-size:11px;line-height:1.4}.diff-label{letter-spacing:.5px;font-weight:800}.count-row{gap:8px;display:flex}.count-btn{color:#ddd;cursor:pointer;background:#1c1c26;border:1px solid #333;border-radius:8px;flex:1;min-height:44px;padding:12px 0;font-size:16px;font-weight:700;transition:all .15s}.count-btn.active{background:var(--team-primary);border-color:var(--team-primary);color:#fff}.team-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.team-btn{color:#ddd;cursor:pointer;background:#1c1c26;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:13px 0;font-size:13px;font-weight:700;transition:all .15s;display:flex}.team-btn:hover{border-color:var(--this-team)}.team-btn.active{background:rgba(var(--this-team-rgb), .16);border-color:var(--this-team);box-shadow:0 0 10px rgba(var(--this-team-rgb), .35);color:#fff}.team-dot{background:var(--this-team);border-radius:50%;flex:none;width:10px;height:10px}.bot-level-row{margin-top:8px}.seg-btn,.bot-level-btn{font-size:13px}.bot-hint b{color:#6ec6ff}.bot-dots span{animation:1.2s infinite bot-dot;display:inline-block}.bot-dots span:nth-child(2){animation-delay:.2s}.bot-dots span:nth-child(3){animation-delay:.4s}@keyframes bot-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.name-input{color:#f0f0f0;background:#1c1c26;border:1px solid #333;border-radius:8px;outline:none;width:100%;min-height:44px;margin-bottom:8px;padding:10px 12px;font-size:14px}.name-input:focus{border-color:var(--team-primary)}.start-btn{width:100%;margin-top:22px;padding:13px 0;font-size:16px}.menu-rules{color:#9a9aa5;flex-direction:column;gap:4px;margin-top:18px;font-size:12px;display:flex}.sale-card{background:rgba(var(--team-primary-rgb), .08);border:1px solid rgba(var(--team-primary-rgb), .5);text-align:left;border-radius:12px;margin-top:22px;padding:16px}.sale-title{font-size:16px;font-weight:800}.sale-line{color:#d6d6de;margin-top:6px;font-size:13px;line-height:1.55}.sale-cta{text-align:center;width:100%;margin-top:14px;text-decoration:none;display:block}.sale-note{color:#a8a8b4;margin-top:12px;font-size:12px;line-height:1.5}.link-btn{width:100%;color:var(--team-primary-bright);text-align:center;cursor:pointer;background:0 0;border:none;min-height:44px;margin-top:6px;padding:8px 0;font-size:13px;font-weight:600;display:block}.link-btn:hover{text-decoration:underline}.demo-cta{margin-top:18px}.demo-btn{width:100%;padding:12px 0;font-size:15px}.demo-note{color:#a8a8b4;text-align:center;margin-top:8px;font-size:12px}.code-entry{margin-top:12px;animation:.18s ease-out view-in}.code-row{gap:8px;display:flex}.code-row .code-input{text-transform:uppercase;letter-spacing:1px;flex:1;margin-bottom:0}.code-row .hud-btn{white-space:nowrap}.code-error{color:#ff6659;text-align:center;margin-top:8px;font-size:12px}.code-success{color:#00c853;text-align:center;background:#00c8531a;border:1px solid #00c85373;border-radius:8px;margin-top:12px;padding:10px;font-size:13px;font-weight:700}.etsy-btn{text-align:center;background:#f1641e;width:100%;margin-top:10px;padding:11px 0;font-size:14px;text-decoration:none;display:block}.etsy-btn:hover{background:#ff7a38}.etsy-soon{color:#a8a8b4;margin-top:10px;font-size:12px}.share-note{color:#a8a8b4;text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.unlock-badge{color:#00c853;background:#00c8531f;border:1px solid #00c85366;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.demo-chip{color:#fc0;white-space:nowrap;background:#ffcc001f;border:1px solid #fc06;border-radius:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:flex}.demo-over-card{scrollbar-width:thin;scrollbar-color:#3a3a46 transparent;width:min(94vw,560px);max-width:none;max-height:min(92vh,760px);padding:28px 30px 24px;overflow-y:auto}.demo-over-card::-webkit-scrollbar{width:6px}.demo-over-card::-webkit-scrollbar-thumb{background:#3a3a46;border-radius:999px}.demo-result{border-bottom:1px solid #2d2d38;padding-bottom:16px}.demo-over-card .overlay-title{font-size:clamp(25px,5vw,32px)}.demo-over-card .winner-line{background:#ffcc0014;border:1px solid #ffcc003d;border-radius:10px;margin-top:14px;padding:11px 14px;font-size:16px;line-height:1.4}.demo-over-card .demo-pitch{text-align:left;background:linear-gradient(145deg,#1c1c26,#181820);border:1px solid #333;border-radius:12px;margin-top:16px;padding:15px 16px;font-size:13px}.demo-pitch-title{color:#fc0;font-weight:800}.demo-pitch ul{margin:8px 0 0;padding-left:4px;line-height:1.75;list-style:none}.demo-unlock-section{background:rgba(var(--team-primary-rgb), .07);border:1px solid rgba(var(--team-primary-rgb), .35);text-align:left;border-radius:12px;margin-top:16px;padding:15px 16px 16px}.demo-unlock-title{color:#f4f4f7;font-size:14px;font-weight:800}.demo-unlock-sub{color:#a8a8b4;margin-top:3px;font-size:12px;line-height:1.45}.demo-unlock-section .code-entry,.demo-unlock-section .etsy-btn{margin-top:11px}.demo-footer-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;margin-top:18px;display:grid}.demo-footer-actions .hud-btn{width:100%;min-width:0;padding-inline:12px}@media (width<=520px){.overlay:has(.demo-over-card){padding:max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));align-items:flex-start}.demo-over-card{width:100%;max-height:calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:22px 17px 18px}.demo-unlock-section .code-row{grid-template-columns:1fr;display:grid}.demo-unlock-section .code-row .hud-btn{width:100%}}@media (width<=390px){.demo-footer-actions{grid-template-columns:1fr}}.rule:before{content:"● "}.rule.kolay:before{color:#00c853}.rule.orta:before{color:#fc0}.rule.zor:before{color:#e10600}.topbar{top:max(12px, env(safe-area-inset-top));z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:96vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.player-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c12d9;border:1px solid #333;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.player-chip.active{border-color:var(--team-primary);box-shadow:0 0 12px rgba(var(--team-primary-rgb), .5)}.turn-marker{font-size:13px}.player-name{font-weight:600}.player-score{color:#fc0;font-variant-numeric:tabular-nums;font-weight:800}.penalty-badge{color:#ff6659;background:#e106002e;border:1px solid #e1060099;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:800}.menu-btn{min-width:56px;padding:9px 12px;font-size:12px}.bottombar{bottom:max(18px, env(safe-area-inset-bottom));z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bottombar>*{pointer-events:auto}.action-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#0c0c12d9;border:1px solid #333;border-radius:10px;max-width:92vw;padding:8px 18px;font-size:14px}.hint-points{color:#fc0;font-weight:700}.pull-btn{padding:12px 28px;font-size:16px}.question-overlay{background:#05050abf}.question-card{border:1px solid rgba(var(--team-primary-rgb), .55);background:#0d0d14f7;border-radius:16px;width:min(94vw,520px);padding:24px 28px;box-shadow:0 20px 60px #000000b3}.q-top{justify-content:space-between;align-items:center;display:flex}.q-badge{color:#0a0a0f;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:800}.q-block{color:#8a8a95;font-size:13px;font-weight:700}.q-player{color:#fc0;margin-top:12px;font-size:13px;font-weight:600}.bonus-card{text-align:center;border-color:#00c85399}.bonus-badge{background:#00c853}.bonus-emoji{margin-top:18px;font-size:52px;line-height:1}.bonus-name{letter-spacing:1px;color:#00c853;margin-top:10px;font-size:24px;font-weight:900}.bonus-desc{margin-top:10px;font-size:16px;line-height:1.5}.bonus-desc b{color:#fc0}.bonus-btn{margin-top:20px;padding:11px 34px;font-size:15px}.penalty-card{text-align:center;border-color:#e1060099}.penalty-card-badge{background:#e10600}.penalty-name{letter-spacing:1px;color:#ff6659;margin-top:10px;font-size:24px;font-weight:900}.q-text{min-height:52px;margin-top:8px;font-size:18px;font-weight:600;line-height:1.45}.q-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}@media (width<=480px){.q-options{grid-template-columns:1fr}}.q-option{color:#f0f0f0;text-align:left;cursor:pointer;background:#1c1c26;border:1px solid #333;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.q-option:hover:not(:disabled){border-color:var(--team-primary);background:#241c1e}.q-option:disabled{cursor:default}.q-option.correct{background:#00c8532e;border-color:#00c853}.q-option.wrong{background:#e1060033;border-color:#e10600}.q-option.dim{opacity:.45}.q-letter{background:#2a2a35;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.q-option.correct .q-letter{color:#0a0a0f;background:#00c853}.q-option.wrong .q-letter{background:#e10600}.q-timer{background:#2a2a35;border-radius:3px;height:6px;margin-top:18px;overflow:hidden}.q-timer-bar{background:#00c853;border-radius:3px;height:100%;transition:width .1s linear}.q-timer-bar.danger{background:#e10600}.q-time-label{text-align:right;color:#8a8a95;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.q-time-label.danger{color:#e10600;font-weight:700}.gameover-card p{color:#c8c8d0;margin:12px 0 0}.loser-line{font-size:15px}.winner-line{color:#fc0;margin-top:14px;font-size:18px}.score-table{border-collapse:collapse;width:100%;margin:18px 0 22px}.score-table td{text-align:left;border-bottom:1px solid #26262f;padding:8px 10px;font-size:14px}.st-name{font-weight:600}.st-score{color:#fc0;font-variant-numeric:tabular-nums;font-weight:800;text-align:right!important}.loser-row{opacity:.55}.answer-flash{letter-spacing:2px;pointer-events:none;z-index:20;opacity:0;text-shadow:0 4px 24px #000c;font-size:40px;font-weight:900;animation:1.6s ease-out forwards flash-pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}.answer-flash.ok{color:#00c853}.answer-flash.no{color:#e10600}.topple-banner{letter-spacing:2px;color:#e10600;text-shadow:0 4px 24px #000000e6;pointer-events:none;z-index:20;white-space:nowrap;font-size:34px;font-weight:900;animation:.5s ease-in-out infinite alternate banner-pulse;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes banner-pulse{0%{opacity:.85;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.06)}}.turn-toast{border:1px solid var(--team-primary);pointer-events:none;z-index:15;white-space:nowrap;background:#0c0c12eb;border-radius:24px;padding:10px 22px;font-size:15px;animation:1.9s forwards toast-in;position:absolute;top:68px;left:50%;transform:translate(-50%)}.turn-toast b{color:#fc0}.skip-toast{border-color:#fc0;top:116px}.skip-toast b{color:#ff6659}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-6px)}}@keyframes flash-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.1)}22%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1)}}