:root{--bg:#07090c;--text:#d7f4f1;--text-dim:#7f9c98;--accent:#7ee0dc;--accent-ink:#041416;--border:#7ee0dc47;--radius:2px;--font-ui:"Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#7ee0dc8c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius);background:#7ee0dc47;border:1px solid #7ee0dc8c}::-webkit-scrollbar-thumb:hover{background:#7ee0dc80}::-webkit-scrollbar-corner{background:0 0}html,body{background:radial-gradient(circle at 18% 0%, #122024 0%, transparent 46%), var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);margin:0;font-size:20px;line-height:1.45;overflow:hidden}body{place-items:center;min-height:100dvh;display:grid}a{color:var(--accent)}.planet-backdrop{z-index:0;pointer-events:none;position:fixed;bottom:0;right:0}.stage{z-index:2;flex-direction:column;gap:.85rem;width:min(40rem,100% - 2rem);max-height:calc(100dvh - 2rem);display:flex;position:relative}.wrap{border:1px solid var(--border);border-radius:var(--radius);background:#080e10f0;flex-direction:column;flex:auto;width:auto;min-height:0;max-height:none;margin:0;padding:1.1rem 1.25rem 1.15rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #7ee0dc59,0 0 28px #7ee0dc38,0 16px 40px #0000008c,inset 0 1px #bef5f029,inset 0 0 22px #7ee0dc0d}.wrap:before{content:"";pointer-events:none;background:linear-gradient(#7ee0dc,#7ee0dc) 0 0/12px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 0/1px 12px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 0/12px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 0/1px 12px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 100%/12px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 100%/1px 12px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 100%/12px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 100%/1px 12px no-repeat;position:absolute;inset:0}.card__scroll{min-height:0;overflow:auto}.nav{flex-wrap:wrap;flex:none;gap:.8rem 1.2rem;margin:0 0 .4rem;padding:0;font-weight:600;list-style:none;display:flex}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}h1,h2{letter-spacing:.02em;font-weight:700;line-height:1.15}h1{margin:.4rem 0 .6rem;font-size:3rem}h2{margin:2rem 0 .4rem;font-size:1.4rem}.lead{font-size:1.25rem}.play{background:var(--accent);width:100%;color:var(--accent-ink);text-align:center;border-radius:var(--radius);flex:none;justify-content:center;align-items:center;margin:0;padding:.85rem 3.4rem;font-weight:700;text-decoration:none;display:flex;position:relative;box-shadow:0 0 22px #7ee0dc59,inset 0 1px #ffffff73}.play:hover{filter:brightness(1.08);text-decoration:none}.play__rocket{width:2.3rem;height:1.3rem;fill:var(--accent-ink);position:absolute;right:.95rem}.play__port{fill:var(--accent)}.age,.tip p,.faq dd{color:var(--text-dim)}.faq dt{margin-top:1.1rem;font-weight:700}.faq dd{margin:.2rem 0 0}.tip__row{flex-wrap:nowrap;align-items:center;gap:.5rem;margin:.6rem 0 0;display:flex}.tip__row form{align-items:center;gap:.5rem;margin:0;display:flex;position:relative}.tip__note{margin:.45rem 0 0}.tip a,.tip button,.tip__amount{border:1px solid var(--border);height:2.4rem;color:var(--text);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.2em .8rem 0;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.tip button:not(.tip__pay):hover{border-color:var(--accent)}.tip button.tip__pay{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border:0;flex:none;font-weight:700;box-shadow:0 0 22px #7ee0dc59,inset 0 1px #ffffff73}.tip button.tip__pay:hover{filter:brightness(1.08)}.tip__amount{cursor:text;gap:.45rem}.tip__amount:focus-within{border-color:var(--accent)}.tip__amount input{width:7.6em;color:inherit;font:inherit;cursor:text;background:0 0;border:0;margin:0;padding:0;font-weight:600;line-height:1}.tip__amount input:focus{outline:none}.tip__amount input::placeholder{color:var(--text-dim);font-weight:500}.tip__amount span{flex:none}.tip [data-error]{color:#e07a7a;white-space:nowrap;margin:0;font-size:.9rem;position:absolute;top:calc(100% + .2rem);left:0}.reel{z-index:1;pointer-events:none;width:min(16vw,11.5rem);position:fixed;top:0;bottom:0;overflow:hidden}.reel--left{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 28%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 28%,#0000 100%)}.reel--right{right:0;-webkit-mask-image:linear-gradient(270deg,#000 0% 28%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 28%,#0000 100%)}.reel:before,.reel:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.reel:before{background:linear-gradient(to bottom, var(--bg), transparent 12%, transparent 88%, var(--bg))}.reel:after{opacity:.55;mix-blend-mode:screen;background:repeating-linear-gradient(#7ee0dc29 0 1px,#0000 1px 3px)}.reel__track{flex-direction:column;animation:70s linear infinite reel-up;display:flex}.reel--right .reel__track{animation-name:reel-down;animation-duration:84s}.holo{aspect-ratio:3/4;background:#041014;flex:none;margin:0 .7rem .85rem;position:relative;overflow:hidden;box-shadow:0 0 14px #7ee0dc59,inset 0 0 18px #7ee0dc33}.holo img{object-fit:cover;object-position:center 18%;filter:sepia(.15)hue-rotate(155deg)saturate(.55)brightness(1.12)contrast(1.05);width:100%;height:100%;display:block}.holo:before{content:"";z-index:1;background:linear-gradient(#7ee0dc,#7ee0dc) 0 0/10px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 0/1px 10px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 0/10px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 0/1px 10px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 100%/10px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 0 100%/1px 10px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 100%/10px 1px no-repeat,linear-gradient(#7ee0dc,#7ee0dc) 100% 100%/1px 10px no-repeat;position:absolute;inset:0}@keyframes reel-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes reel-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (width<=960px){.reel{display:none}}@media (width<=840px){html,body{font-size:16px}.stage{gap:.65rem;width:calc(100% - 1.25rem)}.wrap{padding:.85rem .9rem .95rem}.nav{gap:.35rem .85rem}h1{margin:.15rem 0 .4rem;font-size:2.15rem}h2{margin:1.25rem 0 .3rem;font-size:1.15rem}.lead{font-size:1.05rem}p{margin:.55rem 0}.play{padding:.7rem 2.6rem}.play__rocket{width:1.85rem;height:1.05rem;right:.7rem}.tip__row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.45rem;display:grid}.tip__row form{flex-direction:column;grid-column:1/-1;align-items:stretch}.tip__row>button,.tip__amount,.tip button.tip__pay{width:100%}.tip__amount input{flex:auto;width:auto;min-width:0}.tip [data-error]{white-space:normal;margin-top:.35rem;position:static}}@media (prefers-reduced-motion:reduce){.reel__track{animation:none}}