@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+JP:wght@400;600;800&display=swap";:root{--bg:#07060d;--surface:#141222b8;--surface-hi:#201c36eb;--line:#ffffff14;--text:#f2f0fa;--muted:#9a95b4;--sol-purple:#9945ff;--sol-green:#14f195;--sol-cyan:#00d1ff;--amber:#ffb547;--red:#ff5d6c;--grad:linear-gradient(135deg, var(--sol-purple), var(--sol-cyan) 55%, var(--sol-green));--radius:20px;--display:"Space Grotesk", "Noto Sans JP", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--travel:.9s;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(1px 1px at 1px 1px, #ffffff0f 1px, transparent 0) 0 0 / 28px 28px, var(--bg);min-height:100vh;margin:0;overflow-x:hidden}.shell{max-width:1120px;margin:0 auto;padding:28px 20px 48px;position:relative}.bg-glow{filter:blur(40px);pointer-events:none;z-index:-1;background:radial-gradient(40% 60% at 20% 30%,#9945ff47,#0000 70%),radial-gradient(35% 50% at 80% 20%,#14f1952e,#0000 70%);height:70vh;animation:14s ease-in-out infinite alternate drift;position:fixed;inset:-20% -10% auto}@keyframes drift{to{transform:translateY(4%)scale(1.05)}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.top-right{align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--grad);color:#07060d;border-radius:16px;place-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:800;display:grid;box-shadow:0 10px 40px -10px #9945ffcc}h1{font-family:var(--display);letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);line-height:1}.tagline{color:var(--muted);margin:6px 0 0;font-size:.9rem}.pill{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.pill strong{font-family:var(--display);display:block}.pill-sub{font-family:var(--mono);color:var(--muted);font-size:.72rem}.slot-now{color:var(--text);animation:tick .8s var(--ease);display:inline-block}.pill-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.pill-ok{border-color:#14f19566;box-shadow:0 0 30px -8px #14f19599}.pill-ok .pill-dot{background:var(--sol-green);animation:1.8s infinite ping}.pill-warn .pill-dot{background:var(--amber)}.pill-ng{border-color:#ff5d6c80}.pill-ng .pill-dot{background:var(--red)}@keyframes ping{0%{box-shadow:0 0 #14f195b3}70%,to{box-shadow:0 0 0 10px #14f19500}}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:transform .3s var(--ease), color .2s;border-radius:50%;font-size:1.1rem}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--text);transform:rotate(60deg)}.settings{border:1px solid var(--line);background:var(--surface);animation:rise .35s var(--ease);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.settings-actions{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;padding:20px;position:relative}h2{font-family:var(--mono);letter-spacing:.16em;color:var(--muted);margin:0 0 12px;font-size:.72rem;font-weight:700}input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);font:inherit;background:#00000059;border-radius:12px;flex:240px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#9945ffb3;outline:none;box-shadow:0 0 0 3px #9945ff40}.link-btn{color:var(--sol-cyan);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.85rem}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{color:var(--muted);cursor:progress}button:focus-visible,a:focus-visible{outline:2px solid var(--sol-cyan);outline-offset:3px}.stage-card{margin-bottom:16px;padding:28px 20px 22px;overflow:hidden}.stage{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;min-height:250px;display:grid;position:relative}.rail{background:#ffffff12;border-radius:4px;height:4px;margin-top:-2px;position:absolute;top:50%;overflow:hidden}.rail-left{left:16.67%;right:50%}.rail-right{left:50%;right:16.67%}.rail:after{content:"";background:repeating-linear-gradient(90deg, var(--sol-green) 0 14px, transparent 14px 28px);opacity:0;transition:opacity .3s;position:absolute;inset:0}.rail.active:after{opacity:.9;animation:.45s linear infinite flow}.rail.reverse:after{background:repeating-linear-gradient(90deg, var(--sol-cyan) 0 14px, transparent 14px 28px);animation-direction:reverse}@keyframes flow{to{background-position:28px 0}}.coin{z-index:3;background:radial-gradient(circle at 30% 30%, #b9ffe2, var(--sol-green) 45%, #0b8f5a);color:#053;width:38px;height:38px;top:50%;left:var(--from);opacity:0;animation:travel var(--travel) var(--ease) forwards;border-radius:50%;place-items:center;margin:-19px 0 0 -19px;font-weight:800;display:grid;position:absolute;box-shadow:0 0 24px #14f195cc}@keyframes travel{0%{left:var(--from);opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1)}78%{left:var(--to);opacity:1;transform:scale(1)}to{left:var(--to);opacity:0;transform:scale(2.2)}}.coin-cyan{background:radial-gradient(circle at 30% 30%, #c9f6ff, var(--sol-cyan) 45%, #00729a);box-shadow:0 0 24px #00d1ffcc}@keyframes spin{to{transform:rotate(360deg)}}.node{z-index:2;border:1px solid var(--line);background:var(--surface-hi);width:min(170px,100%);min-width:0;transition:all .6s var(--ease);border-radius:18px;justify-items:center;gap:2px;padding:14px 10px;display:grid;position:relative}.node-role{color:var(--muted);font-size:.75rem}.node-balance{font-family:var(--mono);animation:tick .9s var(--ease);align-items:baseline;gap:4px;font-size:clamp(.95rem,.8rem + .8vw,1.3rem);font-weight:700;display:flex}.node-balance small{color:var(--muted);font-size:.65rem}.node-addr{font-family:var(--mono);color:var(--muted);font-size:.7rem;text-decoration:none}a.node-addr:hover{color:var(--sol-cyan)}.node.glow{border-color:#14f195b3;transform:translateY(-4px)scale(1.04);box-shadow:0 0 50px -8px #14f195e6}.node-payer.glow{border-color:#00d1ffb3;box-shadow:0 0 50px -8px #00d1ffe6}@keyframes tick{0%{color:var(--sol-green);text-shadow:0 0 18px #14f195e6;transform:translateY(-3px)}}.vault{z-index:2;aspect-ratio:1;place-items:center;width:min(200px,100%);display:grid;position:relative}.gate{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gate-track{fill:#0a0914e6;stroke:#ffffff12;stroke-width:10px}.gate-scan{fill:none;stroke:var(--sol-purple);stroke-width:10px;stroke-linecap:round;transform-origin:70px 70px;filter:drop-shadow(0 0 6px var(--sol-purple));animation:.9s linear infinite spin}.gate-fill{fill:none;stroke:url(#gate-grad);stroke-width:10px;stroke-linecap:round;stroke-dashoffset:var(--circ);animation:fill 1s var(--ease) forwards}.vault.stop .gate-fill{stroke:var(--amber)}@keyframes fill{to{stroke-dashoffset:var(--dash-to)}}.gate-tick{stroke:var(--text);stroke-width:2px;opacity:.55}.vault-core{text-align:center;justify-items:center;gap:1px;display:grid;position:relative}.vault-label{color:var(--muted);font-size:.7rem}.vault-amount{font-family:var(--display);animation:tick .9s var(--ease);font-size:clamp(1.2rem,.9rem + 1.2vw,1.7rem);font-weight:700}.vault-judge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.vault.pass .vault-judge{color:var(--sol-green)}.vault.stop .vault-judge{color:var(--amber)}.vault-lock{font-size:1.3rem;animation:.4s cubic-bezier(.2,1.6,.4,1) drop;position:absolute;top:-30px}@keyframes drop{0%{opacity:0;transform:translateY(-14px)scale(1.6)}}.phase-judging .vault{animation:.9s ease-in-out infinite hum}@keyframes hum{50%{filter:drop-shadow(0 0 22px #9945ffb3)}}.source{white-space:nowrap;border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#0006;border-radius:999px;padding:2px 10px;font-size:.65rem;position:absolute;bottom:-26px}.source-jev{color:var(--sol-green);border-color:#14f19580}.stage-stamp{z-index:4;border:3px solid var(--amber);color:var(--amber);font-family:var(--display);letter-spacing:.14em;background:#07060dbf;border-radius:10px;padding:6px 18px;font-size:clamp(1.4rem,1rem + 2vw,2.2rem);font-weight:700;animation:.45s cubic-bezier(.2,1.6,.4,1) stamp;position:absolute;top:8px;left:50%;transform:translate(-50%)rotate(-7deg);box-shadow:0 0 40px -10px #ffb547b3}@keyframes stamp{0%{opacity:0;transform:translate(-50%)rotate(-7deg)scale(2.4)}}.play-count{font-family:var(--display);color:var(--sol-green);animation:pop .5s var(--ease);font-size:1.3rem;font-weight:700}.warn-note{color:var(--amber);margin:4px 0 0;font-size:.75rem}.setup{text-align:center;gap:8px;max-width:520px;margin:28px auto 0;display:grid}.setup-title{margin:0;font-weight:600}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.play{background:var(--grad);color:#07060d;font:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--ease), opacity .2s;border:none;border-radius:999px;align-items:center;gap:14px;padding:14px 26px 14px 16px;animation:2.4s ease-in-out infinite breathe;display:flex;box-shadow:0 14px 40px -12px #9945ffe6}.play strong{font-size:1.1rem;display:block}.play small{opacity:.8;font-size:.75rem;display:block}.play-icon{width:44px;height:44px;color:var(--sol-green);background:#07060d;border-radius:50%;place-items:center;font-size:1rem;display:grid}.play.is-running .play-icon{border:3px solid var(--sol-green);border-right-color:#0000;animation:.8s linear infinite spin}.play:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.play:active:not(:disabled){transform:scale(.98)}.play:disabled{cursor:progress;opacity:.85;animation:none}@keyframes breathe{50%{box-shadow:0 14px 50px -6px #14f195bf}}.chips{gap:6px;display:flex}.chip-btn{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.8rem;transition:all .2s}.chip-btn:hover:not(:disabled){color:var(--text);border-color:var(--sol-purple);background:#9945ff26}.chip-btn:disabled{opacity:.35;cursor:progress}.bottom{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.card-result{overflow:hidden}.result{text-align:center;align-content:center;justify-items:center;gap:6px;min-height:230px;display:grid;position:relative}.result-kicker{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:.75rem}.result-hero{align-items:baseline;gap:6px;display:flex}.result-number{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.6rem,2.6rem + 5vw,6rem);font-weight:700;line-height:1}.result-win .result-number{filter:drop-shadow(0 0 30px #14f19573);animation:pop .6s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.result-number.ghost{color:#ffffff14;background:0 0}.result-number.live{color:var(--text);background:0 0}.result-number.zero{color:var(--amber);animation:pop .5s var(--ease);background:0 0}.result-unit{font-family:var(--mono);color:var(--muted)}.pulse-bar{background:var(--grad);background-size:200% 100%;border-radius:4px;width:70%;height:4px;animation:.8s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.speedup{margin:4px 0 8px;font-size:1.05rem}.speedup strong{color:var(--sol-green);font-family:var(--display);font-size:1.4rem}.race{gap:8px;width:100%;margin-bottom:4px;display:grid}.race-row{grid-template-columns:84px 1fr 64px;align-items:center;gap:8px;font-size:.78rem;display:grid}.race-label{text-align:left;color:var(--muted)}.race-value{text-align:right;font-family:var(--mono)}.race-track{background:#ffffff0d;border-radius:10px;height:10px;overflow:hidden}.race-bar{width:0;height:100%;animation:grow .5s var(--ease) forwards;border-radius:10px}.race-ours{background:var(--sol-green);box-shadow:0 0 12px var(--sol-green)}.race-theirs{background:#ffffff40;animation-duration:2.4s;animation-timing-function:linear}@keyframes grow{to{width:var(--w)}}.stopped-text{margin:4px 0 0;font-weight:600}.result-error .result-kicker{color:var(--red)}.timeline{gap:2px;margin:0;padding:0;list-style:none;display:grid}.tl{border-bottom:1px dashed var(--line);animation:slide .45s var(--ease);grid-template-columns:14px 1fr auto auto;align-items:center;gap:4px 10px;padding:8px 0 8px 2px;display:grid;position:relative}@keyframes slide{0%{opacity:0;transform:translate(-12px)}}.tl-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.tl-ok .tl-dot{background:var(--sol-green);box-shadow:0 0 10px var(--sol-green)}.tl-warn .tl-dot{background:var(--amber)}.tl-error .tl-dot{background:var(--red)}.tl-label{font-size:.88rem;font-weight:600}.tl-detail{color:var(--muted);font-size:.75rem;font-family:var(--mono);overflow-wrap:anywhere;grid-area:2/2/auto/-1}.tl-ms{font-family:var(--mono);color:var(--sol-green);font-weight:700}.tl-link{font-family:var(--mono);color:var(--sol-cyan);font-size:.75rem;text-decoration:none}.tl-link:hover{text-decoration:underline}.timeline-empty{color:var(--muted);margin:0;font-size:.85rem}.confetti{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{opacity:0;border-radius:2px;width:8px;height:14px;animation-name:fall;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{opacity:0;transform:translate3d(var(--drift), 320px, 0) rotate(var(--rot))}}code{font-family:var(--mono);font-size:.82rem}.hint{color:var(--muted);margin:0;font-size:.8rem}.error{color:var(--red);margin:0;font-size:.85rem}.foot{text-align:center;color:var(--muted);margin-top:24px;font-size:.78rem}@media (width<=760px){.shell{padding:20px 14px 40px}.bottom{grid-template-columns:1fr}.stage{min-height:210px}.stage-card{padding:24px 10px 20px}.stage{column-gap:6px}.node{border-radius:14px;padding:10px 4px}.node.glow{transform:none}.node-balance{font-size:.9rem}.vault-amount{font-size:1.05rem}.vault-label,.vault-judge{font-size:.6rem}.coin{width:30px;height:30px;margin:-15px 0 0 -15px;font-size:.8rem}.source{text-overflow:ellipsis;max-width:92vw;font-size:.58rem;overflow:hidden}.play{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}