:root{font-family:'Segoe UI Variable','Segoe UI',sans-serif;color:#182d46;background:#f0f3fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}header{height:70px;padding:0 3vw;display:flex;align-items:center;gap:22px;border-bottom:1px solid #d5dfea}header a{color:inherit;font-size:21px;font-weight:650;text-decoration:none}header span{border-left:1px solid #bac9db;padding-left:22px}header p{margin-left:auto;color:#64748c;font-size:13px}main{height:calc(100dvh - 104px);display:grid;grid-template-columns:245px minmax(350px,1fr) 235px;gap:26px;padding:24px 3vw 20px}aside h1{font-size:28px;line-height:1.08;letter-spacing:-1px;margin:2px 0 14px}h2{font-size:18px;letter-spacing:-.35px;margin:0 0 8px}p{line-height:1.5}.intro{font-size:12px;color:#62718b;margin-bottom:18px}#directions{display:grid;gap:7px}.direction{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:12px;text-align:left;border:1px solid transparent;padding:10px 8px;background:transparent;border-radius:12px}.direction:hover{background:#fff8}.direction.selected{background:white;box-shadow:0 4px 20px #9bb3d022;border-color:#c5d8e9}.direction b{font-size:13px;display:block}.direction small{display:block;color:#75859a;font-size:11px;margin-top:3px}.mini{height:20px;width:29px;border:1px solid #89add0;background:linear-gradient(115deg,#fff,#c4d3ed88);box-shadow:inset 0 0 6px white;border-radius:12px}.mini.slab{border-radius:5px;transform:skewY(-7deg)}.mini.ribbon{height:7px;border-radius:0}.mini.seal{width:25px;height:25px;border-radius:50%;box-shadow:0 0 10px #dbb2f7}.mini.receipt{height:26px;width:20px;border-radius:3px;border-bottom:2px dashed #89add0}.mini.plaque{border-radius:3px;border:2px double #89add0}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto}.toolbar select{padding:8px;border:1px solid #cbd8e6;background:#fff;border-radius:8px}.toolbar>button{background:#233d5b;color:#fff;border:0;border-radius:9px;padding:10px 15px;font-size:12px}.segmented{display:flex;gap:3px;background:#dde6f1;border-radius:9px;padding:3px}.segmented button{border:0;background:none;padding:8px 13px;border-radius:7px;font-size:12px}.segmented .selected{background:white;box-shadow:0 1px 4px #8396b144}.stage-area{flex:1;display:flex;justify-content:center;align-items:center;min-height:160px;margin:18px 0;background:#dce4ee;border-radius:18px;overflow:hidden;padding:16px}.stage{position:relative;overflow:hidden;border-radius:10px;isolation:isolate;container-type:inline-size;box-shadow:0 10px 25px #233b5a30}.stage.twitch{width:100%;aspect-ratio:16/9;max-height:100%}.stage.tiktok{height:100%;aspect-ratio:9/16;max-width:100%}.world{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#f9d690 0%,transparent 40%),radial-gradient(ellipse at 12% 60%,#afbdff,transparent 45%),linear-gradient(140deg,#bcd9e8,#cbb8e3 45%,#f6b7a4)}.window{position:absolute;inset:6% 9% 33% 62%;border:2px solid #fff5;background:linear-gradient(180deg,#b8d8f366,#edcbd166);border-radius:50% 50% 0 0;box-shadow:0 0 50px #ffecaa66}.horizon{position:absolute;inset:68% 0 0;background:linear-gradient(#d9b8b744,#b9c2da55);border-top:1px solid #fff4}.person{position:absolute;left:37%;bottom:-8%;height:70%;width:29%;background:linear-gradient(145deg,#75899c,#354967);border-radius:46% 46% 16% 16%;opacity:.8;box-shadow:0 5px 30px #293f5822}.person:before{content:'';position:absolute;left:26%;top:-20%;width:48%;height:40%;background:linear-gradient(130deg,#c8afba,#778aaa);border-radius:45%}.person span{position:absolute;inset:60% 0 auto;text-align:center;color:#eef5ff;font-size:12px}.game .world{background:radial-gradient(ellipse at 90% 15%,#5e9aaa,transparent 55%),linear-gradient(125deg,#253a56,#866c91)}.dark .world{background:radial-gradient(ellipse at 80% 40%,#6d486b,transparent 55%),linear-gradient(140deg,#102432,#243d50)}.game .person{left:3%;height:37%;width:18%;bottom:-2%}.game-hud{display:none;position:absolute;right:5%;bottom:8%;color:#effbff9a;font-size:12px}.game .game-hud{display:block}.phone-comments{display:none}.tiktok .person{left:22%;width:56%;height:40%;bottom:23%}.tiktok .person span{font-size:10px}.tiktok.game .person{height:26%;width:43%;left:5%;bottom:24%}.tiktok .phone-comments{display:block;position:absolute;bottom:0;left:0;right:0;height:19%;padding:15% 5% 5%;color:#34445d;font-size:9px;background:linear-gradient(transparent,#ffffff45)}.alert-anchor{position:absolute;left:50%;top:9%;transform:translateX(-50%);width:80%;display:flex;justify-content:center}.twitch .alert-anchor{width:56%;top:7%}.alert{position:relative;max-width:100%;min-width:155px;color:#132c46;background:linear-gradient(130deg,#fff9,#edf6ff5c 40%,#e8f3ff99);border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff,0 9px 27px #233d5b2b,inset 0 -1px 0 #b1c6e455;backdrop-filter:blur(14px) saturate(1.3);padding:12px 18px;display:flex;gap:12px;align-items:center;overflow:hidden;transform:translateY(0);opacity:1}.alert:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 2% 0%,#ffffffa0,transparent 60%);pointer-events:none}.copy{position:relative;min-width:0}.copy>span{display:block;font-size:10px;font-weight:600;color:#4f6279;margin-bottom:3px}.copy strong{display:block;font-size:clamp(12px,3.8cqw,20px);letter-spacing:-.4px;overflow-wrap:anywhere;line-height:1.12}.copy p{font-size:clamp(10px,2.6cqw,13px);margin:4px 0 0;line-height:1.35;max-height:6em;overflow:auto;white-space:pre-wrap}.mark{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffff6b;border:1px solid #fff7;color:#617db0;font-size:20px}.corner-spark{display:none}.alert.capsule{border-radius:24px}.alert.slab{border-radius:10px;padding:18px 20px;min-width:220px;background:linear-gradient(120deg,#f3faffbb,#ecf0ff86 60%,#ffd6c485);box-shadow:inset 1px 1px 0 #fff,3px 4px 0 #e5ecf044,0 14px 30px #28466444;transform:perspective(700px) rotateY(-9deg)}.alert.slab .mark{border-radius:8px;width:34px;height:34px;flex-basis:34px}.alert.ribbon{border-radius:0 12px 12px 0;min-width:220px;border-left:3px solid #fff;box-shadow:-5px 0 15px #ffedde80,0 8px 22px #29405b30}.alert.ribbon .mark{display:none}.alert.seal{flex-direction:column;text-align:center;gap:6px;min-width:140px;padding:12px 20px 16px;border-radius:48% 48% 18px 18px;background:radial-gradient(ellipse at 50% 0%,#fffadcce,#fff7 45%,#d8dcff99);overflow:visible;box-shadow:0 0 25px #f3cae98f,0 9px 27px #233d5b22}.alert.seal .mark{width:39px;height:39px;flex-basis:39px;border:0;box-shadow:0 0 14px #fff9;font-size:26px}.alert.seal .copy strong{font-size:clamp(12px,3.5cqw,18px)}.alert.receipt{align-items:flex-start;min-width:215px;max-width:330px;border-radius:8px;padding:15px 18px 23px;border-bottom:2px dashed #faffff88}.alert.receipt .copy{width:100%}.alert.receipt .mark{display:none}.alert.receipt .copy>span{padding-bottom:7px;margin-bottom:8px;border-bottom:1px solid #748ca63a}.alert.plaque{border-radius:6px;text-align:center;min-width:210px;justify-content:center;border:3px double #fff9;background:linear-gradient(140deg,#ecf6ffbb,#dde6fa80);padding:13px 22px}.alert.plaque .mark{display:none}.alert.plaque .corner-spark{display:block;position:absolute;right:6px;top:4px;color:#fff;text-shadow:0 0 8px #fff;font-size:11px}.progress{display:none;margin-top:8px;border-radius:3px;height:3px;background:#40648c22}.progress i{display:block;height:100%;width:65%;background:#6076ac;border-radius:3px}.alert.milestone .progress{display:block}.alert.enter{animation:arrive .72s cubic-bezier(.16,1,.3,1) both}.alert.quiet.enter{animation:soft .35s ease-out both}@keyframes arrive{from{opacity:0;translate:0 -16px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes soft{from{opacity:0}to{opacity:1}}.summary{display:flex;justify-content:space-between;gap:18px;align-items:center}.summary p{font-size:12px;margin:0;color:#65758d}.summary>span{border-radius:15px;background:#dde8f5;padding:8px 12px;font-size:10px;white-space:nowrap}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;padding-top:13px;border-top:1px solid #cfdae6}.details b{font-size:11px}.details p{font-size:11px;margin:5px 0;color:#64738b}.controls>label{display:block;font-size:12px;margin-top:15px}.controls select,.controls input:not([type=checkbox]),.controls textarea{display:block;width:100%;border:1px solid #c8d7e6;background:#faffff;padding:10px;border-radius:8px;margin-top:7px;resize:vertical;font-size:12px}.controls .check{display:flex;gap:8px;align-items:center}.controls .check input{accent-color:#6986b5}.priority{border-top:1px solid #cedae7;border-bottom:1px solid #cedae7;margin-top:22px;padding:17px 0}.priority b{font-size:13px}.priority p,.note{font-size:12px;color:#64738b;margin:7px 0}.note{margin-top:16px}.priority p{color:#344f70}footer{height:34px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#7b899e}@media(max-width:1100px){main{grid-template-columns:190px minmax(300px,1fr) 200px;gap:16px;padding:18px}.details{gap:8px}.summary{align-items:start;flex-direction:column;gap:8px}aside h1{font-size:25px}}@media(max-width:850px){main{height:auto;grid-template-columns:1fr;padding:20px}.intro{max-width:500px}#directions{grid-template-columns:repeat(2,1fr)}.stage-area{height:380px;flex:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.controls h2,.priority,.note{grid-column:1/-1}header p{display:none}footer{height:auto;padding:16px}.summary{flex-direction:row}.details{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.alert.enter,.alert.quiet.enter{animation:none}}