.pl{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#17407a,#0a2145 45%,#050f24);color:#dbe6f7;position:relative;overflow:hidden;display:grid;place-items:center;padding:70px 20px 60px}#stars{position:absolute;inset:0;width:100%;height:100%}.floaters span{position:absolute;bottom:-60px;left:var(--x);font-size:2rem;opacity:.55;animation:rise var(--dur) linear var(--del) infinite;filter:drop-shadow(0 6px 10px rgb(0 0 0 / 40%))}@keyframes rise{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-115vh) rotate(360deg)}}.pl .back{position:absolute;top:18px;left:20px;z-index:5;font-weight:600;font-size:.92rem;color:#b8c9e4}.pl .back:hover{color:var(--gold-2)}.stage{position:relative;z-index:3;width:min(640px,100%);text-align:center;background:#081d3b9e;backdrop-filter:blur(18px);border:1px solid rgb(255 255 255 / 14%);border-radius:32px;padding:clamp(28px,5vw,52px);box-shadow:0 40px 90px -30px #000}.stage:before{content:"";position:absolute;inset:-2px;border-radius:34px;padding:2px;background:conic-gradient(from var(--a, 0deg),transparent 0 60%,var(--gold) 80%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin{to{--a: 360deg}}.seal{background:#fff;border:0;border-radius:50%;width:130px;height:130px;display:grid;place-items:center;margin:-96px auto 14px;cursor:pointer;box-shadow:0 0 0 8px #c8a54b4d,0 20px 40px -10px #000;animation:bob 4s ease-in-out infinite;transition:transform .2s}.seal:active{transform:scale(.92) rotate(-8deg)}.seal img{width:108px;height:108px;object-fit:contain}@keyframes bob{50%{transform:translateY(-8px) rotate(3deg)}}.pill{display:inline-block;background:#c8a54b2e;color:var(--gold-2);border:1px solid rgb(200 165 75 / 40%);padding:6px 16px;border-radius:999px;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.stage h1{color:#fff;font-size:clamp(1.9rem,5vw,2.9rem);margin:18px 0 10px}.stage h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold-2),#fff,var(--gold-2));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% 0}}.sub{color:#b8c9e4;max-width:46ch;margin:0 auto 22px}.term{text-align:left;background:#050d1d;border:1px solid rgb(255 255 255 / 10%);border-radius:14px;overflow:hidden;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}.term .bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#0b1a34;color:#7f93b5}.term .bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.term .bar i:nth-child(2){background:#febc2e}.term .bar i:nth-child(3){background:#28c840}.term .bar span{margin-left:8px;font-size:.75rem}.term pre{margin:0;padding:14px 16px;height:148px;overflow:hidden;color:#7ee2a8;white-space:pre-wrap;display:flex;flex-direction:column;justify-content:flex-end}.term pre .w{color:#ffd36e}.term pre:after{content:"▍";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.prog{position:relative;height:16px;border-radius:999px;background:#ffffff1a;margin:20px 0 6px;overflow:hidden}.prog .fill{height:100%;width:0;border-radius:999px;background:repeating-linear-gradient(45deg,var(--gold) 0 12px,var(--gold-2) 12px 24px);background-size:34px 34px;animation:stripes 1s linear infinite;transition:width .8s cubic-bezier(.3,1.4,.5,1)}@keyframes stripes{to{background-position:34px 0}}.prog span{position:absolute;right:10px;top:-1px;font-size:.68rem;font-weight:800;color:#0a2145;mix-blend-mode:normal}.fake{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;text-align:left;margin-top:22px}.fake .f label{display:block;font-size:.75rem;font-weight:700;color:#9fb4d6;margin-bottom:5px}.fake input{width:100%;font:inherit;padding:12px 14px;border-radius:12px;border:1.5px solid rgb(255 255 255 / 16%);background:#ffffff0f;color:#fff}.fake input:focus{outline:none;border-color:var(--gold)}.fake .btn{padding:13px 18px}@media(max-width:600px){.fake{grid-template-columns:1fr}}.shake{animation:shake .45s}@keyframes shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.msg{min-height:1.6em;margin:12px 0 18px;font-weight:600;color:var(--gold-2)}.hint{margin:18px 0 0;font-family:var(--hand);font-size:1.35rem;color:#7f93b5}.confetti{position:fixed;top:0;width:10px;height:14px;z-index:99;pointer-events:none;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(720deg);opacity:.9}}.spark{position:fixed;pointer-events:none;z-index:98;width:8px;height:8px;border-radius:50%;background:var(--gold-2);animation:spk .8s forwards}@keyframes spk{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
