.wg .intro{position:relative}.wg .in-pin{background:radial-gradient(120% 90% at 20% 0,#e3263b38,#0000 60%),#0e0c0b;place-items:center;height:100svh;padding:80px 16px 90px;display:grid;position:sticky;top:0;overflow:hidden}.wg .in-w{transition:opacity .25s,color .25s}.wg .in-w.dim{opacity:.22}.wg .in-scene{text-align:center;width:min(100%,1040px);animation:inScene .55s var(--out);flex-direction:column;align-items:center;gap:clamp(18px,3vh,30px);display:flex;position:relative}@keyframes inScene{0%{opacity:0;transform:translateY(18px)scale(.98)}}.wg .in-thought{font:800 clamp(30px,5.2vw,72px)/1 var(--display);letter-spacing:-.03em;font-variation-settings:"wdth" 86,"opsz" 96;text-wrap:balance;max-width:18ch;margin:0}.wg .in-thought .in-q{color:var(--accent-2)}.wg .in-thought em{color:var(--accent-2);font-style:normal}.wg .in-type{font:800 clamp(38px,7vw,104px)/1 var(--display);letter-spacing:-.035em;font-variation-settings:"wdth" 86,"opsz" 96;margin:0}.wg .in-type span{opacity:0;animation:10ms forwards inChar;animation-delay:calc(var(--i)*55ms + .15s)}@keyframes inChar{to{opacity:1}}.wg .in-caret{background:var(--accent);vertical-align:-.06em;width:.08em;height:.85em;margin-left:.06em;animation:.8s step-end infinite inBlink;display:inline-block}@keyframes inBlink{50%{opacity:0}}.wg .in-w98{color:#000;text-align:left;background:silver;width:min(100%,430px);padding:3px;font:13px/1.35 Tahoma,MS Sans Serif,Arial,sans-serif;animation:.5s 1.2s 2 inShake;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf,0 30px 60px -20px #000c}@keyframes inShake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.wg .in-w98-bar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 5px;font-weight:700;display:flex}.wg .in-w98-bar span{color:#000;background:silver;place-items:center;width:16px;height:14px;font-size:10px;display:grid;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff}.wg .in-w98-body{align-items:flex-start;gap:12px;padding:14px 12px 8px;display:flex}.wg .in-w98-body p{margin:0 0 8px}.wg .in-hourglass{font-size:30px;animation:1.6s steps(4,end) infinite inSpin}@keyframes inSpin{to{transform:rotate(360deg)}}.wg .in-w98-prog{background:#fff;width:min(260px,58vw);height:18px;padding:2px;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.wg .in-w98-prog i{background:repeating-linear-gradient(90deg,navy 0 8px,#0000 8px 10px);width:3%;height:100%;animation:3s ease-out forwards inCrawl;display:block}@keyframes inCrawl{0%{width:0}to{width:3%}}.wg .in-w98-body small{color:#333;margin-top:6px;display:block}.wg .in-w98-btns{justify-content:flex-end;gap:6px;padding:4px 10px 10px;display:flex}.wg .in-w98-btns span{text-align:center;background:silver;min-width:72px;padding:4px 10px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.wg .in-sticky{color:#3a2e00;opacity:0;width:190px;animation:inStick .5s 1.4s var(--spring)forwards;text-align:left;background:#ffe680;padding:14px;font:600 14px/1.3 Comic Sans MS,Chalkboard SE,cursive;position:absolute;bottom:-6%;right:max(0px,4%);rotate:5deg;box-shadow:0 14px 26px -12px #000000b3}.wg .in-sticky small{opacity:.75;margin-top:4px;font-size:12px;display:block}@keyframes inStick{0%{opacity:0;transform:scale(1.4)rotate(-8deg)}to{opacity:1;transform:none}}.wg .in-chaos{pointer-events:none;z-index:-1;position:absolute;inset:-14% -10%}.wg .in-chaos span{aspect-ratio:1;width:clamp(34px,4vw,52px);left:var(--x);top:var(--y);animation:inBounce 1.6s calc(var(--i)*-.23s)ease-in-out infinite alternate;opacity:.85;position:absolute}.wg .in-chaos span svg{width:100%;height:100%}@keyframes inBounce{0%{transform:translate(0)rotate(-14deg)}to{transform:translate(calc((var(--i) - 4.5)*9px),-38px)rotate(16deg)}}.wg .in-tabs{border:1px solid var(--edge);background:#fff2e414;border-radius:999px;padding:8px 16px;font-weight:700}@property --tabs{syntax:"<integer>";inherits:true;initial-value:3}.wg .in-count{min-width:2ch;color:var(--accent-2);font-variant-numeric:tabular-nums;animation:3s cubic-bezier(.2,.7,.3,1) .3s forwards inCount;display:inline-block}.wg .in-count:after{counter-reset:tabs var(--tabs);content:counter(tabs)}@keyframes inCount{to{--tabs:47}}.wg .in-toasts{text-align:left;gap:8px;width:min(100%,400px);margin:0;padding:0;list-style:none;display:grid}.wg .in-toasts li{border:1px solid var(--edge);opacity:0;animation:inToast .45s var(--spring)forwards;animation-delay:calc(.5s + var(--i)*.55s);background:#28231ff5;border-radius:14px;padding:10px 14px;font-size:14.5px;font-weight:600;transform:translate(40px);box-shadow:0 14px 30px -14px #000c}.wg .in-toasts small{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11.5px;font-weight:800;display:block}@keyframes inToast{to{opacity:1;transform:none}}.wg .in-steps{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wg .in-steps li{border:1px solid var(--edge);opacity:0;animation:inToast .4s var(--spring)forwards;animation-delay:calc(.35s + var(--i)*.5s);background:#fff2e412;border-radius:12px;padding:10px 16px;font-weight:700;position:relative;transform:translateY(12px)}.wg .in-steps li:last-child{background:var(--accent-soft);color:var(--accent-2)}.wg .in-snail{border-bottom:2px dashed var(--edge);width:min(100%,560px);height:44px;position:relative}.wg .in-snail span{font-size:34px;line-height:1;animation:3.6s linear forwards inSnail;position:absolute;bottom:0;left:0;transform:scaleX(-1)}.wg .in-snail small{color:var(--faint);font-size:12.5px;font-weight:700;position:absolute;bottom:6px;right:0}@keyframes inSnail{to{left:9%}}.wg .in-receipt{color:#1e1a16;text-align:left;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),95% 100%,90% calc(100% - 8px),85% 100%,80% calc(100% - 8px),75% 100%,70% calc(100% - 8px),65% 100%,60% calc(100% - 8px),55% 100%,50% calc(100% - 8px),45% 100%,40% calc(100% - 8px),35% 100%,30% calc(100% - 8px),25% 100%,20% calc(100% - 8px),15% 100%,10% calc(100% - 8px),5% 100%,0 calc(100% - 8px));transform-origin:top;background:#f7f4ee;width:min(100%,380px);padding:18px 18px 22px;font:600 14px/1.4 Courier New,ui-monospace,monospace;animation:1.2s steps(10,end) both inPrint;position:relative}@keyframes inPrint{0%{clip-path:inset(0 0 100%)}}.wg .in-receipt b{text-align:center;letter-spacing:.12em;margin-bottom:10px;display:block}.wg .in-receipt div{opacity:0;animation:10ms forwards inChar;animation-delay:calc(.25s + var(--i)*.3s);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.wg .in-receipt .tot{border-top:2px dashed #1e1a16;margin-top:8px;padding-top:8px;font-weight:800}.wg .in-receipt .tot span:last-child{color:#c8102e}.wg .in-stamp{color:#c8102e;opacity:0;border:3px solid #c8102e;border-radius:8px;top:34%;right:14px;rotate:-14deg;font:900 30px/1 var(--display)!important;animation:inStamp .35s 2.4s var(--spring)forwards!important;padding:4px 12px!important;position:absolute!important}@keyframes inStamp{0%{opacity:0;transform:scale(2.4)}to{opacity:.9;transform:none}}.wg .s5 .in-thought{font-size:clamp(34px,6vw,86px)}.wg .s5 .in-thought em{background:linear-gradient(90deg,var(--accent-soft),transparent);border-radius:12px}.wg .s6 h2{font:800 clamp(44px,8.4vw,128px)/.95 var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 86,"opsz" 96;margin:0}.wg .s6 small{color:var(--muted);font-size:15px;font-weight:700}.wg .in-mark{width:clamp(88px,10vw,130px);color:var(--text);animation:inPop .7s var(--spring)both}@keyframes inPop{0%{opacity:0;transform:scale(.3)rotate(-90deg)}}.wg .in-ui{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:22px;left:0;right:0}.wg .in-dots{gap:6px;display:flex}.wg .in-dots button{cursor:pointer;width:8px;height:8px;transition:width .4s var(--spring),background .3s;background:#fff2e433;border:0;border-radius:999px;padding:0}.wg .in-dots button[data-done]{background:#fff2e480}.wg .in-dots button[data-on]{background:var(--accent);width:22px}.wg .in-hint{color:var(--muted);font-size:13px;font-weight:700}.wg .in-hint i{font-style:normal;animation:1.4s ease-in-out infinite inNudge;display:inline-block}@keyframes inNudge{50%{transform:translateY(4px)}}.wg .in-ui .in-skip{border:1px solid var(--edge);color:var(--text);font:700 13px var(--ui);cursor:pointer;background:#fff2e414;border-radius:999px;padding:8px 14px}.wg .in-ui .in-skip:hover{background:#fff2e429}@media (max-width:600px){.wg .in-ui{flex-wrap:wrap;gap:10px;padding:0 12px;bottom:84px}.wg .in-sticky{margin-top:-6px;position:relative;bottom:auto;right:auto}.wg .in-toasts li{font-size:13.5px}}