*{box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.hand-target,.hand-target *,.mobile-trigger-button,.mobile-trigger-button *{pointer-events:auto;touch-action:none}:root{color:#fff7d6;background:#03040a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}img,video,canvas,svg{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none;pointer-events:none}.touch-display-page{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,#172033,#060711 48%,#010107);touch-action:none;-webkit-user-select:none;user-select:none}.background-video,.background-fallback,.cinematic-vignette,.ambient-grid,.overlay-video{position:absolute;top:0;right:0;bottom:0;left:0}.background-video{width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(1.05) contrast(1.05) brightness(.84)}.background-fallback{z-index:0;background:radial-gradient(circle at 50% 50%,rgba(255,184,45,.16),transparent 18%),radial-gradient(circle at 50% 84%,rgba(13,89,150,.32),transparent 38%),linear-gradient(120deg,#03040a,#10182a 48%,#02030a);animation:fallback-drift 7s ease-in-out infinite alternate}.cinematic-vignette{z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0%,transparent 48%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,rgba(0,0,0,.54),transparent 22%,transparent 72%,rgba(0,0,0,.62))}.ambient-grid{z-index:2;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,208,104,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,208,104,.12) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 72%);animation:grid-breathe 9s ease-in-out infinite}.single-hand-stage,.five-hand-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.single-hand-stage{display:grid;place-items:center}.stage-hint{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);padding:14px 24px;border:1px solid rgba(255,219,120,.34);border-radius:999px;color:#fff4c7e6;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(12px,1.25vw,18px);background:#100a023d;box-shadow:0 0 36px #ffba2b29,inset 0 0 24px #ffba2b14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hint-rise 1.8s ease-out both}.hand-target{--hand-size: 340px;--halo-strength: .55;--active-multiplier: 1;position:relative;width:var(--hand-size);height:var(--hand-size);border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto;display:grid;place-items:center;color:inherit;transform:translateZ(0) scale(1);opacity:0;animation:hand-arrive 1s cubic-bezier(.16,1,.3,1) forwards;touch-action:none;-webkit-tap-highlight-color:transparent}.hand-target--hero{--hand-size: clamp(340px, 35vw, 670px)}.hand-target--multi{--hand-size: clamp(125px, 12.5vw, 245px);position:absolute;transform:translate(-50%,-50%) rotate(var(--rotate, 0deg)) scale(var(--scale, 1))}.hand-target img{position:relative;z-index:4;width:100%;height:100%;object-fit:contain;transform:scale(1);filter:drop-shadow(0 0 calc(26px * var(--halo-strength)) rgba(255,198,43,.92)) drop-shadow(0 0 calc(62px * var(--halo-strength)) rgba(255,142,0,.72)) drop-shadow(0 0 calc(110px * var(--halo-strength)) rgba(255,95,0,.38));animation:hand-float 3.2s ease-in-out infinite;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .42s ease,opacity .52s ease}.hand-radial,.hand-rings,.hand-energy-lines,.hand-core,.hand-touch-pulse,.hand-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hand-radial{z-index:1;border-radius:50%;transform:scale(.95);background:radial-gradient(circle at 50% 52%,rgba(255,255,238,.86) 0%,rgba(255,230,120,.42) 8%,rgba(255,177,25,.26) 22%,transparent 58%),radial-gradient(circle at 50% 50%,rgba(255,132,0,.2),transparent 65%);filter:blur(14px);opacity:.72;animation:radial-breathe 2.4s ease-in-out infinite}.hand-rings{z-index:2;border-radius:50%;background:radial-gradient(circle,transparent 0 33%,rgba(255,224,116,.22) 34%,transparent 35% 49%,rgba(255,179,24,.18) 50%,transparent 51% 100%);filter:blur(1px);opacity:.58;animation:ring-spin 7s linear infinite}.hand-energy-lines{z-index:3;border-radius:50%;opacity:.42;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,242,157,.55) 10deg,transparent 18deg,transparent 48deg,rgba(255,194,46,.45) 58deg,transparent 68deg,transparent 112deg,rgba(255,245,188,.6) 122deg,transparent 132deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 0 15%,black 20% 46%,transparent 58%);mask-image:radial-gradient(circle,transparent 0 15%,black 20% 46%,transparent 58%);animation:line-spin 5s linear infinite reverse}.hand-core{z-index:5;width:16%;height:16%;left:42%;top:52%;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff5b6 18%,rgba(255,194,42,.72) 42%,transparent 72%);box-shadow:0 0 34px #fff9d3f5,0 0 86px #ffba12cc,0 0 150px #ff6f007a;transform:scale(.82);opacity:.86;animation:core-pulse 1.4s ease-in-out infinite}.hand-touch-pulse{z-index:7;border:2px solid rgba(255,242,166,.55);border-radius:50%;opacity:0;transform:scale(.46)}.hand-particles{z-index:6;left:50%;top:50%;width:1px;height:1px;overflow:visible}.hand-particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border-radius:999px;background:#ffe27b;box-shadow:0 0 10px #ffd04a,0 0 22px #ff9b00e6;transform:rotate(var(--angle)) translate(var(--distance));opacity:0;animation:particle-orbit 2.6s ease-in-out infinite;animation-delay:var(--delay)}.hand-target.is-active,.hand-target.is-completed{--halo-strength: 1.18}.hand-target.is-active img,.hand-target.is-completed img{transform:scale(1.08);filter:drop-shadow(0 0 38px rgba(255,255,221,1)) drop-shadow(0 0 88px rgba(255,190,31,.96)) drop-shadow(0 0 170px rgba(255,99,0,.75))}.hand-target.is-active .hand-touch-pulse,.hand-target.is-completed .hand-touch-pulse{animation:touch-shockwave .85s cubic-bezier(.16,1,.3,1) forwards}.hand-target.is-active .hand-radial,.hand-target.is-completed .hand-radial{opacity:1;filter:blur(18px);animation-duration:.8s}.hand-target.is-active .hand-particle,.hand-target.is-completed .hand-particle{animation-duration:1.1s}.five-hand-progress{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);width:clamp(96px,12vw,160px);height:clamp(96px,12vw,160px);border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:clamp(26px,4vw,54px);color:#fff7d6;background:radial-gradient(circle,#ffd6572e,#1e0e0070);border:1px solid rgba(255,220,119,.36);box-shadow:0 0 56px #ffb01838,inset 0 0 38px #ffb0181f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-video{z-index:30;width:100%;height:100%;object-fit:contain;pointer-events:none;animation:overlay-enter .42s ease-out both}.status-hud{position:absolute;z-index:50;right:22px;top:22px;display:flex;gap:12px;align-items:flex-start;min-width:245px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,226,139,.22);background:#06060c6b;color:#fff6d8db;box-shadow:0 18px 70px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-hud strong,.status-hud span{display:block}.status-hud strong{font-size:14px;margin-bottom:4px}.status-hud span{font-size:12px;color:#fff6d8ad}.connection-dot{width:12px;height:12px;margin-top:4px;border-radius:999px;background:#9aa0aa;box-shadow:0 0 16px #9aa0aa99}.connection-dot.is-online{background:#4dff9f;box-shadow:0 0 16px #4dff9fcc}.connection-dot.is-waiting{background:#ffd166;box-shadow:0 0 16px #ffd166cc}.connection-dot.is-offline{background:#ff647c;box-shadow:0 0 16px #ff647ccc}.final-idle-message{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff8d8;padding:26px 34px;border-radius:28px;border:1px solid rgba(255,221,117,.22);background:#08070c47;box-shadow:0 0 90px #ffa82129;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:final-fade .7s ease-out both}.final-idle-message span,.final-idle-message strong{display:block}.final-idle-message span{letter-spacing:.24em;text-transform:uppercase;font-size:13px;color:#ffe5a1b8}.final-idle-message strong{margin-top:8px;font-size:clamp(28px,5vw,72px);line-height:1;text-shadow:0 0 28px rgba(255,185,40,.5)}.mobile-page{position:relative;min-height:100vh;min-height:100dvh;width:100vw;overflow:hidden;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 18%,rgba(255,187,43,.22),transparent 24%),radial-gradient(circle at 50% 112%,rgba(17,100,150,.24),transparent 46%),#03040a}.mobile-page--minimal{touch-action:none}.mobile-orb{position:absolute;width:min(92vw,520px);height:min(92vw,520px);border-radius:999px;background:radial-gradient(circle,rgba(255,231,151,.34),rgba(255,154,24,.14),transparent 68%);filter:blur(18px);pointer-events:none;animation:mobile-orb 5s ease-in-out infinite alternate}.mobile-orb--top{top:-18%;left:50%;transform:translate(-50%)}.mobile-orb--bottom{width:min(110vw,640px);height:min(110vw,640px);bottom:-34%;left:50%;transform:translate(-50%);opacity:.72;animation-delay:-2.2s}.mobile-trigger-shell{position:relative;z-index:2;width:min(100%,560px);display:grid;place-items:center}.mobile-trigger-button{width:100%;border:0;border-radius:clamp(26px,7vw,46px);color:#211100;font-weight:950;cursor:pointer;transition:transform .18s ease,filter .18s ease,opacity .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent;touch-action:none}.mobile-trigger-button--solo{min-height:clamp(118px,28vh,230px);padding:clamp(24px,8vw,56px);font-size:clamp(27px,8vw,52px);line-height:1.06;letter-spacing:-.045em;text-align:center;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.92),transparent 18%),linear-gradient(135deg,#fff2a6,#ffc23c 38%,#ff8c00);box-shadow:0 0 44px #ffcb436b,0 22px 58px #00000057,inset 0 0 24px #ffffff3d}.mobile-trigger-button--solo:active{transform:scale(.975);filter:brightness(1.08)}.mobile-trigger-button:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.25)}.status-hud,.final-idle-message,.five-hand-progress,.mobile-status,.mobile-copy,.mobile-kicker,.mobile-reset-button,.mobile-last-sent{display:none!important}.mobile-card{display:contents}@media (max-width: 420px){.mobile-page{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.mobile-trigger-button--solo{min-height:clamp(108px,30vh,190px);font-size:clamp(26px,9vw,40px)}}@media (max-height: 460px) and (orientation: landscape){.mobile-trigger-shell{width:min(72vw,620px)}.mobile-trigger-button--solo{min-height:132px;padding:22px 36px;font-size:clamp(28px,6vw,46px)}}@keyframes hand-arrive{0%{opacity:0;transform:translate3d(0,24px,0) scale(.82);filter:blur(12px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.hand-target--multi{animation-name:multi-hand-arrive}@keyframes multi-hand-arrive{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotate, 0deg)) scale(calc(var(--scale, 1) * .76));filter:blur(14px)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotate, 0deg)) scale(var(--scale, 1));filter:blur(0)}}@keyframes hand-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes radial-breathe{0%,to{transform:scale(.84);opacity:.54}50%{transform:scale(1.08);opacity:.95}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes line-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{transform:scale(.78);opacity:.68}50%{transform:scale(1.12);opacity:1}}@keyframes touch-shockwave{0%{opacity:.96;transform:scale(.18)}to{opacity:0;transform:scale(1.38)}}@keyframes particle-orbit{0%{opacity:0;transform:rotate(var(--angle)) translate(calc(var(--distance) * .44)) scale(.4)}22%{opacity:1}to{opacity:0;transform:rotate(calc(var(--angle) + 46deg)) translate(calc(var(--distance) * 1.58)) scale(.95)}}@keyframes overlay-enter{0%{opacity:0;filter:blur(8px) brightness(1.4);transform:scale(1.02)}to{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}}@keyframes hint-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes final-fade{0%{opacity:0;transform:translate(-50%,-47%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes grid-breathe{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.18;transform:scale(1.02)}}@keyframes fallback-drift{0%{filter:hue-rotate(0deg) brightness(.86)}to{filter:hue-rotate(8deg) brightness(1.05)}}@keyframes mobile-orb{0%{transform:translateY(-20px) scale(.9);opacity:.72}to{transform:translateY(20px) scale(1.08);opacity:1}}@media (max-width: 780px){.status-hud{left:14px;right:14px;top:14px;min-width:0}.hand-target--hero{--hand-size: min(84vw, 470px)}.hand-target--multi{--hand-size: clamp(108px, 26vw, 170px)}.five-hand-progress{bottom:5vh}}.mobile-trigger-shell--stacked{gap:clamp(14px,4.8vw,26px)}.mobile-trigger-shell--stacked .mobile-trigger-button--solo{min-height:clamp(92px,22dvh,178px);padding:clamp(20px,6.5vw,44px);font-size:clamp(24px,7.2vw,46px)}.mobile-trigger-button--show-hands{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.92),transparent 18%),linear-gradient(135deg,#fff7c8,#ffd96c 38%,#ffae20)}@media (max-height: 620px){.mobile-trigger-shell--stacked .mobile-trigger-button--solo{min-height:clamp(78px,33dvh,132px);padding:clamp(16px,4.8vw,30px);font-size:clamp(22px,6.2vw,38px)}}