@font-face{font-family:Hanken;src:url('/assets/fonts/hanken-latin.woff2')}@font-face{font-family:Cinzel;src:url('/assets/fonts/cinzel-latin.woff2')}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#070713;color:#f3f3ff;font-family:Tahoma,Hanken,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #6fe6ff;outline-offset:5px}button{border:0}button,a{touch-action:manipulation}[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 18% 35%,#181337 0,transparent 52%),radial-gradient(ellipse at 80% 85%,#0c2431 0,transparent 45%)}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#a9c5ff04 1px,transparent 1px),linear-gradient(90deg,#a9c5ff04 1px,transparent 1px);background-size:64px 64px}.orbit{position:absolute;width:800px;height:800px;border:1px dashed #6c6ac329;border-radius:50%;top:10%;left:-18%}.o2{width:690px;height:690px;top:16%;left:-14%}.star{position:absolute;color:#89dfff;font-style:normal}.s1{top:23%;left:8%;font-size:25px}.s2{top:70%;left:47%;color:#ad92f5;font-size:33px}.s3{right:7%;top:80%;font-size:15px}.crosshair{position:absolute;color:#9393c266;font:24px Hanken}.c1{top:30%;right:5%}.c2{bottom:12%;left:12%}.topbar{max-width:1320px;margin:auto;padding:26px 38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font:18px Cinzel,serif;letter-spacing:2px}.brand small{font:9px Hanken,sans-serif;letter-spacing:2.5px;display:block;margin-top:6px;color:#9e9fbd}.scissors{color:#70dbf6;font:40px Georgia}.tools{display:flex;gap:7px;align-items:center}.tools button,.tools a{background:#111127;border:1px solid #303052;border-radius:30px;padding:9px 13px;color:#bfc1da;font-size:11px}.tools [aria-pressed=true]{border-color:#6bcef0;color:#a0f0ff}main{max-width:1220px;margin:auto;padding:24px 38px 40px}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;gap:36px}.eyebrow{color:#83dcef;font:11px Hanken,Tahoma,sans-serif;letter-spacing:2px;text-transform:uppercase}.intro-copy h1{font-size:clamp(40px,5.6vw,74px);line-height:1.35;letter-spacing:-2px;margin:24px 0}.intro-copy h1 em{font-style:normal;color:#7ee2f7;display:block}.intro-copy p{color:#b6b7cf;line-height:2;font-size:16px;max-width:410px}.primary{background:linear-gradient(110deg,#66e0f6,#a18cff);color:#09091a;border-radius:12px;font-weight:bold;padding:17px 25px;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;transition:transform .18s}.primary:hover{transform:translateY(-3px)}.start{font-size:17px;margin-top:22px;min-width:220px}.intro-meta{margin-top:20px;font-size:11px;line-height:1.8;color:#8b8ca8}.mini-path{display:flex;direction:ltr;align-items:center;width:230px;margin-top:38px;font:11px Hanken;color:#aeb3d1;gap:10px}.mini-path b{border:1px solid #37344f;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.mini-path i{flex:1;border-top:1px dashed #536381}.hero-art{position:relative;min-height:610px;direction:ltr}.art-caption{position:absolute;top:22px;left:70px;line-height:1.9;font:11px/1.8 Hanken;letter-spacing:2px;color:#8b8eab}.art-caption b{color:#c4c9e6;font-size:12px}.silk-loop{position:absolute;inset:55px 0;border:1px dashed #7780b765;border-radius:46% 51% 48% 52%;transform:rotate(-24deg)}.sample{position:absolute;width:84%;border:1px solid #7773c16e;padding:10px;background:#0e1021;border-radius:16px;box-shadow:0 25px 50px #0004;animation:arrive .7s both}.sample img{width:100%;height:auto;display:block;border-radius:9px}.sample span{font:9px Hanken;letter-spacing:2px;display:block;padding:10px 4px 1px;color:#bac0e1}.sam1{top:115px;left:4%;transform:rotate(-9deg);--rot:-9deg}.sam2{top:240px;left:15%;transform:rotate(7deg);--rot:7deg;animation-delay:.12s}.sam3{top:368px;left:3%;transform:rotate(-5deg);--rot:-5deg;animation-delay:.24s}.art-seal{position:absolute;right:-2%;top:295px;z-index:4;border:1px dashed #79dfff;background:#112535;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;text-align:center;transform:rotate(12deg)}.art-seal span{font-size:32px;color:#90e9ff}.art-seal small{font:8px/1.5 Hanken;letter-spacing:1px}.game{max-width:1040px;margin:auto;min-height:650px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a9acc9;font:12px Hanken,Tahoma}.back{background:transparent;color:#c5c7e1;padding:10px 0}.steps{display:flex;list-style:none;padding:0;gap:8px;margin:20px 0 38px}.steps li{flex:1;height:4px;background:#25243e;border-radius:5px}.steps li.done{background:#60cadd}.steps li.current{background:linear-gradient(90deg,#6ce8f7,#ac8bff)}.round-head{text-align:center}.round-kicker{font-size:11px;color:#a990ef}.round-head h1{font-size:clamp(28px,4vw,44px);margin:14px 0;line-height:1.5}.round-head p{font-size:13px;color:#a6a7c1;line-height:1.9;margin:0 auto 30px;max-width:650px}.choices{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.choices.types{grid-template-columns:repeat(5,minmax(0,1fr))}.choices.clubs{grid-template-columns:repeat(4,minmax(0,1fr))}.choices.duration{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{position:relative;background:linear-gradient(145deg,#191730,#0d101e);border:1px solid #3b3656;border-radius:21px;padding:26px 20px;text-align:start;transition:transform .2s,border-color .2s;overflow:hidden;min-width:0}.choice:before{content:"";position:absolute;inset:7px;border:1px dashed #706d9a38;border-radius:15px;pointer-events:none}.choice:hover{transform:translateY(-6px);border-color:#83dff8}.choice.selected{border-color:#83dff8;background:#17303a}.choice.selected:after{content:"✓";position:absolute;top:18px;inset-inline-end:18px;background:#8be9f5;color:#08171a;border-radius:50%;width:25px;height:25px;text-align:center;line-height:25px}.choice .number{font:10px Hanken;letter-spacing:2px;color:#8788a4}.choice .symbol{height:100px;display:grid;place-items:center;color:var(--accent,#9cafff);font:55px Cinzel,Georgia}.choice h2{font-size:19px;margin:18px 0 10px;line-height:1.6}.choice p{color:#a4a6c1;font-size:12px;line-height:1.8;margin:0}.visual-choice{padding:12px 12px 25px}.visual-choice .poster{position:relative;aspect-ratio:16/9;border-radius:12px;background:#14172b;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.visual-choice:hover img{transform:scale(1.035)}.poster .preview-trigger{position:absolute;bottom:12px;inset-inline-end:12px;border-radius:25px;border:1px solid #a7d8ff5c;background:#080b22ed;padding:9px 13px;font:11px Tahoma,Hanken;color:#e6f6ff}.visual-choice .copy{padding:0 14px}.visual-choice .pick{display:block;width:100%;background:transparent;text-align:start;padding:0;color:inherit}.visual-choice .choice{border:0}.choose-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}.choose-row small{font-size:10px;color:#8c90af}.pick-mark{display:inline-flex;border:1px solid #51566d;padding:8px 14px;border-radius:20px;font-size:12px;color:#bff3ff}.round-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;min-height:45px;color:#8589a7;font-size:11px;line-height:1.8}.secondary{padding:12px 19px;border:1px solid #4e4b72;border-radius:10px;background:#15152d;font:12px Tahoma,Hanken;display:inline-flex;align-items:center;justify-content:center;color:#dcddf1}.results{text-align:center;min-height:650px;padding-top:35px}.results h1{font-size:clamp(30px,4.3vw,53px);line-height:1.5;margin:20px 0}.results>p{color:#b0b2cb;line-height:1.9;font-size:14px}.answer-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 35px}.answer-chips span{padding:8px 13px;border:1px dashed #454763;border-radius:20px;font-size:11px;color:#bfc8dd}.result-cards{display:flex;justify-content:center;gap:20px;align-items:stretch}.result-card{background:#111226;border:1px solid #393c5b;border-radius:20px;padding:12px;text-align:start;flex:1;max-width:370px;min-width:0;position:relative;animation:result-in .5s both;animation-delay:var(--delay,0ms)}.result-card:first-child{border-color:#65bace}.result-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px}.result-card .rank{display:inline-flex;position:absolute;top:22px;inset-inline-start:22px;padding:6px 10px;border-radius:20px;background:#0b1027e8;font-size:10px;border:1px solid #82dcef50}.result-card h2{font:20px/1.6 Cinzel,Georgia;margin:20px 4px 8px;direction:ltr}.result-card p{color:#a5b8c9;font:12px/1.9 Tahoma,Hanken;min-height:45px;margin:8px 4px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 4px;color:#a9aec8;font:12px Hanken}.product-meta strong{font-size:25px;color:#8ce9e7}.result-buttons{display:flex;gap:8px;flex-wrap:wrap}.result-buttons>*{flex:1;white-space:nowrap;padding:12px 10px;font-size:11px;border-radius:9px}.result-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:30px 0 10px}.text-button{background:none;color:#a3a3c1;padding:10px;font-size:12px}.privacy-note{font-size:11px!important;color:#7c809d!important;margin:24px auto;max-width:600px}.cut{position:fixed;inset:0;z-index:20;pointer-events:none;display:grid;place-items:center;background:#080a1aee}.cut-thread{position:absolute;width:100%;border-top:1px dashed #7ce7ff}.cut-scissors{position:absolute;font:65px Georgia;color:#8feaff;animation:snip .36s ease-in-out both}.enter{animation:panel-in .32s ease-out both}dialog{border:1px solid #6d78a7;border-radius:19px;width:min(860px,94vw);padding:18px;background:#101125;color:white}dialog::backdrop{background:#03040bea}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-head h2{font:18px Cinzel,Georgia}.preview-head button{background:#262943;border-radius:50%;width:38px;height:38px;font:28px Hanken;flex-shrink:0}dialog video{width:100%;max-height:68svh;background:#000;border-radius:12px;display:block}dialog p{font-size:12px;color:#b3b4ca;line-height:1.8}#preview-error{color:#ffbaba}footer{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:25px 38px;color:#737992;font:10px/1.9 Hanken,Tahoma;border-top:1px solid #30314680}
@keyframes arrive{from{opacity:0;transform:translateY(30px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(var(--rot))}}@keyframes snip{from{transform:translateX(-45vw) rotate(-15deg)}to{transform:translateX(45vw) rotate(15deg)}}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes result-in{from{opacity:0;transform:translateY(25px) rotate(-2deg)}to{opacity:1;transform:none}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[dir=ltr] body{font-family:Hanken,Tahoma,sans-serif}html[dir=ltr] .intro-copy h1{line-height:1.12;letter-spacing:-2px}
@media(min-width:1450px){.welcome{min-height:730px}}@media(max-width:850px){.choices.types{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{gap:12px}.intro-copy h1{font-size:43px}.hero-art{min-height:520px}.sample{width:91%}.sam1{top:100px}.sam2{top:220px;left:7%}.sam3{top:335px}.art-seal{right:0;width:80px;height:80px}.choices.clubs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topbar{padding:19px 18px;align-items:flex-start}.brand{font-size:13px;letter-spacing:1px;gap:7px}.brand small{font-size:7px;letter-spacing:1px}.scissors{font-size:29px}.tools{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}.tools button,.tools a{font-size:10px;padding:8px 10px}.tools #exit{display:none}main{padding:20px 18px 30px}.welcome{grid-template-columns:1fr;gap:5px;min-height:0}.intro-copy{padding-top:20px;text-align:center}.intro-copy h1{font-size:45px;margin:17px 0;line-height:1.3}.intro-copy p{font-size:13px;margin:auto;max-width:320px}.intro-meta{font-size:10px}.start{margin-top:18px}.mini-path{display:none}.hero-art{width:min(340px,90%);margin:24px auto 0;min-height:370px}.art-caption{font-size:8px;top:0;left:30px}.art-caption b{font-size:9px}.sam1{top:55px}.sam2{top:153px;left:9%}.sam3{top:245px}.sample{padding:7px;width:86%;border-radius:12px}.sample span{font-size:7px;padding:6px 2px 0}.sample img{border-radius:6px}.art-seal{top:185px;width:73px;height:73px}.art-seal span{font-size:25px}.art-seal small{font-size:6px}.game-top .eyebrow{font-size:8px;letter-spacing:1px}.game-top{font-size:10px}.steps{margin-bottom:26px}.choices.types{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{padding:17px 14px;border-radius:15px}.choice .symbol{height:70px;font-size:40px}.choice h2{font-size:16px;margin:11px 0 5px}.choice p{font-size:10px}.choice .number{font-size:8px}.round-head h1{font-size:27px}.round-head p{font-size:12px;margin-bottom:22px}.choices{gap:13px}.visual-choice{padding:8px 8px 16px}.visual-choice .copy{padding:0 5px}.visual-choice h2{font-size:15px;line-height:1.6}.visual-choice p{font-size:10px}.poster .preview-trigger{bottom:6px;inset-inline-end:6px;padding:7px 8px;font-size:9px}.pick-mark{padding:7px 9px;font-size:10px}.choose-row{gap:6px}.choose-row small{font-size:8px}.choices.duration{grid-template-columns:1fr}.duration .choice .symbol{height:45px;font-size:28px}.duration .choice{display:grid;grid-template-columns:60px 1fr;gap:0 12px;align-items:center}.duration .number{display:none}.duration .symbol{grid-row:1/3}.duration h2{margin:0}.duration p{margin:4px 0}.round-bottom{font-size:10px;margin-top:18px}.game{min-height:600px}.result-cards{flex-direction:column;align-items:center}.result-card{width:100%;max-width:400px;flex:auto}.result-card p{min-height:0}.results{padding-top:12px}.results h1{font-size:31px}.results>p{font-size:12px}.result-buttons>*{font-size:12px;padding:14px 10px}.result-actions .primary{font-size:12px}.answer-chips{margin-bottom:25px}footer{padding:20px 18px;font-size:9px}.s2{left:90%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original GWEN palette and artwork. Animation is transform/opacity only. */
body{background:#05030c;overflow-x:clip}.ambient{background:radial-gradient(ellipse at 20% 30%,#141a5266,transparent 53%),radial-gradient(ellipse at 85% 85%,#27144944,transparent 45%),#05030c}.ambient:after{background-image:none}.topbar{border-bottom:1px dashed #9aa3cf26}.original-logo{width:76px;height:76px;object-fit:contain}.brand{font-size:16px}.brand small{color:#9aa3cf}.intro-copy h1{color:#f1f5ff;text-shadow:0 0 25px #7a5cff20}.intro-copy h1 em{color:#8ee9ff}.primary{background:linear-gradient(110deg,#5ddcff,#7a5cff);border-radius:6px;box-shadow:5px 5px 0 #7a5cff20}.choice,.result-card{border-radius:11px;background:linear-gradient(145deg,#141a5266,#080c24);box-shadow:4px 4px 0 #060810}.choice:before{border-radius:5px;border-color:#bed7ff40}.choice .symbol svg{width:85px;height:85px;overflow:visible}.choice:hover{transform:translateY(-7px) rotate(-.6deg)}.choices .choice:nth-child(2n):hover{transform:translateY(-7px) rotate(.6deg)}.choice .number{color:#9aa3cf}.visual-choice .poster,.result-card img{border-radius:5px}.sample{border-radius:9px;border-color:#86cfee80}.sample img{border-radius:3px}.sample span{color:#c2d8ed}.hero-art{isolation:isolate}.silk-loop{inset:80px 20px 70px;transform:rotate(-16deg);border-color:#8cd6f24d}.art-seal{background:#080c24;border-color:#83dcf4;border-radius:7px;right:-1%;transform:rotate(8deg);width:92px;height:109px}.art-seal img{margin:auto}.art-seal small{font-size:7px}.sam1{animation:arrive .7s both,float-card 6s 1s ease-in-out infinite}.sam2{animation:arrive .7s .12s both,float-card 7s 1.2s ease-in-out infinite}.sam3{animation:arrive .7s .24s both,float-card 8s 1.4s ease-in-out infinite}.star.s1{animation:twinkle 5s ease-in-out infinite}.cut-scissors{width:100px;height:140px;display:block;font-size:0}.cut-scissors svg{width:100%;height:100%}.cut{background:#05030cf2}.cut-thread{border-color:#8ee9ff}.round-kicker{border:1px dashed #7a5cff75;display:inline-block;padding:7px 14px;background:#141a5240;letter-spacing:.4px}.game-top #counter{font:bold 20px Hanken;color:#a6eaff}.round-head h1{color:#f1f5ff}.steps li{height:6px;border-radius:0}.steps li.current{position:relative}.steps li.current:after{content:"✦";position:absolute;right:-6px;top:-7px;color:#9defff;font-size:17px}.result-card:first-child:before{content:"";position:absolute;inset:5px;border:1px dashed #5ddcff40;pointer-events:none;border-radius:6px}.sound-bars{display:flex;gap:4px;align-items:center;height:23px;margin-top:25px}.sound-bars i{display:block;width:3px;height:5px;background:#9f9bb5}.sound-bars i:nth-child(2n){height:13px}.sound-bars i:nth-child(3n){height:20px}html[data-music=on] .sound-bars i{background:#6bdcef;animation:equalize .72s ease-in-out infinite alternate}html[data-music=on] .sound-bars i:nth-child(2n){animation-delay:-.27s}html[data-music=on] .sound-bars i:nth-child(3n){animation-delay:-.5s}.studio-player .studio-controls button{display:grid;place-items:center;padding:0;line-height:1}.studio-player .studio-full{font-size:18px}.preview-head>button{display:grid;place-items:center;padding:0}.result-card .rank{border-radius:4px}.art-caption{color:#9aa3cf}.preview-head h2{line-height:1.5}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-9px) rotate(var(--rot))}}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes equalize{from{transform:scaleY(.5)}to{transform:scaleY(1.3)}}
html[data-awake=no] *{animation-play-state:paused!important}
@media(max-width:600px){.original-logo{width:50px;height:50px}.brand{font-size:11px;gap:6px}.brand small{font-size:6px}.intro-copy h1{font-size:42px}.sound-bars{justify-content:center;margin-top:16px}.hero-art{margin-top:15px}.art-seal{width:71px;height:85px}.art-seal img{width:45px;height:45px}.choice .symbol svg{width:62px;height:62px}.duration .choice .symbol svg{height:40px;width:40px}.game-top #counter{font-size:16px}.choices.clubs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.result-card img{height:auto;object-fit:contain}h1[tabindex="-1"]:focus{outline:none}.game-top .eyebrow{unicode-bidi:isolate}.choice .symbol{pointer-events:none}

.game-audio{display:flex;align-items:center;gap:9px;font:11px Tahoma,Hanken;background:#111127;border:1px solid #303052;border-radius:8px;padding:9px 12px;color:#bfc1da}.game-audio span{font-size:10px}.game-audio input{min-width:55px;width:80px;accent-color:#9a9bff;margin:0}.game-audio output{font:11px Hanken;min-width:27px}.tools{flex-wrap:wrap;justify-content:flex-end}.game-audio input:focus-visible{outline:2px solid #8ce7ff;outline-offset:4px}@media(max-width:600px){.game-audio{order:5;padding:7px 8px;gap:6px;width:100%;justify-content:space-between}.game-audio span{font-size:8px}.game-audio input{width:65px}.tools{max-width:190px}.topbar{gap:8px}.brand{flex-shrink:0}}

/* Sew, unpick, repeat: the original GWEN symbols, without moving cards at rest. */
.ambient{z-index:0;pointer-events:none}.topbar,main,footer{position:relative;z-index:1}.brand-motif{position:absolute;width:130px;height:130px;opacity:.14;transform:rotate(-14deg)}.brand-motif svg{width:100%;height:100%}.brand-motif .stitch-reveal{stroke-dashoffset:0;animation:none}.motif-0{left:2%;top:18%}.motif-1{right:3%;top:30%;width:100px}.motif-2{left:6%;bottom:10%;width:110px;transform:rotate(12deg)}.motif-3{right:7%;bottom:8%}.motif-4{left:43%;top:6%;width:75px;opacity:.08}.choice .stitch-reveal{animation:gwen-sew 7s ease-in-out infinite}.choice:nth-child(2n) .stitch-reveal{animation-delay:-.7s}.choice:nth-child(3n) .stitch-reveal{animation-delay:-1.4s}@keyframes gwen-sew{0%,7%{stroke-dashoffset:1}42%,60%{stroke-dashoffset:0}93%,100%{stroke-dashoffset:1}}
.choice{transition:transform .2s,border-color .2s,box-shadow .2s}.sample.sam1,.sample.sam2,.sample.sam3{animation:none}.result-card{transition:transform .2s,border-color .2s,box-shadow .2s}.sample{transition:transform .2s,border-color .2s,box-shadow .2s}.choice:hover,.choices .choice:nth-child(2n):hover{transform:none;border-color:#3b3656}.visual-choice:hover img{transform:none}@media(hover:hover) and (pointer:fine){.choice:hover,.choices .choice:nth-child(2n):hover,.result-card:hover{transform:translateY(-5px);border-color:#83dff8;box-shadow:0 0 19px #5ddcff20}.sample:hover{transform:translateY(-5px) rotate(var(--rot));border-color:#83dff8;box-shadow:0 0 19px #5ddcff20}}.choice:focus-visible{border-color:#83dff8;box-shadow:0 0 19px #5ddcff20}html[data-motion=off] .stitch-reveal{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.stitch-reveal{stroke-dashoffset:0}}@media(max-width:600px){.brand-motif{width:80px;height:80px;opacity:.09}.motif-0{left:-20px}.motif-1{right:-15px}.motif-2{left:-15px}.motif-3{right:-20px}.motif-4{display:none}}

/* Local game feedback: brief entrances, selection pulses, two slow background motifs. */
.choice>.number,.choice>.symbol,.choice>.copy,.choice>.poster{animation:deal-content .48s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--deal-delay,0ms)}
@keyframes deal-content{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.choice.selected>.symbol,.choice.selected>.copy{animation:choice-lock .22s ease-out both;animation-delay:0s}
@keyframes choice-lock{0%{transform:scale(1)}45%{transform:scale(1.045)}100%{transform:scale(1)}}
.choice.selected:after{animation:check-in .2s ease-out both}
@keyframes check-in{from{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.steps li{transform-origin:right;animation:step-in .4s ease-out both}.steps li.current:after{animation:step-star .4s ease-out both}
@keyframes step-in{from{transform:scaleX(.7);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes step-star{from{transform:scale(.3) rotate(-90deg)}to{transform:scale(1) rotate(0)}}
.brand-motif.motif-0{animation:motif-drift 14s ease-in-out infinite}.brand-motif.motif-3{animation:motif-drift 17s -5s ease-in-out infinite;--motif-turn:-8deg}
@keyframes motif-drift{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-12px) rotate(var(--motif-turn,-8deg))}}
.sample.sam1{animation:arrive .65s ease-out both}.sample.sam2{animation:arrive .65s .12s ease-out both}.sample.sam3{animation:arrive .65s .24s ease-out both}
.mini-path b{animation:path-in .4s ease-out both}.mini-path b:nth-of-type(2){animation-delay:.15s}.mini-path b:nth-of-type(3){animation-delay:.3s}.mini-path b:nth-of-type(4){animation-delay:.45s}
@keyframes path-in{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
.primary{position:relative;overflow:hidden}.primary:after{content:"";position:absolute;inset:-30% auto -30% -50%;width:28%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:skewX(-22deg);pointer-events:none;opacity:0}
@media(hover:hover) and (pointer:fine){.primary:hover:after{animation:button-glint .6s ease-out}.choice:hover .symbol svg{transform:translateY(-2px) rotate(-4deg)}.choice .symbol svg{transition:transform .2s}}
@keyframes button-glint{0%{left:-50%;opacity:0}20%{opacity:1}100%{left:125%;opacity:0}}
.primary:active,.secondary:active{transform:translateY(1px) scale(.98)}
.cut-thread:after{content:"";position:absolute;width:70px;height:2px;top:-1px;left:0;background:linear-gradient(90deg,transparent,#c8f8ff,transparent);animation:thread-pass .35s linear both}
@keyframes thread-pass{from{transform:translateX(0)}to{transform:translateX(100vw)}}
.results .answer-chips span{animation:path-in .35s ease-out both}.results .answer-chips span:nth-child(2){animation-delay:.08s}.results .answer-chips span:nth-child(3){animation-delay:.16s}
@media(max-width:600px){.brand-motif.motif-3{animation:none}}
html[data-awake=no] *:before,html[data-awake=no] *:after{animation-play-state:paused!important}
.sample.sam1,.sample.sam2,.sample.sam3{animation-fill-mode:backwards}

.taste-limits{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding:20px;border:1px dashed #6cb4ce60;background:#0e1530;border-radius:10px}.taste-limits label{display:flex;align-items:center;gap:10px;font-size:13px}.taste-limits select{font:inherit;color:#eafaff;border:1px solid #656797;background:#14152f;padding:10px;border-radius:6px}.taste-limits input{width:18px;height:18px;accent-color:#7edcff}.choices.visuals{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.choice.selected{animation:tap-card .28s ease-out both}.choice.selected:before{border-color:#9eefff;animation:tap-ring .28s ease-out both}.round-kicker{animation:round-signal .5s ease-out both}.steps li.current:after{animation:step-star .4s ease-out both,twinkle 1.7s .4s ease-in-out infinite}.cut{background:#080a1aeb}.cut-thread{transform:rotate(-8deg)}.cut-scissors{animation:snip .35s cubic-bezier(.2,.8,.2,1) both}.game-top #counter{animation:counter-pop .4s ease-out both}@keyframes tap-card{0%{transform:scale(1)}45%{transform:scale(.975)}100%{transform:scale(1.018)}}@keyframes tap-ring{from{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes round-signal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes counter-pop{from{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.taste-limits{align-items:stretch;gap:16px;padding:16px}.limit-budget{width:100%;justify-content:space-between}.choices.visuals{grid-template-columns:1fr}.choice>.copy{min-height:44px}.round-kicker{max-width:100%;line-height:1.8}.brand-motif.motif-0{opacity:.16}.brand-motif.motif-3{animation:motif-drift 17s ease-in-out infinite;opacity:.13}}


/* Arcade feedback stays local to the active panel and each tap. */
.game{position:relative;padding:22px 24px 26px;isolation:isolate}.game:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid #6f91e747;background:linear-gradient(130deg,#141f4b35,transparent 40%,#34225618);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.game-top{padding-bottom:16px;border-bottom:1px solid #758bd42e}.game-top #counter{padding:10px 14px;border:1px solid #729fdc80;border-radius:5px;min-width:106px;background:#11223d;box-shadow:inset 3px 0 #8ee9ff;font-size:23px;line-height:1.3}.game-top #counter:before{content:"ROUND";display:block;color:#9cabc9;font:8px Hanken;letter-spacing:2px;margin-bottom:4px}html[dir=rtl] .game-top #counter:before{content:"الجولة";font:9px Tahoma;letter-spacing:0}.game-top .eyebrow{font-size:9px}.steps{gap:6px;margin-top:18px}.steps li{height:9px;border:1px solid #727aab35;border-radius:2px;background:#14162d}.steps li.done{background:#357b9a;border-color:#71d7ec}.steps li.current{background:linear-gradient(90deg,#67e3ff,#a797ff);border-color:#b1e8ff;box-shadow:0 0 16px #77dfff40}.steps li.current:after{top:-7px}.round-head{padding-top:6px}.round-kicker{border-radius:3px;background:#18244c;font-size:11px}.choice{animation:arena-deal .6s cubic-bezier(.18,.85,.22,1) backwards;animation-delay:var(--deal-delay,0ms)}.choice>.number,.choice>.symbol,.choice>.copy,.choice>.poster{animation:none}.choice .number{display:inline-block;border:1px solid #6c7fac55;background:#14203d;padding:6px 8px;border-radius:3px;font-size:9px}.choice .symbol{height:116px}.choice .stitch-reveal{animation-duration:4.8s}.choice:before{transition:border-color .18s;animation:card-edge .6s ease-out backwards;animation-delay:var(--deal-delay,0ms)}.choice.selected{animation:arena-lock .28s ease-out forwards;border-color:#a4efff;background:linear-gradient(135deg,#203b53,#182a4e)}.choice.selected:before{border-color:#b1f4ff}.choice.selected>.symbol,.choice.selected>.copy{animation:none}.choice.selected:after{box-shadow:0 0 20px #77dfff55}.result-card{animation:loot-reveal .7s cubic-bezier(.18,.85,.22,1) backwards;animation-delay:var(--delay,0ms)}.result-card:first-child{box-shadow:0 0 24px #65cce21a}.results h1{animation:headline-reveal .65s ease-out backwards}.intro-copy h1{animation:headline-reveal .7s ease-out backwards}.intro-copy p{animation:headline-reveal .7s .1s ease-out backwards}.start{transition:transform .15s,box-shadow .15s}.start:active{transform:scale(.96);box-shadow:0 0 25px #83ddff60}.mini-path b:last-child{border-color:#a8b2ff;color:#bfefff}.art-seal{animation:seal-ready 4s ease-in-out infinite}.cut{background:#050918ed}.cut:before{content:"";position:absolute;width:188px;height:188px;border:1px dashed #80cfe8;border-radius:50%;box-shadow:inset 0 0 35px #3676a326;animation:checkpoint-ring .52s ease-out both}.cut-thread{border-top:2px dashed #8ee9ff;opacity:.5}.cut-scissors{width:100px;height:145px;animation:checkpoint-snip .52s ease-in-out both}.checkpoint-label{position:absolute;top:calc(50% + 110px);left:20px;right:20px;text-align:center;font:bold 22px/1.6 Hanken,Tahoma;letter-spacing:2px;color:#b2efff;animation:checkpoint-title .52s ease-out both}.finish-cut:before{border-color:#b69bff}.game-feedback{position:fixed;inset:0;pointer-events:none;z-index:24;overflow:hidden}.game-burst{position:absolute;width:0;height:0}.game-burst:before{content:"";position:absolute;left:-46px;top:-46px;width:92px;height:92px;border:2px solid #92eaff;border-radius:50%;animation:tap-wave .65s ease-out both}.game-burst i{position:absolute;left:-3px;top:-6px;width:6px;height:12px;background:var(--color);border-radius:1px;animation:game-sparks .8s cubic-bezier(.15,.65,.2,1) both}.game-burst.victory i{width:7px;height:16px;animation-duration:1.05s}.game-burst.victory:before{border-color:#b99bff;animation-duration:.9s}
@keyframes arena-deal{from{opacity:0;transform:translateY(48px) scale(.91) rotate(-3deg)}65%{opacity:1;transform:translateY(-4px) scale(1.015) rotate(.5deg)}to{opacity:1;transform:none}}@keyframes arena-lock{0%{transform:scale(1)}40%{transform:scale(.955)}100%{transform:translateY(-4px) scale(1.025)}}@keyframes card-edge{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes loot-reveal{from{opacity:0;transform:translateY(55px) scale(.88) rotate(-4deg)}70%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:none}}@keyframes headline-reveal{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes seal-ready{0%,100%{transform:rotate(8deg) scale(1)}50%{transform:rotate(3deg) scale(1.045)}}@keyframes checkpoint-ring{from{opacity:0;transform:scale(.3) rotate(-60deg)}55%{opacity:1}to{opacity:0;transform:scale(1.25) rotate(70deg)}}@keyframes checkpoint-snip{0%{opacity:0;transform:translateX(-55px) rotate(-28deg)}30%,65%{opacity:1;transform:translateX(0) rotate(12deg)}100%{opacity:0;transform:translateX(55px) rotate(24deg)}}@keyframes checkpoint-title{0%{opacity:0;transform:translateY(12px)}30%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-7px)}}@keyframes tap-wave{from{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.65)}}@keyframes game-sparks{0%{opacity:1;transform:translate(0,0) scale(.5) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2) rotate(var(--spin))}}
@media(max-width:600px){.game{padding:14px 10px 18px}.game-top{gap:7px}.game-top #counter{font-size:20px;min-width:90px;padding:8px 10px}.game-top .eyebrow{font-size:7px;letter-spacing:.7px}.choice .symbol{height:97px}.choice{animation-duration:.52s}.checkpoint-label{font-size:20px}.steps{margin-bottom:24px}.round-head h1{font-size:29px;line-height:1.5}}

/* Gwen's sewing workshop: original site objects, brighter light, no full-screen blur. */
body{background:#0b1026}.ambient{background:radial-gradient(ellipse at 11% 31%,#174c6880,transparent 48%),radial-gradient(ellipse at 89% 19%,#49367b65,transparent 45%),radial-gradient(ellipse at 60% 96%,#183d6555,transparent 48%),#0b1026}.ambient:after{background-image:radial-gradient(#99dffc16 .7px,transparent .7px);background-size:24px 24px}.ambient .orbit,.ambient .crosshair{display:none}.brand-motif{opacity:.17}.brand-motif.motif-0{opacity:.2}.workshop-world{position:absolute;inset:0;overflow:hidden}.workshop-spool{position:absolute;left:4%;top:69%;width:77px;height:60px;border-radius:8px;background:repeating-linear-gradient(0deg,#74b6cd99 0 2px,#254569aa 2px 5px);border-inline:1px solid #97d7ea55;transform:rotate(-18deg);opacity:.75}.workshop-spool:before,.workshop-spool:after{content:"";position:absolute;left:-10px;right:-10px;height:15px;border-radius:50%;border:1px solid #b2a4e1;background:#303d64}.workshop-spool:before{top:-7px}.workshop-spool:after{bottom:-7px}.workshop-spool.spool-1{left:auto;right:3%;top:36%;transform:rotate(16deg);background:repeating-linear-gradient(0deg,#b399da88 0 2px,#39315caa 2px 5px);width:56px;height:75px;animation:spool-sway 9s ease-in-out infinite}.workshop-button{position:absolute;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#485b81,#25324d);border:1px solid #a8d1ec;display:grid;grid-template-columns:repeat(2,5px);gap:6px;place-content:center;box-shadow:inset 0 0 0 5px #8996be30;opacity:.7}.workshop-button i{width:5px;height:5px;border-radius:50%;background:#0b162b}.workshop-button.button-0{left:13%;top:17%;animation:button-drift 11s ease-in-out infinite}.workshop-button.button-1{right:11%;bottom:12%;width:32px;height:32px;animation:button-drift 13s -4s ease-in-out infinite}.workshop-button.button-2{left:35%;bottom:8%;transform:rotate(24deg);width:29px;height:29px;opacity:.45}.workshop-button.button-3{right:34%;top:10%;width:25px;height:25px;opacity:.4}.workshop-seam{position:absolute;left:1%;top:30%;width:380px;height:180px;opacity:.8;transform:rotate(-9deg);pointer-events:none}.seam-line{width:100%;height:100%;overflow:visible}.seam-line path{fill:none;stroke-linecap:round}.seam-base{stroke:#8bcbde33;stroke-width:1;stroke-dasharray:3 5}.seam-ink{stroke:#a0efff;stroke-width:2;stroke-dasharray:1 1.3}.seam-mask{stroke:white;stroke-width:7;stroke-dasharray:100;animation:sew-workshop 14s ease-in-out infinite}.seam-scissors{position:absolute;left:0;top:0;width:42px;height:60px;animation:sewing-scissors 14s ease-in-out infinite}.seam-scissors svg{width:100%;height:100%;overflow:visible}.seam-pin{position:absolute;width:9px;height:9px;border-radius:50%;background:#b9b2ff;box-shadow:0 0 0 4px #b6a0ff18}.pin-one{left:17px;top:103px}.pin-two{right:12px;top:58px}.workshop-needle{position:absolute;right:6%;bottom:11%;width:3px;height:100px;background:linear-gradient(0deg,transparent,#d8f8ff 60%);border-radius:90% 90% 40% 40%;transform:rotate(26deg)}.workshop-needle:before{content:"";position:absolute;left:-2px;top:-12px;width:6px;height:13px;border:1px solid #c3efff;border-radius:50%}.workshop-needle i{position:absolute;top:-100px;left:-18px;width:42px;height:105px;border:1px dashed #b4a5ea;border-bottom:0;border-radius:55% 50% 0 0}.workshop-star{position:absolute;color:#b4e9ff;font:16px Georgia;opacity:.5}.star-0{left:8%;top:48%;animation:twinkle 4s ease-in-out infinite}.star-1{right:15%;top:24%;color:#c7b3f1}.star-2{left:28%;top:8%;font-size:10px}.star-3{right:3%;top:64%;animation:twinkle 5s -2s ease-in-out infinite}.star-4{left:18%;bottom:17%;color:#c7b3f1}.star-5{right:30%;bottom:5%;font-size:11px}.star-6{left:2%;top:13%;font-size:11px}.star-7{right:7%;top:9%}.star-8{left:40%;bottom:23%;font-size:9px}.topbar{border-color:#a5cbe93d}.intro-copy h1{color:#f4f8ff;text-shadow:none}.intro-copy h1 em{color:#a0eeff}.intro-copy p{color:#c0cae3}.sample{background:#111e37;border-color:#91d7eea0}.sample span{color:#d0e6f6}.art-caption{color:#b1c6df}.silk-loop{border-color:#a5d9ef78}.art-seal{background:#14253c}.start{box-shadow:0 0 0 1px #a4e5ff40,5px 5px 0 #7b61da36;min-height:58px}.start:after{left:-50%;opacity:0;animation:inviting-glint 5s ease-in-out infinite}.welcome .mini-path b{border-color:#7189b1;color:#b5e3f4}.game:before{border-color:#8cc8e66b;background:linear-gradient(125deg,#243b6245,transparent 45%,#60528228)}.choice,.result-card{background:linear-gradient(140deg,#1c2846ed,#111a33f5);border-color:#6582a767}.choice .number{background:#21334f;border-color:#9ab6d64d}.choice p{color:#b7c7df}.choice h2{color:#f0f7ff}.choice:before{border-color:#98cde64a}.choice .symbol svg{color:inherit}.round-head{padding-top:4px}.round-head h1{color:#f6f9ff}.round-head p{color:#b8c8e1}.round-kicker{background:#26345b;border-color:#a8c7eb70}.steps{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.steps li,.steps li:after{animation:none!important}.workshop-journey{display:flex;justify-content:center;align-items:center;gap:12px;padding:21px 2px 25px;direction:ltr}.workshop-journey i{position:relative;display:grid;place-items:center;font:9px Hanken;font-style:normal;width:24px;height:24px;border-radius:50%;background:#1a2540;border:1px solid #617da3;color:#9db2d1}.workshop-journey i:not(:last-child):before{content:"";position:absolute;left:100%;width:13px;border-top:1px dashed #5c7c9f}.workshop-journey i.complete{background:#306f88;border-color:#9fe4f5;color:#e0fbff}.workshop-journey i.complete:before{border-color:#8ee9ff}.workshop-journey i.active{border-color:#bdaaf5;background:#464375;color:white;animation:journey-bob 2.4s ease-in-out infinite}.workshop-journey i.active:after{content:"✦";position:absolute;top:-17px;color:#c1f5ff;font:15px Georgia}.game-top #counter{background:#203953;border-color:#94d8ed}.cut{background:#101e35f0}.cut:before{border-color:#b3dfff}.checkpoint-label{color:#def8ff}.result-card:first-child{border-color:#9ee9f5}.sound-bars i{background:#899cb7}.brand{color:#e9f7ff}footer{border-color:#89b5d735;color:#9baec8}
@keyframes sew-workshop{0%,8%{stroke-dashoffset:100}45%,56%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:100}}@keyframes sewing-scissors{0%,8%,100%{transform:translate(0,77px) rotate(-32deg)}25%,78%{transform:translate(95px,18px) rotate(15deg)}36%,66%{transform:translate(220px,96px) rotate(33deg)}45%,56%{transform:translate(340px,36px) rotate(-25deg)}94%{transform:translate(0,77px) rotate(-32deg)}}@keyframes button-drift{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-15px) rotate(18deg)}}@keyframes spool-sway{0%,100%{transform:rotate(16deg)}50%{transform:rotate(7deg) translateY(-8px)}}@keyframes journey-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes inviting-glint{0%,65%{opacity:0;transform:translateX(0) skewX(-22deg)}70%{opacity:.7}90%,100%{opacity:0;transform:translateX(650%) skewX(-22deg)}}
html[data-motion=off] .seam-mask{stroke-dashoffset:0}html[data-motion=off] .seam-scissors{transform:translate(220px,96px) rotate(33deg)}@media(prefers-reduced-motion:reduce){.seam-mask{stroke-dashoffset:0}.seam-scissors{transform:translate(220px,96px) rotate(33deg)}}@media(max-width:850px){.workshop-seam{left:-150px;top:33%;opacity:.5}.workshop-spool.spool-1{right:-20px}.workshop-button.button-0{left:4%;top:16%}}@media(max-width:600px){.workshop-spool{left:-23px;top:68%;width:45px;height:49px;opacity:.5}.workshop-spool.spool-1{right:-27px;top:34%;width:43px;height:51px;opacity:.5}.workshop-button.button-0{width:30px;height:30px;top:15%;left:5%;opacity:.4}.workshop-button.button-1{right:2%;bottom:8%;opacity:.45}.workshop-button.button-2,.workshop-button.button-3,.star-8{display:none}.workshop-seam{left:-215px;top:24%;opacity:.5}.workshop-needle{right:6%;bottom:18%;height:70px;opacity:.5}.workshop-journey{gap:9px;padding:20px 0 23px}.workshop-journey i{width:21px;height:21px;font-size:8px}.workshop-journey i:not(:last-child):before{width:10px}.welcome .hero-art{margin-top:29px}.brand-motif{opacity:.1}.round-head h1{font-size:28px}}

@media(min-width:851px){.workshop-seam{top:14%}}html[data-preview=open] .ambient *,html[data-preview=open] main *,html[data-preview=open] main *:before,html[data-preview=open] main *:after{animation-play-state:paused!important}

/* Game start screen. Movement lives in the main scene, not just peripheral decoration. */
html[data-scene=welcome] main{max-width:1320px;padding-top:0;padding-bottom:0}html[data-scene=welcome] .topbar{padding-top:12px;padding-bottom:12px;border-bottom:0}html[data-scene=welcome] footer{border-top:0;padding-top:12px}.welcome{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:calc(100svh - 160px);position:relative;text-align:center}.intro-copy{width:100%;padding-top:0;position:relative;z-index:3;pointer-events:none}.intro-copy h1{font-size:clamp(34px,4.1vw,58px);line-height:1.3;margin:12px 0 8px;letter-spacing:-1px}.intro-copy h1 em{display:inline;margin-inline-start:12px}.intro-copy p{max-width:620px;margin:0 auto;font-size:13px;line-height:1.8}.intro-copy>.eyebrow{font-size:10px;letter-spacing:2px}.intro-copy .mini-path{display:none}.hero-art.menu-scene{position:relative;direction:ltr;width:min(850px,100%);height:390px;min-height:390px;margin:0 auto;isolation:isolate;--orbit-x:230px;--orbit-y:92px}.menu-scene .art-caption,.menu-scene .silk-loop,.menu-scene .art-seal{display:none}.menu-scene .sample{position:absolute;top:50%;left:50%;right:auto;width:224px;padding:7px;border-radius:8px;border-color:#a2ddf7a0;box-shadow:0 14px 24px #0006;background:#111d36;transform-origin:center;animation:menu-card-orbit 15s linear infinite;animation-fill-mode:both;--card-rot:0deg}.menu-scene .sample img{border-radius:4px;aspect-ratio:16/9;object-fit:cover}.menu-scene .sample span{font-size:8px;padding-top:7px;letter-spacing:1.5px}.menu-scene .sample.sam1{animation-delay:0s}.menu-scene .sample.sam2{animation-delay:-5s}.menu-scene .sample.sam3{animation-delay:-10s}.menu-portal{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}.portal-disc{position:absolute;width:242px;height:242px;border-radius:50%;background:radial-gradient(circle,#77bbdb18 0,#243856d9 48%,#172442d9 70%,transparent 71%);border:1px solid #83d0f44d}.portal-ring{position:absolute;border-radius:50%;width:300px;height:300px;border:2px dashed #8acee699;animation:portal-turn 15s linear infinite;box-shadow:0 0 0 10px #7097d40b,0 0 0 12px #9dbeed20}.portal-ring.ring-inner{width:270px;height:270px;border:1px solid #af9ae4a0;border-left:3px solid #bba6ff;animation-direction:reverse;animation-duration:9s;box-shadow:none}.portal-ring.ring-outer:after{content:"";position:absolute;inset:-11px;border:1px dashed #879fc955;border-radius:50%}.portal-scissors{position:absolute;width:175px;height:240px;top:64px;left:calc(50% - 87.5px);z-index:3;animation:menu-scissor-float 4s ease-in-out infinite}.menu-scissor-art{width:100%;height:100%;overflow:visible}.menu-scissor-art>g:first-of-type{transform-origin:0 0;animation:menu-blade 2.6s ease-in-out infinite}.menu-scissor-art>g:nth-of-type(2){transform-origin:0 0;animation:menu-blade-mirror 2.6s ease-in-out infinite}.portal-spark{position:absolute;left:calc(50% - 10px);top:38px;color:#c2f7ff;font:27px Georgia;transform-origin:10px 157px;animation:portal-turn 9s linear infinite}.portal-status{position:absolute;top:calc(50% + 100px);font:8px Hanken,Tahoma;letter-spacing:1.5px;color:#c6def4;z-index:3}.menu-en{display:none}html[lang=en] .menu-en{display:inline}html[lang=en] .menu-ar{display:none}.menu-controls{position:relative;z-index:6;margin-top:3px;display:flex;flex-direction:column;align-items:center}.menu-controls .start{position:relative;min-width:280px;padding:17px 34px;font-size:20px;min-height:65px;border-radius:7px;border:1px solid #bbf0ff;box-shadow:0 5px 0 #35346e,0 0 0 5px #79ccf511;animation:start-breathe 2s ease-in-out infinite}.menu-controls .start span{font-size:24px;display:inline-block;animation:start-icon 2s ease-in-out infinite}.menu-controls .intro-meta{margin-top:15px;font-size:10px}.menu-controls .sound-bars{position:absolute;right:-55px;top:17px;margin:0}.menu-hint{padding:17px 0 12px;font:10px Hanken,Tahoma;letter-spacing:.7px;color:#a6bdd4}.welcome:before{content:"";position:absolute;left:50%;top:52%;width:min(780px,95vw);height:170px;border:1px dashed #80cce34d;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none}.welcome:after{content:"";position:absolute;left:50%;top:52%;width:min(890px,97vw);height:190px;border:1px solid #a493d42b;border-radius:50%;transform:translate(-50%,-50%) rotate(12deg);pointer-events:none}html[data-scene=welcome] .workshop-world{opacity:.65}html[data-scene=welcome] .ambient{background:radial-gradient(ellipse at 50% 45%,#264b7066,transparent 46%),radial-gradient(ellipse at 20% 50%,#27365d77,transparent 55%),#080e23}html[data-scene=welcome] .workshop-spool{left:8%;top:56%}html[data-scene=welcome] .workshop-spool.spool-1{left:auto;right:8%;top:40%}
@keyframes menu-card-orbit{0%,100%{transform:translate(-50%,-50%) translate(calc(-1 * var(--orbit-x)),22px) scale(.83) rotate(-12deg);opacity:.9;z-index:3}25%{transform:translate(-50%,-50%) translate(0,calc(-1 * var(--orbit-y))) scale(.64) rotate(0);opacity:.52;z-index:0}50%{transform:translate(-50%,-50%) translate(var(--orbit-x),22px) scale(.83) rotate(12deg);opacity:.9;z-index:3}75%{transform:translate(-50%,-50%) translate(0,var(--orbit-y)) scale(1.03) rotate(0);opacity:1;z-index:4}}@keyframes portal-turn{to{transform:rotate(360deg)}}@keyframes menu-scissor-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-14px) rotate(7deg)}}@keyframes menu-blade{0%,100%{transform:rotate(-10deg)}40%,60%{transform:rotate(14deg)}}@keyframes menu-blade-mirror{0%,100%{transform:scaleX(-1) rotate(-10deg)}40%,60%{transform:scaleX(-1) rotate(14deg)}}@keyframes start-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}@keyframes start-icon{0%,100%{transform:rotate(0)}50%{transform:rotate(45deg)}}
html[data-motion=off] .menu-scene .sam1{transform:translate(-50%,-50%) translate(-210px,20px) rotate(-12deg)}html[data-motion=off] .menu-scene .sam2{transform:translate(-50%,-50%) translate(210px,20px) rotate(12deg)}html[data-motion=off] .menu-scene .sam3{transform:translate(-50%,-50%) translate(0,90px);z-index:4}html[data-motion=off] .menu-scissor-art>g:nth-of-type(2){transform:scaleX(-1)}
@media(max-width:600px){html[data-scene=welcome] .topbar{padding:14px 18px 4px}.welcome{min-height:calc(100svh - 135px);justify-content:flex-start;padding-top:18px}.intro-copy h1{font-size:32px;line-height:1.4;margin:9px 0}.intro-copy h1 em{display:block;margin-inline:0}.intro-copy p{font-size:11px;max-width:310px}.intro-copy>.eyebrow{font-size:8px;letter-spacing:.7px}.hero-art.menu-scene{width:100%;height:310px;min-height:310px;margin:0;--orbit-x:112px;--orbit-y:82px}.menu-scene .sample{width:164px;padding:5px}.menu-scene .sample span{font-size:6px;padding-top:5px}.portal-ring{width:230px;height:230px}.portal-ring.ring-inner{width:206px;height:206px}.portal-disc{width:185px;height:185px}.portal-scissors{width:130px;height:180px;top:48px;left:calc(50% - 65px)}.portal-spark{top:29px;transform-origin:10px 126px;font-size:23px}.portal-status{top:calc(50% + 76px);font-size:6px;letter-spacing:.8px}.menu-controls{margin-top:0}.menu-controls .start{font-size:18px;min-width:250px;min-height:59px;padding:14px 25px}.menu-controls .sound-bars{right:-34px;gap:3px}.menu-controls .sound-bars i{width:2px}.menu-hint{padding-top:12px;font-size:9px}.welcome:before{top:50%;height:135px}.welcome:after{top:50%;height:150px}html[data-motion=off] .menu-scene .sam1{transform:translate(-50%,-50%) translate(-90px,5px) rotate(-12deg)}html[data-motion=off] .menu-scene .sam2{transform:translate(-50%,-50%) translate(90px,5px) rotate(12deg)}html[data-motion=off] .menu-scene .sam3{transform:translate(-50%,-50%) translate(0,90px)}html[data-scene=welcome] footer{justify-content:center;padding:12px 18px}html[data-scene=welcome] footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.menu-scene .sam1{transform:translate(-50%,-50%) translate(calc(-1 * var(--orbit-x)),20px) rotate(-12deg)}.menu-scene .sam2{transform:translate(-50%,-50%) translate(var(--orbit-x),20px) rotate(12deg)}.menu-scene .sam3{transform:translate(-50%,-50%) translate(0,90px);z-index:4}.menu-scissor-art>g:nth-of-type(2){transform:scaleX(-1)}}