@font-face{font-family:Heebo;src:url('./assets/heebo-hebrew-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;src:url('./assets/heebo-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#101018;--panel:#191921;--line:#2c2b38;--muted:#b0aeba;--text:#f3f1fa;--accent:#c1a7ff;--accent-rgb:193,167,255;font-family:Heebo,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #dfcfff;outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);font-size:29px;font-weight:750;line-height:1.12}.brand-en{display:block;font-size:10px;letter-spacing:2px;margin-top:6px;font-weight:500;color:var(--muted)}.brand-symbol{display:flex;gap:4px;align-items:center;width:43px;height:45px;transform:skew(-10deg)}.brand-symbol i{display:block;width:10px;height:25px;background:var(--accent);border-radius:3px}.brand-symbol i:nth-child(2){height:43px}.header-actions{display:flex;align-items:center;gap:16px}.camera-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.camera-pill>span{width:7px;height:7px;background:#706b7f;border-radius:50%}.camera-pill.active>span{background:#84e6c4}.icon-button{background:transparent;border:1px solid var(--line);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;position:relative}.icon-button svg{width:19px;height:19px}.mute-slash{position:absolute;height:24px;width:2px;background:var(--text);transform:rotate(-40deg);box-shadow:0 0 0 2px var(--bg)}.help-button{border:0;background:transparent;color:#ddd7e9;font-size:14px}main{max-width:1570px;padding:29px 4.5% 0;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:20px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:500;color:var(--accent);margin:0 0 6px}.section-heading .eyebrow{direction:ltr;text-align:right}h1{font-size:clamp(25px,2.5vw,36px);font-weight:650;letter-spacing:-.7px;margin:0;line-height:1.35}h1>span{color:var(--accent)}.session-label{font-size:13px;color:var(--muted);padding-bottom:5px;white-space:nowrap}.session-label>span{padding:0 8px;color:#5c576b}.game-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.game-card{position:relative;display:flex;align-items:center;gap:13px;text-align:right;min-height:100px;border:1px solid var(--line);border-radius:14px;background:#181820;padding:20px 17px;overflow:hidden}.game-card.selected{border-color:#ae8dfa;background:#242033;box-shadow:inset 0 0 0 1px #ae8dfa25}.game-number{position:absolute;top:8px;left:12px;font-size:11px;color:#847c92;font-variant-numeric:tabular-nums}.game-icon{display:grid;place-items:center;flex:0 0 45px;height:48px;border-radius:12px}.game-icon svg{width:29px;height:29px}.violet{color:#c1a7ff;background:#a47aff13}.cyan{color:#78dfed;background:#6bd3ed12}.amber{color:#f7d17c;background:#ffe0a312}.coral{color:#ffa18e;background:#ff9e9112}.game-copy{display:flex;flex-direction:column;gap:4px}.game-copy strong{font-size:17px;font-weight:600;white-space:nowrap}.game-copy small{font-size:13px;color:var(--muted)}.selected-mark{position:absolute;bottom:10px;left:12px;font-size:19px;color:var(--accent);visibility:hidden}.selected .selected-mark{visibility:visible}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;direction:ltr}.arena,.control-panel{direction:rtl}.arena{position:relative;height:530px;min-width:0;border:1px solid #393146;border-radius:19px;background:#0b0c18;overflow:hidden;isolation:isolate}.arena canvas#game-canvas{width:100%;height:100%;display:block;touch-action:none}.arena-top{position:absolute;top:18px;right:22px;left:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:3}.arena-top button{pointer-events:auto;background:#141324aa}.arena-label{display:flex;align-items:center;gap:9px;font-size:14px;color:#d9d4e9}.live-mark{width:6px;height:6px;border-radius:50%;background:var(--accent)}.tag-3d{font-size:10px;letter-spacing:1px;border:1px solid #615374;color:#c5b7d8;border-radius:5px;padding:1px 5px;margin-right:4px}.arena-bottom{position:absolute;bottom:17px;right:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#d4cadd;pointer-events:none;z-index:2}.mode-label{color:#a29aaf}.start-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#0b0c1845,#0b0c18a1 50%,#0b0c1845);z-index:2;padding:62px 25px 48px;text-align:center}.start-content{max-width:440px}.intro-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 19px;background:#b494ff12;border:1px solid #ab8add50;border-radius:21px;box-shadow:0 0 60px #ab83f720}.intro-icon svg{width:35px;height:35px;color:#d1bcff;transform:rotate(-9deg)}.start-content h2{font-size:41px;letter-spacing:-.6px;font-weight:600;line-height:1.2;margin:8px 0 13px}.start-content>p:not(.eyebrow):not(.secure-note){font-size:16px;line-height:1.7;color:#c8c1d8;margin:0 0 23px}.primary-button{min-height:49px;border:0;border-radius:10px;padding:11px 20px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);color:#241638;font-weight:650;margin:auto}.primary-button svg{width:20px;height:20px;stroke-width:1.9}.button-arrow{margin-inline-start:14px}.text-button{display:block;border:0;background:transparent;color:#c9bfdc;font-size:14px;padding:13px;margin:1px auto}.text-button span{margin-right:7px}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#aca0bf;margin:11px 0 0}.secure-note svg{width:13px;height:13px}.scoreboard{position:absolute;top:75px;right:24px;display:flex;gap:24px;z-index:2;background:#10101aae;border:1px solid #a694d020;padding:10px 20px;border-radius:12px;pointer-events:none}.scoreboard>div{display:flex;flex-direction:column;align-items:center}.scoreboard span{font-size:11px;color:#c3b8d3}.scoreboard strong{font-size:24px;line-height:1.3;font-weight:550;font-variant-numeric:tabular-nums}.scoreboard .combo{justify-content:center;color:var(--accent);font-size:13px;min-width:20px}.pause-overlay,.finish-overlay{position:absolute;inset:0;z-index:5;background:#11101be8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.pause-overlay h2,.finish-overlay h2{font-size:35px;margin:5px 0 10px}.pause-overlay p,.finish-overlay p{color:var(--muted)}.pause-overlay .primary-button,.finish-overlay .primary-button{margin:14px 0 0}.final-score{font-size:85px;line-height:1.1;color:var(--accent);font-weight:600;letter-spacing:-3px}.tracking-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;width:max-content;padding:13px 22px;border-radius:12px;background:#171320ef;border:1px solid #d6bcff66;font-size:16px;z-index:4;box-shadow:0 8px 50px #0006}.control-panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:20px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:16px}.panel-title h2{font-size:15px;font-weight:550;margin:0}.camera-tag{font:10px Arial,sans-serif;color:#bcb4cb;background:#292634;padding:4px 7px;border-radius:5px;letter-spacing:1px}.camera-preview{aspect-ratio:4/3;position:relative;background:#111117;border:1px solid #302d3b;border-radius:11px;overflow:hidden}.camera-preview video,.camera-preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera-preview video{transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#c2b8d2;background:#121219}.camera-placeholder svg{width:28px;height:28px;color:#726681;margin-bottom:4px}.camera-placeholder span{font-size:13px}.camera-placeholder small{font-size:11px;color:#81778e}.corner{position:absolute;width:16px;height:16px;border-color:#8e7aa6;pointer-events:none}.top-right{top:10px;right:10px;border-top:1px solid;border-right:1px solid}.bottom-left{bottom:10px;left:10px;border-bottom:1px solid;border-left:1px solid}.tracking-status{font-size:12px;color:#b5a8c8;min-height:20px;margin:10px 0 15px;line-height:1.5}.tracking-status.error{color:#ffafa3}.gesture-guide{border-top:1px solid var(--line);padding-top:17px}.tiny-label{font-size:11px;color:#9e90b2}.gesture-guide h3{font-size:19px;font-weight:550;margin:4px 0 6px}.gesture-guide p{font-size:13px;line-height:1.7;margin:0;color:#b5adbf}.gesture-chips{display:flex;gap:7px;margin-top:13px}.gesture-chips span{font-size:11px;border:1px solid #3d3448;border-radius:5px;padding:3px 8px;color:#c4b4d7}.session-controls{display:flex;gap:7px;margin-top:20px}.session-controls button{min-height:36px;border:1px solid #4a4056;background:#25202e;border-radius:7px;font-size:11px;padding:8px;flex:1}.lighting-note{font-size:11px;line-height:1.6;color:#9e93ab;margin:13px 0 0}footer{padding:22px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#8f879c;font-size:12px}footer>span:first-child{display:flex;align-items:center;gap:7px}footer svg{width:14px;height:14px}dialog{border:1px solid #55456c;border-radius:20px;background:#1a1723;color:var(--text);max-width:560px;width:calc(100% - 32px);padding:35px}dialog::backdrop{background:#05050bc9;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:8px 0 20px}dialog p{color:#bdb3cc;font-size:14px;line-height:1.7}dialog ol{padding-inline-start:22px}dialog li{padding:4px 5px}dialog li p{margin:4px 0 12px}.dialog-close{position:absolute;top:12px;left:14px;border:0;background:transparent;font-size:29px;color:#b7a9c8}.help-alternative{border-top:1px solid #43364d;padding-top:15px}.noscript{position:fixed;inset:20px;z-index:99;background:#201527;padding:30px}[hidden]{display:none!important}.arena:fullscreen{height:100dvh;width:100vw;border:0;border-radius:0}.arena:fullscreen #game-canvas{height:100%;width:100%}
@media(min-width:1500px){.arena{height:580px}.control-panel{padding:24px}.play-layout{grid-template-columns:minmax(0,1fr) 320px}.camera-preview{margin-top:7px}.gesture-guide{margin-top:8px}.session-controls{margin-top:auto}.lighting-note{margin-top:14px}}
@media(max-width:1100px){main{padding:24px 3% 0}.topbar{padding:0 3%;height:82px}.game-card{gap:9px;padding:18px 12px}.game-copy strong{font-size:15px}.game-copy small{font-size:12px}.game-icon{flex-basis:35px}.play-layout{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.arena{height:540px}.arena-bottom{font-size:11px}.arena-bottom .mode-label{display:none}.control-panel{padding:16px}.secure-note{font-size:10px}.start-content h2{font-size:37px}.game-number{left:8px;font-size:10px}}
@media(max-width:780px){.topbar{height:74px}.brand{font-size:24px}.brand-en{font-size:8px}.brand-symbol{transform:scale(.8) skew(-10deg);width:36px}.header-actions{gap:9px}.camera-pill{display:none}.section-heading{margin-bottom:18px}.session-label{display:none}.game-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.game-card{min-height:82px;padding:14px}.game-copy strong{font-size:16px}.play-layout{display:flex;flex-direction:column;gap:14px}.arena{height:510px}.control-panel{display:grid;grid-template-columns:155px minmax(0,1fr);gap:8px 18px;padding:18px;direction:rtl}.panel-title{grid-column:1/-1;margin:0 0 4px}.camera-preview{grid-column:1;grid-row:2/5}.tracking-status{grid-column:2;margin:0;min-height:0}.gesture-guide{grid-column:2;border:0;padding-top:0}.gesture-guide h3{margin-top:0;font-size:18px}.gesture-guide p{font-size:12px}.tiny-label,.gesture-chips,.lighting-note{display:none}.session-controls{grid-column:1/-1;margin-top:3px}.session-controls button{font-size:13px}.secure-note{font-size:11px}footer{font-size:11px;padding-top:17px}footer>span:last-child{display:none}.section-heading .eyebrow{font-size:10px}.arena-bottom{right:15px;left:15px;justify-content:center}.arena-top{right:17px;left:15px}.game-icon{flex-basis:39px}.start-content h2{font-size:38px}}
@media(max-width:380px){.help-button{font-size:12px}.brand{gap:7px}.header-actions{gap:5px}.game-card{padding:12px 9px;gap:6px}.game-copy strong{font-size:14px}.game-copy small{font-size:11px}.game-icon{flex-basis:32px}.game-icon svg{width:25px}.game-number{font-size:9px;left:7px;top:4px}.arena{height:500px}.start-overlay{padding:60px 14px 46px}.secure-note{font-size:10px;line-height:1.7}.control-panel{grid-template-columns:115px minmax(0,1fr);gap:9px 12px;padding:14px}.camera-placeholder span{font-size:11px}.camera-placeholder small{display:none}.gesture-guide p{font-size:11px}.scoreboard{right:12px;gap:15px;padding:10px 15px}h1{font-size:26px}.start-content h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}