:root{--blue:#c7fa50;--blue2:#abdb34;--ink:#f5f7f9;--muted:#999da6;--line:#373b42;--soft:#202328;--green:#b9ed52;--red:#eb7e85;color-scheme:dark}
body{font-family:Arial,Helvetica,sans-serif;background:#141619;color:#f5f7f9}.app{background:radial-gradient(ellipse at 50% 35%,#28301d55,transparent 60%),#141619}.app-header{border-color:#292c30;height:62px;flex-basis:62px}.brand{gap:11px;color:#fff}.brand-name{font-family:Arial Black,Arial,sans-serif;font-size:25px;font-weight:1000;letter-spacing:-1.5px}.brand-block,.small-block{width:25px;height:25px;display:inline-block;transform:rotate(15deg);background:#c7fa50;position:relative;flex-shrink:0}.brand-block:after,.small-block:after{content:'';position:absolute;inset:9px;background:#141619}.head-mark,.mini-session{color:#9a9fa8!important}.head-mark i,.live-dot{background:#c7fa50;box-shadow:0 0 0 3px #c7fa5012}.edition-link{font-size:9px;letter-spacing:.1em;color:#b5b9c0;text-decoration:none;padding:10px;border:1px solid #3b3e43;border-radius:6px}.btn{background:#c7fa50!important;color:#141619!important;box-shadow:0 5px 0 #76952c,0 12px 28px #b2f32b15!important;border-radius:10px;font-size:16px;font-weight:900;min-height:54px}.btn:hover{background:#d6ff74!important;transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #76952c!important}.btn:disabled{background:#444b38!important;color:#9ca68d!important;box-shadow:none!important}.icon-btn,.text-link,.get-link{color:#bac2ce}.stage-kicker{color:#c7fa50}.stage h1{font-family:Arial Black,Arial,sans-serif;color:#fff;letter-spacing:-.055em}.stage .description{color:#9a9fa8}.stepper .segment{color:#8e939b}.stepper .bubble{background:#252a2e;color:#929aa3;border-color:#41464c}.stepper .active .bubble,.stepper .done .bubble{background:#c7fa50;color:#151913}.stepper .connector{background:#3c4246}
.server{background:#202328;border-color:#393e45;border-radius:12px}.server-details b{color:#f6f8fa}.server-details small{color:#999fa9}.server[aria-pressed="true"]{border-color:#c7fa50;background:#293020;box-shadow:0 0 0 3px #c7fa5010}.server:hover{border-color:#8ca55c}.server-check{background:#252a30;border-color:#555b63}.server[aria-pressed="true"] .server-check{background:#c7fa50;color:#151913;border-color:#c7fa50;box-shadow:none}.flag-disc img{filter:grayscale(1);opacity:.8}.server[aria-pressed="true"] .flag-disc img{filter:grayscale(.5) sepia(.3)}
.code-row,body.activation-page .check-stage .code-row{background:#202328;border-color:#3c4148;box-shadow:0 8px 18px #0002;border-radius:12px}.code-row .code-text{color:#f4f6f8}.code-row .row-number{color:#737c88}.code-row .code-status{color:#8d97a2}.code-row.working,body.activation-page .check-stage .code-row.working{background:#262e20;border-color:#c7fa50;box-shadow:0 0 0 3px #c7fa500a,0 0 25px #c7fa501c}.code-row.complete{border-color:#5d7043}.code-row.valid,body.activation-page .check-stage .code-row.valid{background:#26321f;border-color:#5e823b}.code-row.valid .code-status,.code-row.valid .row-icon,.code-row.complete .code-status{color:#c7fa50}.code-row.invalid,body.activation-page .check-stage .code-row.invalid{background:#322124;border-color:#63363b}.code-row.invalid .code-text{color:#d48b94}.result-hint{background:#28371e;color:#c7fa50}.mini-spinner{border-color:#c7fa50}.activity,body.activation-page .activity{background:#1c2024;border-color:#333b42}.activity-line.current{color:#c7fa50}.activity-head,.activity-line{color:#8d97a2!important}.activity-dot,.activity-line.current .activity-dot{border-color:#b0db59;background:#b0db59;box-shadow:none}.progress-ring{background:conic-gradient(#c7fa50 var(--progress),#30372a var(--progress));box-shadow:0 0 35px #c7fa5020}.progress-ring .progress-inner{background:#191e17;box-shadow:none}.progress-ring:before{background:#c7fa501c}.progress-ring .orbit-art{filter:hue-rotate(205deg) saturate(.4);opacity:.3}.progress-number{color:#eef8de}.progress-caption,.progress-summary{color:#a1af8d}.progress-track{background:#343b2d}.progress-track .fill{background:linear-gradient(90deg,#749f24,#d0ff65);box-shadow:0 0 14px #c7fa5066}
.reward-row,body.activation-page .reward-row{background:#202328;border-color:#3d4248;box-shadow:0 8px 20px #0003}.reward-row .left-code b{color:#f4f6f8}.reward-amount strong{color:#f4f6f8}.reward-amount em{color:#abb39e}.reward-row.rare,body.activation-page .reward-row.rare{background:linear-gradient(130deg,#302b1d,#202328);border-color:#9c803c}.rare-label{background:#5c461d;color:#ffe1a1}.rare-toast{background:#28251c;border-color:#ad8e46}.total-panel{background:#252d1e;border-color:#485535}.total-panel label,.total-panel p{color:#b0be9b}.total-big strong{color:#c7fa50}.reward-amount img,.total-big img{object-fit:contain;filter:none}.scan-note,.disclaimer,.independent{color:#929b8b!important}.success-art:before{background:radial-gradient(ellipse,#b6f43d20,transparent 70%)}.success-stage h1 span{color:#c7fa50}.success-check{background:#c7fa50;color:#151913;border-color:#141619}.success-stage .description{color:#a1aaa0}.toast{background:#c7fa50;color:#141619}.get-link{padding:9px}.rare-toast-art{filter:sepia(.4)}
/* Hero composition from generated art direction. */
.roby-landing{width:min(100% - 36px,1120px);margin:auto;flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(100px,1fr) auto;text-align:center;padding:16px 0 14px}.eyebrow{font-size:9px;letter-spacing:.28em;color:#929aa4;font-weight:800;margin:0 0 10px}.roby-copy h1{font-family:Arial Black,Arial,sans-serif;font-size:clamp(34px,9.8vw,63px);font-weight:1000;line-height:.97;letter-spacing:-.065em;margin:0;color:#f7f8f9}.roby-copy h1 span{color:#c7fa50}.roby-lede{color:#a2a7ad;font-size:11px;margin:10px 0 0}.roby-hero{position:relative;min-height:0;isolation:isolate;display:grid;place-items:center}.pack-hero{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;filter:drop-shadow(0 16px 23px #0006);animation:pack-float 6s ease-in-out infinite}.hero-halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#b6ee3324,transparent 68%);z-index:-1}.hero-stamp{position:absolute;bottom:5%;font-size:7px;letter-spacing:.22em;color:#b6c397;transform:rotate(-3deg);padding:6px 9px;border:1px solid #839c4344;background:#1d251bcc}.roby-form{width:min(100%,430px);margin:0 auto;text-align:left;z-index:2}.roby-form label{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a1a6ad;display:block;margin:0 0 7px}.roby-input{display:flex;align-items:center;gap:16px;border:1px solid #50555b;background:#1a1e22;border-radius:10px;min-height:49px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.small-block{width:19px;height:19px;background:#8a939b}.small-block:after{inset:7px;background:#1a1e22}.roby-input input{background:none;border:0;outline:none;font:600 15px Arial;color:#fff;width:100%;min-width:0}.roby-input:focus-within{border-color:#c7fa50;box-shadow:0 0 0 3px #c7fa5015}.roby-form .btn{margin-top:11px;justify-content:space-between;padding:0 21px}.roby-form .btn span{font-size:26px}.roby-dots{display:flex;justify-content:center;gap:9px;margin:17px 0 12px}.roby-dots i{height:4px;width:20px;border-radius:4px;background:#484e54}.roby-dots i:first-child{background:#c7fa50}.independent{text-align:center;font-size:8px;margin:0;line-height:1.5}.roby-form .form-error:not(:empty){margin-top:5px}.form-error{color:#ff9ca3}.roby-home .app{background:radial-gradient(ellipse at 50% 45%,#35411d22,transparent 65%),repeating-conic-gradient(#ffffff01 0% 25%,transparent 0% 50%) 0/80px 80px,#141619}
@keyframes pack-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(min-width:800px){.roby-landing{grid-template-columns:1fr 1.1fr;grid-template-rows:1fr 1fr;gap:0 30px;text-align:left;align-items:center;padding:40px 0}.roby-copy{align-self:end}.roby-copy h1{font-size:clamp(60px,6vw,88px)}.roby-lede{font-size:15px}.roby-hero{grid-column:2;grid-row:1/3;height:100%}.roby-form{margin:28px 0 0;align-self:start}.eyebrow{font-size:11px;margin-bottom:20px}.hero-stamp{bottom:10%}.roby-dots{justify-content:flex-start}.independent{text-align:left}}
@media(max-height:650px){.roby-landing{padding-top:10px;padding-bottom:8px}.roby-copy h1{font-size:35px}.roby-lede{font-size:10px;margin-top:6px}.eyebrow{margin-bottom:7px}.roby-dots{margin:12px 0 8px}.roby-form .btn{min-height:46px}.roby-input{min-height:42px}}
@media(prefers-reduced-motion:reduce){.pack-hero{animation:none}}
/* Full-bleed artwork, generated lettering, linked-block identity. */
.linked-mark{width:40px;height:31px;object-fit:contain}.brand{gap:10px}.input-mark{width:28px;height:25px;object-fit:contain;opacity:.6;filter:grayscale(1)}
.roby-home .app{background:#141619}.roby-home .app-header{border:0;position:relative;z-index:5;background:#141619}
.roby-landing{position:relative;width:100%;padding:10px 0 12px;grid-template-rows:auto minmax(90px,1fr) auto;isolation:isolate;overflow:hidden}.roby-copy{width:min(100% - 32px,470px);margin:0 auto;position:relative;z-index:3}.roby-copy .eyebrow{margin:3px 0 11px;font-size:9px;letter-spacing:.35em}.art-headline{margin:0!important;line-height:0!important}.art-headline img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}.roby-hero{margin:-24px 0 -48px;z-index:0;overflow:hidden}.pack-hero{width:100%;height:100%;object-fit:cover;object-position:center 54%;animation:none;filter:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 72%,transparent 100%)}.hero-halo{display:none}.roby-form{position:relative;width:min(100% - 42px,430px);z-index:4}.roby-form label{position:absolute;left:64px;top:12px;z-index:1;pointer-events:none;font-size:8px;letter-spacing:.2em;color:#90979d}.roby-input{height:60px;border:1px solid #555b61;background:linear-gradient(145deg,#191d20ee,#111518ee);border-radius:11px;gap:17px;padding:0 18px}.roby-input input{padding-top:17px;font-size:14px;letter-spacing:.04em}.roby-input input::placeholder{font-size:11px;font-weight:500;color:#717b85}.roby-input .input-mark{padding-right:12px;box-sizing:content-box;border-right:1px solid #555b61}.roby-form .btn{min-height:62px;margin-top:14px;background:linear-gradient(110deg,#ddff77 0%,#caff49 44%,#b9f63b 100%)!important;border:1px solid #d6ff72;border-radius:13px;box-shadow:inset 0 2px 0 #eeffb399,0 4px 0 #6c9321,0 0 27px #baf7411c!important;font-family:Arial Black,Arial,sans-serif;font-size:24px;font-weight:1000;letter-spacing:-.06em;justify-content:center;padding:0 22px}.roby-form .btn span{position:absolute;right:22px;font-family:Arial,sans-serif;font-size:30px;font-weight:600}.roby-form .btn:hover{filter:brightness(1.06);box-shadow:inset 0 2px 0 #eeffb399,0 5px 0 #6c9321,0 0 34px #baf74130!important}.roby-dots{margin:19px 0 14px}.roby-dots i{width:19px;height:4px}.independent{font-size:8px;letter-spacing:.06em}
@media(min-width:800px){.roby-landing{width:min(100% - 70px,1160px);grid-template-columns:.95fr 1.15fr;grid-template-rows:1fr 1fr;overflow:visible;padding:30px 0}.roby-copy{width:100%;max-width:540px;text-align:left;margin:0;align-self:end}.roby-copy .eyebrow{text-align:left;margin-bottom:20px}.art-headline img{max-height:240px;object-position:left center}.roby-hero{grid-column:2;grid-row:1/3;margin:-30px -40px -40px -50px;height:calc(100% + 60px)}.pack-hero{object-fit:cover;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent)}.roby-form{width:min(100%,430px);margin:30px 0 0;align-self:start}.roby-dots{justify-content:center}.independent{text-align:center}}
@media(max-height:680px) and (max-width:799px){.roby-landing{padding-top:2px;padding-bottom:9px}.art-headline img{max-height:125px}.roby-copy .eyebrow{font-size:8px;margin:0 0 6px}.roby-form .btn{min-height:50px;font-size:21px;margin-top:10px}.roby-input{height:52px;min-height:52px}.roby-form label{top:9px}.roby-dots{margin:14px 0 9px}.roby-hero{margin:-16px 0 -35px}}
/* Mobile scale and restrained looping feedback */
@media(max-width:799px){
.roby-home .app-header{height:58px;flex-basis:58px;padding-left:18px;padding-right:18px}
.roby-home .brand-name{font-size:27px}.roby-landing{padding-top:6px;padding-bottom:max(12px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(200px,1fr) auto}
.roby-copy{width:100%;padding:0 8px}.roby-copy .eyebrow{font-size:10px;margin-bottom:9px}.art-headline img{width:100%;max-height:none;height:auto;min-height:145px;object-fit:contain}
.roby-hero{margin:-36px -28px -54px}.pack-hero{object-position:center 56%;width:100%;height:100%}
.roby-form{width:calc(100% - 32px);max-width:460px}.roby-input{height:66px;min-height:66px;border-width:2px}.roby-input input{font-size:17px;padding-top:17px}.roby-input input::placeholder{font-size:13px}.roby-form label{top:12px;font-size:9px}
.roby-form .btn{min-height:68px;font-size:29px;margin-top:13px;border-radius:14px}.roby-form .btn span{font-size:34px}.roby-dots{margin:18px 0 12px}.independent{font-size:9px}
.workflow{width:calc(100% - 28px)}.stage h1{font-size:35px}.stage .description{font-size:13px}.server-details b{font-size:19px}.server-details small{font-size:10px}.server{min-height:83px}.code-row .code-text{font-size:clamp(19px,5.6vw,25px)}.code-row{min-height:60px}.code-row .code-status{font-size:10px}
body.activation-page .check-stage .code-row{min-height:73px}body.activation-page .left-code b{font-size:clamp(19px,5.2vw,25px)}body.activation-page .reward-row{min-height:133px}body.activation-page .reward-amount strong{font-size:42px}body.activation-page .verify-link{min-height:62px;font-size:15px}
}
.roby-form .btn:not(:hover){animation:roby-pulse 3.4s ease-in-out infinite}.verify-link:not(:hover){animation:roby-pulse 3.4s ease-in-out infinite}.roby-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.roby-copy .eyebrow:before{content:'';height:6px;width:6px;border-radius:50%;background:#c7fa50;box-shadow:0 0 0 4px #c7fa5016;animation:signal-pulse 2.5s ease-in-out infinite}.roby-copy .eyebrow:after{content:' ';width:2px;height:10px;background:#c7fa50;animation:cursor-blink 1.2s steps(2,end) infinite}
@keyframes roby-pulse{0%,65%,100%{filter:brightness(1);transform:translateY(0)}78%{filter:brightness(1.13);transform:translateY(-2px)}88%{filter:brightness(1.04);transform:translateY(0)}}
@keyframes signal-pulse{0%,100%{opacity:.6;box-shadow:0 0 0 3px #c7fa5010}50%{opacity:1;box-shadow:0 0 0 7px #c7fa5005}}
@keyframes cursor-blink{50%{opacity:0}}
@media(max-width:799px) and (max-height:740px){.roby-landing{grid-template-rows:auto minmax(130px,1fr) auto}.art-headline img{min-height:115px;max-height:135px}.roby-form .btn{min-height:57px;font-size:25px}.roby-input{min-height:57px;height:57px}.roby-form label{top:9px}.roby-dots{margin:14px 0 9px}body.activation-page .check-stage .code-row{min-height:58px}body.activation-page .reward-row{min-height:105px}body.activation-page .reward-amount strong{font-size:33px}}
@media(max-width:799px) and (max-height:580px){.roby-home .app{height:auto;min-height:100dvh}.roby-landing{min-height:630px}.workflow{overflow:visible}.stage{overflow:visible}}
@media(prefers-reduced-motion:reduce){.roby-form .btn,.verify-link,.roby-copy .eyebrow:before,.roby-copy .eyebrow:after{animation:none!important}}
/* Final mobile composition: retain scale instead of shrinking to fit. */
@media(max-width:799px){
.roby-home .app{height:100svh;min-height:720px;overflow:visible}.roby-home{overflow-y:auto;overflow-x:hidden}.roby-landing{flex:1;min-height:650px;overflow:hidden;grid-template-rows:150px minmax(270px,1fr) 221px}.roby-copy .eyebrow{height:15px;margin-bottom:7px}.art-headline img{height:133px;min-height:0;max-height:none;width:calc(100% + 12px);max-width:none;margin-left:-6px}.roby-hero{margin:-48px -36px -72px}.pack-hero{object-fit:cover;object-position:50% 54%;mask-image:linear-gradient(transparent 0%,#000 13%,#000 77%,transparent 100%);animation:hero-breathe 7s ease-in-out infinite;transform-origin:50% 65%}.roby-form{align-self:end;padding-bottom:10px}.roby-form .btn{min-height:68px}.roby-home .roby-dots{margin:18px 0 13px}
.stage .description{line-height:1.5}.stage .btn{min-height:57px}.generation-stage .code-row{min-height:60px}.generation-stage .progress-ring{width:135px;height:135px}.generation-stage .progress-number{font-size:36px}.activity-line{font-size:12px}.check-stage .code-row .code-text{font-size:clamp(19px,5.5vw,25px)}
}
.roby-form .btn span{animation:arrow-nudge 2.4s ease-in-out infinite}.verify-link:before{animation:button-glint 5s ease-in-out infinite}.roby-form .btn:before{animation:button-glint 5s ease-in-out infinite}
@keyframes hero-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes arrow-nudge{0%,65%,100%{transform:translateX(0)}78%{transform:translateX(5px)}}
@keyframes button-glint{0%,60%{transform:translateX(-140%)}90%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.pack-hero,.roby-form .btn span,.roby-form .btn:before,.verify-link:before{animation:none!important}}