.y3{--bg:#030712;--iv:#e0e7ff;--sk:#38bdf8;--in:#818cf8;color:var(--iv);background:var(--bg);font-family:Space Mono,Zen Kaku Gothic New,monospace;overflow-x:clip}.y3 :focus-visible{outline:2px solid var(--sk);outline-offset:2px}.y3 button,.y3 input{color:inherit;font-family:inherit}.y3 button{cursor:pointer}.y3-head{background:radial-gradient(ellipse at 50% 0%, #1a2a6a, var(--bg) 70%);padding:calc(48px + 1rem) clamp(1rem,4vw,3rem) 1rem}.y3-bar{letter-spacing:.15em;color:var(--sk);flex-wrap:wrap;gap:.3rem 1.6rem;font-size:.62rem;display:flex}.y3-head h1{background:linear-gradient(#fff 0%,#a5b4fc 30%,#1e1b4b 52%,#38bdf8 62%,#fff 100%);color:#0000;filter:drop-shadow(0 0 18px #38bdf880);-webkit-background-clip:text;background-clip:text;margin-top:.6rem;font-family:Bungee,Space Mono,sans-serif;font-size:clamp(2.4rem,11vw,7rem);font-weight:400;line-height:.95}.y3-head h1 span{letter-spacing:.1em;display:block}.y3-lead{color:#aab4e8;max-width:36rem;margin-top:.8rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.86rem;line-height:1.8}.y3-foundry{max-width:68rem;margin:0 auto;padding:.6rem clamp(.6rem,3vw,1.6rem) 2.4rem}.y3-pick{flex-wrap:wrap;gap:.4rem;display:flex}.y3-pick button{background:#0a1230;border:1px solid #3a4a9a;border-radius:.2rem;padding:.35rem .8rem;font-size:.7rem}.y3-pick button:hover{border-color:var(--sk)}.y3-pick button[aria-pressed=true]{background:var(--sk);color:#031024;border-color:var(--sk)}.y3-pick button.is-done:after{content:" ★";color:#ffe27a}.y3-pick button[aria-pressed=true].is-done:after{color:#031024}.y3-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1.2rem;margin-top:1rem;display:grid}.y3-view{aspect-ratio:4/3;background:#02040c;border:2px solid #3a4a9a;position:relative;overflow:hidden;box-shadow:0 0 30px #38bdf840}.y3-view canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.y3-view canvas:first-child{touch-action:none;cursor:crosshair}.y3-holo{pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .8s}.y3-holo.is-on{opacity:1}.y3-tag{letter-spacing:.15em;color:var(--sk);pointer-events:none;background:#0009;padding:0 .5rem;font-size:.62rem;position:absolute;top:.4rem;left:.5rem}.y3-panel{gap:.8rem;min-width:0;display:grid}.y3-iou{background:#0a1230;border:1px solid #3a4a9a;padding:.7rem .9rem;font-size:.78rem}.y3-iou b{color:var(--sk);font-family:Bungee,sans-serif;font-size:2rem;font-weight:400}.y3-bar2{background:#000;border:1px solid #3a4a9a;height:.6rem;margin-top:.3rem;position:relative}.y3-bar2 i{background:linear-gradient(90deg,#818cf8,#38bdf8,#e0e7ff);height:100%;transition:width .15s;display:block}.y3-bar2 s{background:#fff;width:2px;position:absolute;top:-4px;bottom:-4px;left:62%}.y3-hold{color:#aab4e8;margin-top:.3rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.74rem}.y3-as{grid-template-columns:auto 2.6rem 1fr;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.y3-as output{text-align:right;color:var(--sk)}.y3-as input{width:100%;accent-color:var(--sk)}.y3-btns{flex-wrap:wrap;gap:.5rem;display:flex}.y3-btns button{background:#0a1230;border:1px solid #3a4a9a;padding:.5rem 1rem;font-size:.78rem}.y3-btns button:hover{border-color:var(--sk)}.y3-btns button[aria-pressed=true]{border-color:var(--sk);color:var(--sk);background:#14224a}.y3-msg{border-left:4px solid var(--sk);background:#05091c;min-height:2.8rem;padding:.4rem .7rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.8rem;font-weight:700;line-height:1.7}.y3-result{border:2px solid var(--sk);background:linear-gradient(135deg,#1e1b4b,#0a1a4a);padding:.8rem 1rem;font-family:Zen Kaku Gothic New,sans-serif}.y3-result[hidden]{display:none}.y3-stars{letter-spacing:.1em;color:#ffe27a;font-size:1.3rem}.y3-result b{margin-top:.2rem;font-size:1rem;display:block}.y3-result small{color:#aab4e8;margin-top:.3rem;font-size:.74rem;line-height:1.7;display:block}.y3-prog{color:var(--sk);font-size:.78rem}.y3-done{text-align:center;color:#031024;background:linear-gradient(90deg, var(--sk), var(--in));padding:.8rem;font-family:Zen Kaku Gothic New,sans-serif;font-weight:900}.y3-done[hidden]{display:none}.y3-sec{border-top:1px solid #3a4a9a;padding:clamp(2.4rem,6vh,4rem) clamp(1rem,5vw,4rem)}.y3-sec-2{background:#060d24}.y3-wrap{max-width:62rem;margin-inline:auto}.y3-k{letter-spacing:.2em;background:var(--sk);color:#031024;padding:.05rem .9rem;font-size:.7rem;display:inline-block}.y3-h2{margin-top:.5rem;font-family:Bungee,Zen Kaku Gothic New,sans-serif;font-size:clamp(1.3rem,3.6vw,2rem);font-weight:400;line-height:1.4}.y3-plain{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;margin-top:1rem;list-style:none;display:grid}.y3-plain li{border:1px solid #3a4a9a;gap:.15rem;padding:.4rem;display:grid}.y3-plain img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.y3-plain b{margin-top:.3rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.72rem;line-height:1.4}.y3-plain small{color:#aab4e8;font-family:Zen Kaku Gothic New,sans-serif;font-size:.62rem}.y3-two{grid-template-columns:1fr minmax(18rem,26rem);align-items:start;gap:clamp(1.6rem,5vw,4rem);display:grid}.y3-text{color:#cfd8f8;max-width:30rem;margin-top:.8rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.9rem;line-height:2}.y3-small{color:#aab4e8;margin-top:.8rem;font-size:.72rem}.y3-menu{border-top:2px solid var(--in);margin-top:.8rem;list-style:none}.y3-menu li{border-bottom:1px solid #3a4a9a;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid}.y3-menu b{font-family:Zen Kaku Gothic New,sans-serif;display:block}.y3-menu small{color:#aab4e8;font-family:Zen Kaku Gothic New,sans-serif;font-size:.66rem}.y3-menu em{color:var(--sk);white-space:nowrap;font-style:normal}.y3-sns{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;list-style:none;display:flex}.y3-sns a{color:#031024;background:linear-gradient(90deg, var(--sk), var(--in));padding:.6rem 1.6rem;font-size:.8rem;text-decoration:none;display:inline-block}.y3-sns a:hover{filter:brightness(1.2)}.y3-foot{color:#aab4e8;border-top:1px solid #3a4a9a;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);font-size:.68rem;display:flex}.y3-foot a{color:var(--sk)}@media (width<=860px){.y3-grid,.y3-two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.y3-holo{transition:none}}
