@layer properties;.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-\[290px\]{top:290px}.top-\[300px\]{top:300px}.top-\[310px\]{top:310px}.top-\[350px\]{top:350px}.top-\[360px\]{top:360px}.top-\[390px\]{top:390px}.top-\[400px\]{top:400px}.top-\[420px\]{top:420px}.top-\[430px\]{top:430px}.top-\[450px\]{top:450px}.top-\[480px\]{top:480px}.top-\[500px\]{top:500px}.top-\[600px\]{top:600px}.top-\[620px\]{top:620px}.top-\[650px\]{top:650px}.top-\[820px\]{top:820px}.top-\[890px\]{top:890px}.right-\[150px\]{right:150px}.right-\[300px\]{right:300px}.left-\[120px\]{left:120px}.left-\[200px\]{left:200px}.left-\[300px\]{left:300px}.left-\[350px\]{left:350px}.left-\[420px\]{left:420px}.left-\[455px\]{left:455px}.left-\[480px\]{left:480px}.left-\[500px\]{left:500px}.left-\[600px\]{left:600px}.left-\[610px\]{left:610px}.left-\[620px\]{left:620px}.left-\[660px\]{left:660px}.left-\[880px\]{left:880px}.z-8{z-index:8}.z-9{z-index:9}.z-10{z-index:10}.z-11{z-index:11}.box-border{box-sizing:border-box}.grid{display:grid}.table{display:table}.h-\[50px\]{height:50px}.h-\[160px\]{height:160px}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[230px\]{height:230px}.h-\[360px\]{height:360px}.h-\[370px\]{height:370px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[590px\]{height:590px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[200px\]{max-height:200px}.min-h-\[240px\]{min-height:240px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[230px\]{width:230px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-\[550px\]{width:550px}.w-\[700px\]{width:700px}.w-\[800px\]{width:800px}.w-\[900px\]{width:900px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[200px\]{max-width:200px}.min-w-\[240px\]{min-width:240px}.origin-center{transform-origin:center}.-rotate-15{rotate:-15deg}.rotate-15{rotate:15deg}.rotate-\[-30deg\]{rotate:-30deg}.rotate-\[225deg\]{rotate:225deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.place-items-center{place-items:center}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{object-fit:contain}.pb-\[10px\]{padding-bottom:10px}.opacity-0{opacity:0%}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.duration-1000{--tw-duration: 1s;transition-duration:1s}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at center,#432113 0,#130704 58%,#050201);overflow:hidden}button{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:.8rem 1.5rem;color:#fff6e8;background:#b84020d9;cursor:pointer;font-weight:700;letter-spacing:.04em;text-transform:uppercase}button:hover{background:#f06a3a}.shell{min-height:100vh;display:grid;place-items:center;overflow:hidden}.projection-shell{width:3849px;height:2160px;display:grid;place-items:center;overflow:hidden}.panel{border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:2rem;background:#0c0604b8;box-shadow:0 24px 90px #00000073;backdrop-filter:blur(16px)}.intro{width:min(560px,86vw);text-align:center}.timer{font-size:clamp(6rem,18vw,13rem);font-weight:900;line-height:.9;color:#ffcf75}.actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.app-view{width:3849px;height:2160px;display:grid;place-items:center}.table-stage{width:min(86vmin,920px);aspect-ratio:1;transform-origin:center}.projection-shell .table-stage{width:2000px;height:2000px}.debug-dot{position:fixed;z-index:999;width:.5rem;height:.5rem;border-radius:50%;background:#e50019;box-shadow:0 0 24px #e50019d9;pointer-events:none;transform:translate(-50%,-50%)}.table-circle{position:relative;width:100%;height:100%;overflow:hidden;border:4px solid rgba(255,207,117,.9);border-radius:50%;box-shadow:inset 0 0 70px #ffa0502e,0 0 80px #00000080}.table-circle:before{content:"";position:absolute;inset:-30%;background-image:url("./media/Table_Background.png");background-position:center;background-size:2005px;background-repeat:no-repeat;transform:rotate(45deg)}.axis{position:absolute;z-index:2;background:#ffedcde6;pointer-events:none}.axis.vertical{top:0;left:calc(50% - 1px);width:2px;height:100%}.axis.horizontal{top:calc(50% - 1px);left:0;width:100%;height:2px}.slice{position:absolute;width:1400px;height:1400px}.slice-0{top:-200px;right:-200px}.slice-1{right:-200px;bottom:-200px}.slice-2{bottom:-200px;left:-200px}.slice-3{top:-200px;left:-200px}.shape-target,.detected-shape{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:8rem;height:8rem;border:3px solid #ffcf75;color:#ffcf75;transform:translate(-50%,-50%);font-weight:900;text-transform:uppercase}.shape-target.active{box-shadow:0 0 34px #ffcf75;background:#ffcf752e}.square{border-radius:14px}.circle{border-radius:50%}.octagon{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#ffcf751f}.interactive,.simulator{cursor:crosshair}.click-only-surface{-webkit-touch-callout:none;user-select:none}.click-only-surface img{-webkit-user-drag:none;user-select:none;pointer-events:auto}.debug{width:min(1180px,100vw - 4rem)}.debug h1{margin-top:0}.frames-page{color:#fff;height:100vh;overflow:auto}.debug-shell{align-items:start;padding:2rem;overflow:auto}.debug-grid{display:grid;grid-template-columns:minmax(320px,620px) 1fr;gap:2rem;align-items:start}.simulator{width:min(60vw,620px)}.simulator-slice{display:grid;place-items:center;color:#fff9;font-size:4rem;font-weight:900}.sim-controls{display:grid;gap:1rem}.section-control{display:grid;grid-template-columns:1fr;gap:.65rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#ffffff0f}@media(max-width:760px){.instructions{left:1rem;right:1rem;top:1rem;max-width:none}.debug-grid{grid-template-columns:1fr}.simulator{width:100%}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial}}}
