:root{--ar-cyan:#21d4fd;--ar-blue:#2563eb;--ar-green:#35e3ac;--ar-ink:#06111f;--ar-line:rgba(121,210,255,.18)}
*{box-sizing:border-box}.ar-math-page{margin:0;background:#06111f;color:#edf7ff;font-family:"Barlow",sans-serif}.ar-math-page .navbar{background:rgba(6,17,31,.92);border-bottom:1px solid var(--ar-line)}.nav-labs::before{content:"";display:inline-block;width:5px;height:5px;margin:0 6px 2px 0;border-radius:50%;background:var(--ar-cyan);box-shadow:0 0 9px var(--ar-cyan)}
.ar-main{min-height:100vh;padding:118px clamp(16px,4vw,64px) 70px;background:radial-gradient(circle at 75% 12%,rgba(37,99,235,.17),transparent 28%),linear-gradient(rgba(44,133,208,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,133,208,.055) 1px,transparent 1px),#06111f;background-size:auto,54px 54px,54px 54px,auto}.ar-intro{width:min(1500px,100%);margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:40px}.ar-kicker{display:flex;align-items:center;gap:9px;color:#73dcff;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ar-kicker i{width:7px;height:7px;border-radius:50%;background:var(--ar-green);box-shadow:0 0 12px var(--ar-green)}.ar-intro h1{margin:8px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(3rem,6vw,5.4rem);line-height:.9;text-transform:uppercase;letter-spacing:-.03em}.ar-intro h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #6bdcff}.ar-intro>p{max-width:520px;margin:0;color:#9ab0c6;line-height:1.65}
.game-shell{width:min(1500px,100%);margin:auto;border:1px solid var(--ar-line);background:#020a13;box-shadow:0 30px 90px rgba(0,0,0,.35)}.game-stage{position:relative;aspect-ratio:16/8.3;min-height:560px;overflow:hidden;isolation:isolate;user-select:none}.game-stage video,.game-stage canvas,.camera-shade{position:absolute;inset:0;width:100%;height:100%}.game-stage video{object-fit:cover;transform:scaleX(-1);background:radial-gradient(circle at center,#122b45,#030a13)}.game-stage canvas{z-index:2;pointer-events:none}.camera-shade{z-index:1;background:linear-gradient(180deg,rgba(2,9,17,.34),transparent 28%,transparent 60%,rgba(1,7,13,.65)),linear-gradient(90deg,rgba(3,12,22,.28),transparent 25%,transparent 75%,rgba(3,12,22,.28))}.game-hud{position:absolute;z-index:6;top:22px;left:22px;right:22px;display:flex;gap:10px;align-items:start}.hud-block{min-width:125px;padding:10px 14px;border:1px solid rgba(140,215,255,.25);background:rgba(3,13,24,.7);backdrop-filter:blur(12px)}.hud-block span,.hud-block b{display:block}.hud-block span{color:#6987a3;font-size:.6rem;letter-spacing:.16em}.hud-block b{margin-top:3px;color:#eaf8ff;font-family:"Barlow Condensed",sans-serif;font-size:1.35rem}.tracking-state{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(140,215,255,.18);background:rgba(3,13,24,.65);color:#87a0b8;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tracking-state i{width:7px;height:7px;border-radius:50%;background:#65798a}.tracking-state.active i{background:var(--ar-green);box-shadow:0 0 9px var(--ar-green)}.tracking-state.searching i{background:#ffc14e}.camera-toggle{position:absolute;z-index:8;right:22px;bottom:22px;border:1px solid rgba(255,255,255,.2);background:rgba(3,13,24,.68);color:#d8e8f4;padding:10px 14px;cursor:pointer;backdrop-filter:blur(10px)}.camera-toggle span{color:#ff5470;margin-right:5px}
.tokens-layer,.slots-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.math-token{position:absolute;width:78px;height:94px;display:grid;place-items:center;border:1px solid rgba(160,222,255,.65);border-radius:14px;background:linear-gradient(145deg,rgba(37,111,212,.94),rgba(10,52,118,.94));box-shadow:0 12px 34px rgba(0,20,60,.38),inset 0 1px rgba(255,255,255,.25);color:white;font-family:"Barlow Condensed",sans-serif;font-size:2.55rem;font-weight:700;transform:translate(-50%,-50%);transition:box-shadow .14s,opacity .2s;pointer-events:auto;touch-action:none;cursor:grab}.math-token.is-held{box-shadow:0 0 0 3px var(--ar-cyan),0 0 35px rgba(33,212,253,.65);cursor:grabbing}.math-token.is-placed{opacity:0;pointer-events:none}.math-slot{position:absolute;width:84px;height:102px;bottom:7%;display:grid;place-items:center;border:2px solid rgba(215,235,250,.3);border-radius:13px;background:rgba(4,15,26,.28);color:transparent;font-family:"Barlow Condensed",sans-serif;font-size:2.55rem;font-weight:700;transform:translateX(-50%);backdrop-filter:blur(3px)}.math-slot.filled{border-color:var(--ar-green);background:rgba(14,76,70,.72);color:white;box-shadow:0 0 25px rgba(53,227,172,.18)}.hand-cursor{position:absolute;z-index:7;width:30px;height:30px;border:3px solid var(--ar-cyan);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;box-shadow:0 0 18px rgba(33,212,253,.8);transition:width .1s,height .1s,opacity .2s}.hand-cursor.visible{opacity:1}.hand-cursor.pinching{width:19px;height:19px;background:rgba(33,212,253,.35)}
.start-panel,.result-panel{position:absolute;z-index:10;left:50%;top:50%;width:min(540px,calc(100% - 32px));transform:translate(-50%,-50%);padding:34px;border:1px solid rgba(116,211,255,.28);background:linear-gradient(145deg,rgba(8,26,45,.96),rgba(3,13,24,.97));box-shadow:0 30px 80px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.start-panel[hidden],.result-panel[hidden]{display:none}.panel-code{color:#69d6fb;font-size:.65rem;font-weight:600;letter-spacing:.18em}.start-panel h2,.result-panel h2{margin:8px 0 10px;font-family:"Barlow Condensed",sans-serif;font-size:2.7rem;text-transform:uppercase}.start-panel>p,.result-panel>p{color:#91a9bf;line-height:1.55}.start-panel ol{display:grid;gap:9px;margin:20px 0;padding:0;list-style:none}.start-panel li{display:flex;align-items:center;gap:12px;color:#c9dae8;font-size:.9rem}.start-panel li b{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--ar-line);color:var(--ar-cyan)}.start-button{width:100%;border:0;background:linear-gradient(110deg,#1688de,#21c3e8);color:white;padding:15px 18px;font:600 .82rem "Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.start-button:disabled{opacity:.55;cursor:wait}.start-panel small{display:block;margin-top:12px;color:#607c96;line-height:1.4}.result-panel{text-align:center}.result-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:rgba(53,227,172,.14);border:1px solid var(--ar-green);color:var(--ar-green);font-size:1.8rem}.game-message{position:absolute;z-index:9;left:50%;bottom:23%;transform:translateX(-50%) translateY(10px);padding:9px 15px;background:rgba(2,11,20,.75);border:1px solid var(--ar-line);color:#cceaff;font-size:.78rem;opacity:0;transition:.2s;pointer-events:none}.game-message.show{opacity:1;transform:translateX(-50%) translateY(0)}
.ar-details{width:min(1500px,100%);margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ar-line)}.ar-details article{padding:30px;border-right:1px solid var(--ar-line)}.ar-details article:last-child{border-right:0}.ar-details article>span{color:#4f7798;font:600 .72rem "Barlow Condensed",sans-serif;letter-spacing:.15em}.ar-details h2{margin:18px 0 8px;font:600 1.5rem "Barlow Condensed",sans-serif;text-transform:uppercase}.ar-details p{margin:0;color:#7891a8;line-height:1.6}.ar-footer{display:flex;justify-content:space-between;padding:24px clamp(16px,4vw,64px);border-top:1px solid var(--ar-line);color:#688197;font-size:.78rem}.ar-footer a{color:#79dcff}
.ar-intro h1,.start-panel h2,.result-panel h2{color:#edf7ff}
html[data-theme="light"] body.ar-math-page{background:#f3f7fc;color:#17324d}
html[data-theme="light"] .ar-main{background:radial-gradient(circle at 75% 12%,rgba(37,99,235,.1),transparent 28%),linear-gradient(rgba(44,133,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(44,133,208,.07) 1px,transparent 1px),#f3f7fc;background-size:auto,54px 54px,54px 54px,auto}
html[data-theme="light"] .ar-intro h1{color:#0b2947}
html[data-theme="light"] .ar-intro>p{color:#526f8d}
html[data-theme="light"] .ar-kicker{color:#087fa9}
html[data-theme="light"] .ar-details{border-color:rgba(35,78,126,.16);background:rgba(255,255,255,.78);box-shadow:0 22px 55px rgba(26,62,102,.08)}
html[data-theme="light"] .ar-details article{border-color:rgba(35,78,126,.16)}
html[data-theme="light"] .ar-details h2{color:#123250}
html[data-theme="light"] .ar-details p{color:#526f8d}
html[data-theme="light"] .ar-footer{border-color:rgba(35,78,126,.16);background:#fff;color:#58718a}
html[data-theme="light"] .ar-footer a{color:#087fa9}
@media(max-width:800px){.ar-main{padding-top:100px}.ar-intro{align-items:start;flex-direction:column;gap:16px}.game-stage{min-height:670px;aspect-ratio:auto}.game-hud{top:12px;left:12px;right:12px}.hud-block{min-width:90px;padding:8px}.tracking-state{position:absolute;top:58px;right:0}.camera-toggle{right:12px;bottom:12px}.math-token{width:64px;height:78px;font-size:2rem}.math-slot{width:64px;height:80px;bottom:10%;font-size:2rem}.start-panel{padding:24px}.ar-details{grid-template-columns:1fr}.ar-details article{border-right:0;border-bottom:1px solid var(--ar-line)}.ar-footer{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hand-cursor,.game-message{transition:none}}