:root{--navy:#0C2340;--chalk:#D3E3F4;--faded:#93ACC9;--magenta:#FF4FA3;--deep:#081A31;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--navy);color:var(--chalk);font-family:"Lexend Exa",system-ui,sans-serif;font-weight:400;overflow-x:clip;display:flex;flex-direction:column;}.sheet{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:grid;gap:10px;grid-template-columns:minmax(0,1fr);align-content:center;}.copy{display:flex;flex-direction:column;gap:8px;min-width:0}.logo{display:block;width:clamp(52px,12vw,96px);height:auto;aspect-ratio:1;border-radius:14px}h1{font-family:"Krona One",system-ui,sans-serif;font-weight:400;font-size:clamp(1.25rem,0.85rem + 2.1vw,2.55rem);line-height:1.16;letter-spacing:-0.01em;color:#fff;max-width:17ch;overflow-wrap:break-word;}h1 em{font-style:normal;color:var(--magenta)}.sub{font-size:clamp(0.78rem,0.72rem + 0.35vw,1rem);line-height:1.5;color:var(--faded);max-width:40ch;}.sub strong{color:var(--chalk);font-weight:600}.plate{display:flex;flex-direction:column;align-items:center;min-width:0}.plate svg{display:block;width:100%;max-width:560px;height:auto;max-height:44dvh;overflow:visible}.plate svg text{font-family:"Lexend Exa",system-ui,sans-serif}.t{font-size:10px;font-weight:600;fill:var(--chalk);letter-spacing:.02em}.s{font-size:9px;fill:var(--faded)}.ln{fill:none;stroke:var(--chalk);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.ld{fill:none;stroke:var(--faded);stroke-width:.8}.node{fill:var(--navy);stroke:var(--chalk);stroke-width:1.4}.hot{fill:var(--navy);stroke:var(--magenta);stroke-width:1.8}.slot{stroke:var(--faded);stroke-width:1.2}.slot.on{stroke:var(--magenta);stroke-width:2}.tip{fill:var(--chalk)}.tip.on{fill:var(--magenta)}.live{fill:none;stroke:var(--magenta);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:run 1.8s cubic-bezier(.16,1,.3,1) .35s forwards;}@keyframes run{to{stroke-dashoffset:0}}.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;margin-top:2px;border-radius:12px;background:var(--magenta);color:var(--navy);font-family:"Lexend Exa",system-ui,sans-serif;font-weight:600;font-size:clamp(0.9rem,0.84rem + 0.3vw,1.05rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1);}.btn-start .n{font-size:.72em;opacity:.8}.btn-start:active{transform:scale(.97)}.btn-start:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (hover: hover){.btn-start:hover{transform:translateY(-2px)}}footer{width:100%;max-width:1180px;margin:0 auto;padding:6px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-size:.7rem;color:var(--faded);border-top:1px solid var(--deep);}@media (min-width:900px){.sheet{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);align-items:center;align-content:center;gap:48px;padding-top:32px}.copy{gap:22px}.plate svg{max-height:68dvh}}@media (prefers-reduced-motion: reduce){.live{animation:none;stroke-dashoffset:0}.btn-start{transition:none}}