:root{--bg:#111716;--surface:#19211e;--surface2:#202a25;--line:#344137;--text:#f2f3e8;--muted:#a0afa4;--lime:#c9fa77;--ink:#172117;--radius:6px;font-family:Arial,'Helvetica Neue','Microsoft YaHei',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,input,select,textarea{border-radius:var(--radius)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:650;letter-spacing:-2px;line-height:1.09}h1{font-size:clamp(42px,5.8vw,84px)}h2{font-size:clamp(27px,3vw,40px)}h3{font-size:20px;line-height:1.25;letter-spacing:-.5px}p{color:var(--muted)}small{display:block;color:var(--muted);font-size:12px;line-height:1.6}header,main,footer{max-width:1440px;margin:auto}header{height:100px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26342b;gap:24px}.brand{display:flex;align-items:center;gap:10px;line-height:1;font-weight:900;font-size:17px;letter-spacing:-.8px}.brand>span{display:block}.brand-light{font-weight:400;margin-left:3px}.brand i{display:block;font-style:normal;font:8px monospace;letter-spacing:2.4px;color:var(--muted);margin-top:7px}nav{display:flex;gap:30px;font-size:13px;color:#b5c2b7}nav a{padding:13px 0;white-space:nowrap}nav a:hover,nav a.selected{color:var(--lime)}.header-right{display:flex;align-items:center;gap:20px}.header-right select{border:0;background:transparent;font:11px monospace;color:var(--muted);padding:6px;width:62px}.account-link{font-size:12px;display:flex;align-items:center;gap:19px}.account-link span{color:var(--lime);font-size:19px}main{padding:0 64px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:44px;align-items:center;padding:64px 0 62px}.eyebrow,.micro{font:10px/1.6 'Courier New',monospace;letter-spacing:1.7px;font-weight:700;color:var(--lime);text-transform:uppercase}.eyebrow{display:block;margin-bottom:24px}.eyebrow i,.status-dot{display:inline-block;height:6px;width:6px;background:var(--lime);margin-right:9px;box-shadow:0 0 0 4px #c9fa7710}.hero .hero-headline{margin:0 0 24px;white-space:nowrap;letter-spacing:-4px;line-height:1.07}.hero .hero-headline em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:16px;max-width:390px;line-height:1.8;margin-bottom:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 20px;min-height:46px;font-size:12px;font-weight:700;border:1px solid transparent;border-radius:4px;line-height:1.4}.primary{background:var(--lime);color:var(--ink)}.primary:hover{background:#dcffa7}.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.secondary:hover{border-color:#90a47c}.primary span{font-size:19px}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:22px;font:10px monospace;color:var(--muted)}.mini-dpad{font-size:18px;color:var(--lime)}.hero-scene{position:relative;border:1px solid #526644;box-shadow:10px 10px 0 #c9fa7706;border-radius:7px;overflow:hidden;height:430px;background:#1d322d;transform:rotate(-1deg)}canvas{display:block;max-width:100%;image-rendering:pixelated}.hero-scene canvas{height:100%;width:100%;object-fit:cover}.scene-stamp{position:absolute;bottom:18px;left:18px;padding:11px 13px;background:#14211ce8;border:1px solid #73935e55;font:9px monospace}.scene-stamp b{display:block;color:#d7e7ce;margin-top:5px;font-size:10px}.scene-coordinate{position:absolute;top:19px;left:19px;color:#c9fa77a0;font:9px monospace;letter-spacing:1px}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:18px 8px;color:#b9c8b6;font:11px monospace;letter-spacing:2px;gap:12px}.ticker i{font-style:normal;color:var(--lime);font-size:17px}.section{padding:64px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;max-width:270px;margin:0}.muted{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:var(--game-color)}.game-art{display:block;position:relative;border-bottom:1px solid var(--line)}.game-art canvas{width:100%;aspect-ratio:480/310}.game-number{position:absolute;left:16px;top:13px;font:10px monospace;color:#e1ecd2aa}.art-arrow{position:absolute;right:14px;bottom:14px;background:var(--game-color);color:#19251e;width:30px;height:30px;display:grid;place-items:center;border-radius:3px;font-size:21px}.game-info{padding:23px}.game-info .micro{color:var(--game-color);font-size:8px;letter-spacing:1.2px}.game-info h3{font-size:23px;margin:12px 0 10px;letter-spacing:-.8px}.game-info p{font-size:12px;line-height:1.75;min-height:42px;margin-bottom:20px}.play-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--game-color);font-weight:700}.play-link span{font-size:18px}.character-banner{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;background:#202a20;border:1px solid #46543c;padding:44px 70px;border-radius:7px}.character-portrait{position:relative;background:#d5e2b1;box-shadow:10px 10px 0 #111a15;border:10px solid #121e16;transform:rotate(-3deg);max-width:280px;margin:auto;width:100%}.character-portrait canvas{width:100%}.character-portrait>span{position:absolute;bottom:-22px;left:10%;padding:7px 12px;background:var(--lime);color:#263620;font:10px monospace;white-space:nowrap;transform:rotate(3deg)}.character-portrait i{position:absolute;font-size:45px;right:-40px;top:-30px;color:var(--lime);font-style:normal}.character-banner .character-title{font-size:43px;letter-spacing:-2px}.character-banner p{max-width:440px;font-size:14px;line-height:1.8}.character-banner .eyebrow{font-size:9px;margin-bottom:14px}.price-line{display:flex;align-items:center;gap:12px;margin:22px 0}.price-line b{font:30px monospace;color:var(--lime)}.price-line span{color:var(--muted);font-size:11px}.character-banner small{margin-top:14px;font-size:10px}.league-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:70px 0}.league-banner .eyebrow{margin-bottom:16px}.league-banner p{max-width:460px;line-height:1.8}.text-link{border:0;background:none;color:var(--lime);font-size:12px;padding:4px 0;text-align:left}.league-emblem{text-align:center;border:1px solid #43503a;min-height:210px;background:repeating-linear-gradient(45deg,transparent,transparent 14px,#c9fa7703 14px,#c9fa7703 15px);display:flex;flex-direction:column;align-items:center;justify-content:center}.league-emblem>span{font:bold 55px monospace;color:var(--lime);line-height:1;margin-bottom:14px}.league-emblem>b{font:11px monospace;letter-spacing:3px}.league-emblem>small{font:9px monospace;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px;padding:32px 64px;color:var(--muted);font-size:10px}footer p{margin:0}footer>div{display:flex;gap:23px}.footer-logo{font:12px monospace;font-weight:bold;color:#d4dfce}.footer-logo span{font-weight:normal;font-size:9px;color:var(--muted);margin-left:10px}.page-intro{padding:64px 0 35px;max-width:850px}.page-intro h1{font-size:57px;letter-spacing:-2.7px;margin-bottom:20px}.page-intro p{font-size:15px;max-width:650px;line-height:1.8}.page-intro.compact{padding-top:40px}.panel{border:1px solid var(--line);background:var(--surface);padding:27px;margin-bottom:20px;border-radius:6px}.panel h2{font-size:28px;letter-spacing:-1px}.panel h3{font-size:19px}.panel p{line-height:1.8}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font:10px monospace;color:var(--muted)}.steps{display:flex;list-style:none;padding:0;margin:0 0 35px;border-block:1px solid var(--line);justify-content:space-between;gap:15px}.steps li{display:flex;align-items:center;gap:10px;color:var(--muted);padding:19px 0;font-size:11px}.steps span{font:10px monospace;color:#6f8271}.steps .current,.steps .current span{color:var(--lime)}.workshop-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.workshop-grid .panel{min-width:0}.drop-zone{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #6b805d;min-height:256px;padding:24px;cursor:pointer;background:#c9fa7704}.drop-zone small{margin-top:12px;font-size:10px}.upload-plus{font-size:45px;color:var(--lime);font-weight:200;line-height:1;margin-bottom:18px}.drop-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.preview-panel{text-align:center}.preview-panel canvas{width:min(100%,256px);margin:auto;border-radius:4px}.preview-panel p{font-size:11px;margin:15px 0}.preview-panel .primary,.checkout-panel .primary{width:100%;gap:8px}.checkout-panel h2{font-size:29px;margin:20px 0 16px}.checkout-panel .eyebrow{font-size:8px}.big-price{font:40px monospace;color:var(--lime);margin-bottom:20px}.checkout-panel p{font-size:12px}.checkout-panel small{font-size:10px;margin:16px 0}.connection-note{border-left:3px solid #e7bc79;padding:12px 14px;background:#e7bc7908;color:#dec9aa;font-size:12px;line-height:1.8;margin:18px 0}.preview-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.preview-worlds>div{border:1px solid var(--line);border-radius:4px;overflow:hidden}.preview-worlds b{display:block;padding:15px;font:12px monospace}.preview-worlds canvas{width:100%}.season-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:15px 0 30px}.season-heading h2{font-size:23px;letter-spacing:-.8px;margin:15px 0}.prize-grid{display:flex;gap:15px}.prize-grid>div{background:var(--surface);padding:18px 25px;border:1px solid var(--line)}.prize-grid span{display:block;font:9px monospace;color:var(--muted)}.prize-grid strong{font:30px monospace;color:var(--lime)}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{font:9px monospace;letter-spacing:1px;color:var(--muted);padding:14px 15px;border-bottom:1px solid var(--line);background:#152019}td{padding:17px 15px;border-bottom:1px solid #34413766;max-width:400px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.lime{color:var(--lime);font-weight:bold}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rule-grid>div{border-top:1px solid var(--line);padding-top:18px}.rule-grid p{font-size:12px;margin-top:12px}.fine-print{font-size:11px;line-height:1.8;color:var(--muted);margin:17px 0}.empty{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty p{font-size:12px;margin:12px 0 0}.empty-icon{font:28px monospace;color:#789369}.status-pill{font:10px monospace;color:var(--lime);background:#c9fa7708;padding:8px 11px;border:1px solid #c9fa7730;display:inline-flex;align-items:center;gap:7px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:60px auto;min-height:560px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.auth-art{position:relative;overflow:hidden}.auth-art canvas{width:100%;height:100%;object-fit:cover}.auth-art>span{position:absolute;top:35px;left:35px;font:13px/1.9 monospace;letter-spacing:2px;color:#d3d5c4}.auth-card{padding:38px;background:var(--surface)}.auth-card h1{font-size:35px;letter-spacing:-1px;margin-bottom:25px}.auth-card .eyebrow{font-size:8px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px;gap:20px}.auth-tabs button{padding:10px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;border-radius:0}.auth-tabs .active{color:var(--lime);border-color:var(--lime)}label{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;color:#c6d1c5;font-size:11px;font-weight:500}input,textarea,select{width:100%;min-width:0;padding:11px 12px;background:#111a15;border:1px solid #40513d;color:var(--text);min-height:43px}textarea{min-height:100px;resize:vertical;line-height:1.7}input[type=range]{padding:0;accent-color:var(--lime);border:0;min-height:25px}input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--lime);flex-shrink:0}.check{display:flex;flex-direction:row;align-items:center;gap:9px;line-height:1.6}.check input{width:15px}.full{width:100%;margin-top:14px}.auth-card form .primary{width:100%;margin-top:15px}.auth-card form small{font-size:10px}.account-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;margin-bottom:50px}.account-grid>aside{align-self:start}.account-grid aside details{margin-top:25px}.account-grid aside>p{overflow-wrap:anywhere;font-size:12px}.character-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.character-row span{font-family:monospace}.mission{padding:20px 0;border-bottom:1px solid var(--line)}.mission:last-child{border:0}.mission b{font-size:15px}.mission p,.mission>span{font-size:12px}.mission>span{display:block;color:var(--lime);margin-bottom:10px}.mission .secondary{margin-top:10px}.narrow{max-width:560px;margin:65px auto;min-height:340px}.admin-gate h1{font-size:40px;letter-spacing:-1.5px}.secret{display:block;font:16px/1.7 monospace;overflow-wrap:anywhere;background:#0e1812;color:var(--lime);padding:15px;margin:20px 0;border:1px solid #62784e}.studio-header{padding:35px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-header h1{font-size:39px;letter-spacing:-1.5px;margin-bottom:0}.studio-header .eyebrow{font-size:9px;margin-bottom:9px}.studio-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;margin-bottom:55px}.studio-nav{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:15px}.studio-nav button{text-align:left;padding:12px 13px;border:1px solid transparent;background:none;color:var(--muted);font-size:12px}.studio-nav button.selected{border-color:#c9fa7728;background:#c9fa7710;color:var(--lime)}.studio-nav a{font-size:11px;color:var(--muted);margin:22px 13px}.content-heading h2{font-size:28px;margin:8px 0 24px;letter-spacing:-1px}.content-heading .micro{font-size:8px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:4px;min-height:120px}.metric span{font-size:10px;color:var(--muted);display:block;margin-bottom:17px}.metric strong{font:30px monospace;color:var(--lime)}.studio-content{min-width:0}.studio-content h3{margin-top:25px}.studio-content .panel h3:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.inline-form{display:flex;gap:15px;align-items:end;margin-bottom:25px;flex-wrap:wrap}.inline-form label{flex:1;min-width:160px;margin:0}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.button-row button{font-size:10px;min-height:39px;padding:10px 13px}.checks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}.studio-content small{margin-top:15px}.studio-content fieldset{border:1px solid var(--line);padding:15px 18px;margin:15px 0}.studio-content legend{padding:0 10px}.studio-content legend .check{margin:0;font-size:11px}.studio-content fieldset .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content form{margin-top:15px}.studio-content details form{border:0;margin:0;padding:25px 0 0}.studio-content summary{cursor:pointer;color:var(--lime);font-size:12px}.user-actions{margin-top:20px}.user-actions details{padding:15px 20px}.user-actions [id^=reset-result]{font:10px/1.7 monospace;overflow-wrap:anywhere}.history-row{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:20px 0}.history-row h2{font-size:23px;margin:0}.history-row p{margin:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.help-grid .panel{margin-bottom:0}.help-grid p{margin:15px 0 0;font-size:14px}.loading{padding:40px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100vw - 30px);padding:14px 22px;background:#d6edb6;color:#18231b;border:1px solid #c9fa77;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;box-shadow:0 10px 60px #0006}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111a15;padding:12px;font:11px/1.7 monospace}
@media(min-width:1440px){body{background:radial-gradient(ellipse at 65% -10%,#26392545,transparent 50%),var(--bg)}}
@media(max-width:1100px){header,footer{padding-left:35px;padding-right:35px}main{padding:0 35px}.hero{gap:25px}.hero .hero-headline{font-size:65px;letter-spacing:-3px}.hero-scene{height:380px}nav{gap:18px}.character-banner{padding:40px;gap:45px}.workshop-grid{grid-template-columns:1fr 1fr}.checkout-panel{grid-column:1/-1}.game-info{padding:18px}.game-info h3{font-size:20px}.studio-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}}
@media(max-width:800px){header{height:auto;min-height:95px;padding-top:20px;padding-bottom:15px;flex-wrap:wrap;gap:18px}header nav{order:3;width:100%;justify-content:center;font-size:12px;gap:35px}header nav a{padding:4px 0}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.hero .hero-headline{font-size:70px}.hero-copy>p{max-width:450px}.hero-scene{height:370px;max-width:600px;width:100%;transform:none}.hero-scene canvas{object-position:center 48%}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:15px}.game-grid{gap:15px}.game-info h3{font-size:17px}.game-info p{font-size:11px;min-height:75px}.game-info .micro{font-size:7px}.game-info{padding:14px}.character-banner{gap:35px;padding:35px 30px;grid-template-columns:.8fr 1.2fr}.character-banner .character-title{font-size:35px}.character-banner p{font-size:12px}.character-portrait i{right:-25px;font-size:32px}.league-banner{gap:30px}.league-emblem{min-height:190px}.auth-layout{grid-template-columns:.8fr 1.2fr}.auth-card{padding:28px}.account-grid{grid-template-columns:1fr}.account-grid>aside{max-width:100%}.season-heading{display:block}.prize-grid{margin-top:20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout{display:block}.studio-nav{position:static;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px}.studio-nav button{padding:8px 10px;font-size:11px}.studio-nav a{margin:8px 10px}.studio-header h1{font-size:31px}.studio-header .status-pill{font-size:8px}footer{flex-wrap:wrap}footer>div{width:100%;justify-content:space-between}.page-intro h1{font-size:45px}.steps{gap:8px;flex-wrap:wrap;justify-content:start}.steps li{font-size:9px;gap:5px;padding:12px 0;flex:0 0 calc(33.333% - 8px)}}
@media(max-width:540px){header,footer{padding-left:21px;padding-right:21px}header{gap:12px}.brand{font-size:15px;gap:8px}.brand img{width:25px;height:25px}.brand i{font-size:7px}.header-right{gap:6px}.header-right select{width:56px;font-size:10px;padding-left:3px}.account-link{font-size:10px;gap:10px;max-width:105px;overflow:hidden}header nav{gap:24px;font-size:11px}main{padding:0 21px}.hero .hero-headline{font-size:clamp(41px,10.7vw,60px);letter-spacing:-2px}.hero .eyebrow{font-size:9px}.hero-copy>p{font-size:14px;max-width:330px}.hero-scene{height:315px}.ticker{font-size:9px;letter-spacing:.5px;gap:7px;padding:15px 0}.ticker i{font-size:12px}.ticker span:last-child,.ticker i:last-of-type{display:none}.section{padding:42px 0}.section-heading h2{font-size:29px}.game-grid{grid-template-columns:1fr;gap:25px}.game-info{padding:22px}.game-info h3{font-size:25px}.game-info p{font-size:13px;min-height:0}.game-info .micro{font-size:9px}.game-art canvas{max-height:245px;object-fit:cover}.character-banner{grid-template-columns:1fr;padding:35px 25px;gap:50px}.character-portrait{max-width:210px}.character-banner .character-title{font-size:37px}.character-banner p{font-size:13px}.league-banner{grid-template-columns:1fr;padding:45px 0;gap:25px}.league-banner h2{font-size:32px}.league-emblem{min-height:170px}.workshop-grid{grid-template-columns:1fr}.checkout-panel{grid-column:auto}.page-intro{padding-top:38px}.page-intro h1{font-size:40px;letter-spacing:-1.8px}.page-intro .eyebrow{font-size:9px}.page-intro p{font-size:14px}.panel{padding:21px}.workshop-grid .panel{margin-bottom:0}.preview-worlds{grid-template-columns:1fr;gap:18px}.preview-worlds canvas{max-height:190px;object-fit:cover}.rule-grid{grid-template-columns:1fr}.prize-grid{gap:8px}.prize-grid>div{flex:1;padding:14px 12px}.prize-grid strong{font-size:25px}.auth-layout{display:block;margin:35px 0;min-height:0}.auth-art{height:170px}.auth-art>span{font-size:10px;top:22px;left:22px}.auth-card{padding:25px}.auth-card h1{font-size:31px}.auth-art canvas{object-position:50% 74%}.form-grid{grid-template-columns:1fr;gap:0}.studio-content fieldset .form-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr 1fr}.studio-header{align-items:start;flex-direction:column;gap:13px}.studio-header h1{font-size:33px}.metric{padding:17px;min-height:115px}.metric strong{font-size:25px}.metric span{font-size:9px}.metric-grid{gap:10px}.studio-content table{font-size:10px}.studio-content td{max-width:250px}.help-grid{grid-template-columns:1fr;gap:15px}.history-row{flex-wrap:wrap;gap:12px}.history-row p{width:100%}.narrow{margin:35px auto}.admin-gate h1{font-size:34px}.character-row{flex-wrap:wrap}.character-row .secondary{width:100%}footer{padding-top:26px;padding-bottom:26px;gap:15px}footer p{font-size:9px}footer>div{gap:10px;font-size:9px}.inline-form{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Long localized hero copy must not set the grid's minimum width on phones. */
.hero-copy,.hero-scene{min-width:0}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.hero .hero-headline{font-size:clamp(30px,9vw,46px);letter-spacing:-1.5px;white-space:normal}}

.character-first{margin-top:35px}.participation{padding:42px 0 16px}.participation .section-heading h2{font-size:32px;letter-spacing:-1.1px}.participation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.participation-grid article{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:5px}.participation-grid h3{font-size:18px;margin:12px 0}.participation-grid p{font-size:12px;line-height:1.8;margin:0}.reward-growth{border:1px solid var(--line);padding:30px;margin-bottom:15px;border-radius:6px;background:#c9fa7704}.reward-growth h2{font-size:31px;letter-spacing:-1px}.reward-growth>p{max-width:850px;font-size:13px;line-height:1.85}.reward-growth .eyebrow{margin-bottom:13px}.growth-counts b{color:var(--lime)}.reward-growth summary{cursor:pointer;color:var(--lime);font-size:12px;margin:15px 0}.reward-growth table{margin-bottom:15px}.growth-tier{border:1px solid var(--line);padding:18px;margin:15px 0;border-radius:4px}.growth-tier .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-tier .primary{margin-top:10px}@media(max-width:800px){.character-first{margin-top:28px}.participation-grid{grid-template-columns:1fr}.growth-tier .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.character-first{margin-top:25px}.participation .section-heading h2,.reward-growth h2{font-size:27px}.reward-growth{padding:22px}.participation-grid article{padding:20px}.growth-tier .form-grid{grid-template-columns:1fr}}

.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.hero-actions .text-link{font-size:11px}.character-title{margin:0 0 20px}

/* Living pixel worlds: the art carries colour, the interface stays readable. */
.living-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;margin-bottom:14px}.living-toolbar .micro{font-size:9px;color:#a9bdb5;letter-spacing:1px}.living-toolbar i,.portrait-live i{display:inline-block;width:5px;height:5px;margin-right:7px;background:#c9fa77;box-shadow:0 0 11px #c9fa7755}.motion-control{background:#202b29;border:1px solid #4d675b;color:#d8e7d1;min-height:34px;padding:7px 12px;font:10px monospace;cursor:pointer;border-radius:4px}.motion-control:hover{border-color:#c9fa77}.motion-control:focus-visible,#nextTraveller:focus-visible{outline:2px solid #c9fa77;outline-offset:4px}.character-first{margin-top:0;background:linear-gradient(115deg,#1b302a,#202a30 60%,#302a3b);border-color:#53685c;grid-template-columns:1.1fr 1fr;gap:48px;padding:35px}.character-portrait{max-width:none;margin:0;min-width:0;transform:none;border:1px solid #91af8e55;border-radius:4px;background:#234641;box-shadow:8px 8px 0 #101c244d;overflow:hidden}.character-portrait canvas{display:block;width:100%;aspect-ratio:4/3;image-rendering:pixelated}.portrait-live{padding:13px 14px;background:#172e2c;display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:.6px;color:#c5dbbf}.portrait-live b{font-weight:400;color:#90b2aa}.portrait-caption{background:#172e2c;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.portrait-caption>span{font:8px/1.6 monospace;letter-spacing:.4px;color:#99bcb1;max-width:50%}#nextTraveller{border:0;padding:6px 0;background:transparent;color:#d2eaaa;font-family:inherit;font-size:10px;line-height:1.4;cursor:pointer;display:flex;gap:9px;align-items:center;text-align:right}#nextTraveller b{font-size:19px;font-weight:400}.character-first>div:last-child{padding:15px 12px 15px 0}.character-first .character-title{font-size:clamp(32px,3.6vw,47px);line-height:1.12;letter-spacing:-1.7px}.character-first .eyebrow{color:#d9c0ef}.character-first .price-line b{color:#e2e8a3}.hero-scene{transform:none;border-color:#758a9d;box-shadow:9px 9px 0 #95b4d50d}.game-card:nth-child(2){--game-color:#f1b285}.game-card:nth-child(3){--game-color:#b9df94}.game-art canvas{display:block;image-rendering:pixelated}.game-card{transition:border-color .2s,transform .2s}.game-card:hover{transform:translateY(-4px)}.living-gallery{padding:55px 0 25px}.living-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:27px}.living-heading h2{font-size:38px;line-height:1.2;letter-spacing:-1.4px;max-width:630px;margin:14px 0 0}.living-heading .eyebrow{color:#c5b3df}.living-heading>p{font-size:13px;line-height:1.9;max-width:320px;margin:0;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.world-card{border:1px solid #44534e;background:#1b2523;border-radius:5px;overflow:hidden;min-width:0}.world-window{position:relative;overflow:hidden;background:#25373c}.world-window canvas{display:block;width:100%;aspect-ratio:8/5;image-rendering:pixelated}.world-index{position:absolute;left:13px;top:13px;color:#f6f1d5;background:#122132aa;padding:5px 7px;font:8px monospace;letter-spacing:1px;border:1px solid #ffffff1a}.world-caption{padding:18px 20px 20px;border-top:3px solid var(--world-accent)}.world-caption h3{color:var(--world-accent);font-size:19px;margin:0 0 8px;letter-spacing:-.4px}.world-caption p{font-size:11px;line-height:1.8;margin:0;color:#a8bcb5}.pixel-parade{max-width:1312px;margin:50px auto 0;position:relative;overflow:hidden;border-bottom:1px solid #42564b;background:#16221f}.pixel-parade>span{position:absolute;top:15px;left:22px;font:8px monospace;letter-spacing:2px;color:#a0b8a8;z-index:1}.pixel-parade canvas{display:block;width:100%;height:135px;image-rendering:pixelated}.hero-scene canvas,.preview-worlds canvas{image-rendering:pixelated}
@media(max-width:1100px){.character-first{gap:30px;padding:28px}.character-first .character-title{font-size:36px}.portrait-live{font-size:7px;padding:12px 9px}.portrait-caption{padding:11px 10px;gap:6px}.living-heading h2{font-size:33px}.world-grid{gap:17px}.world-caption{padding:16px}.world-caption h3{font-size:17px}.pixel-parade{margin-left:35px;margin-right:35px}}
@media(max-width:800px){.character-first{grid-template-columns:1fr 1fr;padding:24px;gap:25px}.character-first .character-title{font-size:31px}.character-first>div:last-child{padding:0}.character-first .price-line{margin:17px 0}.character-portrait canvas{aspect-ratio:4/3}.portrait-live b{display:none}.portrait-caption{flex-direction:column;align-items:start;gap:7px}.portrait-caption>span{max-width:100%}.living-heading{display:block}.living-heading>p{max-width:550px;margin-top:17px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-parade canvas{height:110px}}
@media(max-width:540px){.living-toolbar{margin-top:18px;margin-bottom:12px}.living-toolbar .micro{font-size:7px;letter-spacing:.5px}.motion-control{font-size:9px;min-height:32px;padding:6px 9px}.character-first{grid-template-columns:minmax(0,1fr);padding:16px;gap:28px}.character-first .character-title{font-size:35px}.character-first>div:last-child{padding:0 6px 12px}.character-portrait{max-width:none;width:100%;box-shadow:none}.portrait-live b{display:block}.portrait-live{padding:11px;font-size:7px}.portrait-caption{flex-direction:row;align-items:center;padding:12px 10px}.portrait-caption>span{max-width:48%;font-size:7px}#nextTraveller{font-size:10px}.living-gallery{padding:40px 0 15px}.living-heading h2{font-size:29px}.living-heading>p{font-size:12px}.world-grid{gap:14px;grid-template-columns:minmax(0,1fr)}.world-caption{padding:17px 19px}.world-caption h3{font-size:21px}.world-caption p{font-size:12px}.pixel-parade{margin:30px 21px 0}.pixel-parade canvas{height:90px}.pixel-parade>span{font-size:7px;left:12px;top:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.game-card:hover{transform:none}}

/* The ocean lives behind the whole public site, including its empty space. */
body.ocean-site{background:#0b3048;--surface:#112b40;--surface2:#16354b;--line:#6e9b9c52;--muted:#c1d0d3;--text:#f4f3e5}.ocean-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:#0b3048}.ocean-atmosphere canvas{width:100%;height:100%;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges}.ocean-reading-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06172a00,#06172a15 18%,#06172a3d 48%,#06172a10 82%,#06172a00)}.ocean-site #app>header,.ocean-site #app>main,.ocean-site #app>footer,.ocean-site #app>.pixel-parade{position:relative;z-index:1}.ocean-site header{background:#0b2031df;border:1px solid #7ca6a34d;border-top:0;border-radius:0 0 8px 8px;backdrop-filter:blur(8px)}.ocean-site nav{color:#d1dddc}.ocean-site .living-toolbar{background:#071e33bc;border:1px solid #9cbdbb40;border-radius:5px;padding:10px 12px;backdrop-filter:blur(6px)}.ocean-site .living-toolbar .micro{color:#c3dfd4}.ocean-site .character-first{background:linear-gradient(110deg,#102f40df,#152841ed 60%,#272d4ae8);border-color:#9bb9ac70;box-shadow:0 15px 50px #03142438}.ocean-site .character-first p,.ocean-site .character-first small{color:#c0d0cf}.ocean-site .participation{margin:32px 0 20px;padding:27px;background:#0b1d33e8;border:1px solid #9badd54d;border-radius:6px}.ocean-site .participation .section-heading{gap:25px}.ocean-site .participation .section-heading h2{font-size:30px}.ocean-site .participation-grid article{background:#162b45;border-color:#9baed442}.ocean-site .participation-grid article:nth-child(2){background:#272a48;border-color:#b99bc442}.ocean-site .participation-grid article:nth-child(3){background:#173b43;border-color:#8bbaab42}.ocean-site .reward-growth{background:#101b37e8;border-color:#9a97cb66;padding:30px}.ocean-site .connection-note{background:#f3cd830b;border-left-color:#f3cd83}.ocean-site .living-gallery{padding:35px 26px;background:#241d35e8;border:1px solid #c8a5ba55;border-radius:7px;margin:35px 0}.ocean-site .living-heading>p{color:#d0bfca}.ocean-site .world-card{border-color:#ae9ba251}.ocean-site .hero{padding:38px 30px;margin:35px 0;background:#131e38e8;border:1px solid #a7abdc50;border-radius:6px}.ocean-site .hero .hero-headline{font-size:clamp(36px,4vw,65px)}.ocean-site .ticker{background:#15293cdc;padding:20px 22px;border-color:#93b0bf50}.ocean-site #arcade{padding:35px 27px;background:#2a2835e8;border:1px solid #d4b09066;border-radius:7px;margin:35px 0}.ocean-site #arcade .eyebrow{color:#ebbd90}.ocean-site .game-card{background:#192d3a;border-color:#9ab7ba60}.ocean-site .league-banner{background:#112d3eea;border:1px solid #9cb9a166;padding:30px;border-radius:7px;margin:35px 0}.ocean-site .league-emblem{background:#263e4bf0}.ocean-site .pixel-parade{background:#102a39e6;border:1px solid #7ba5aa55;border-bottom:0}.ocean-site footer{background:#0a2032ed;border:1px solid #6a8d9e55;border-radius:5px}.ocean-site .panel,.ocean-site .auth-card,.ocean-site .page-intro,.ocean-site .season-heading,.ocean-site .rules-panel{background:#10273beF;border-color:#799daa66}.ocean-site .page-intro{padding:32px;border:1px solid #799daa66;border-radius:6px;margin:25px 0}.ocean-site .page-intro p{margin-bottom:0}.ocean-site .help-grid{margin-top:22px}.ocean-site .auth-card input,.ocean-site .panel input,.ocean-site .panel textarea,.ocean-site .panel select{background:#0c2032;border-color:#7293a5}.ocean-site .primary{box-shadow:0 3px 0 #13293855}.ocean-vista{height:500px;position:relative;margin:35px -64px;border-top:1px solid #c9e8da50;border-bottom:1px solid #b9d7cf60;isolation:isolate;overflow:hidden;background:linear-gradient(0deg,#071c344d,transparent 55%)}.ocean-depth{position:absolute;top:22px;left:26px;padding:7px 10px;border:1px solid #bdddc66b;background:#102f45aa;font:9px monospace;letter-spacing:1.5px;color:#e4e4be}.giant-label{position:absolute;color:#e7e4ce;font:9px monospace;letter-spacing:1.5px;background:#102e4680;padding:7px 9px;border-left:2px solid #abc8d5}.whale-label{top:36%;left:7%}.jelly-label{top:25%;right:5%;border-left-color:#e2b6d5}.ocean-vista-copy{position:absolute;bottom:37px;left:5%;max-width:560px;padding:23px 27px;background:#0b213ade;border:1px solid #a5c2c357;border-radius:3px}.ocean-vista-copy .eyebrow{font-size:8px;color:#b8dfd3;margin-bottom:10px}.ocean-vista h2{font-size:40px;letter-spacing:-1.5px;margin-bottom:12px}.ocean-vista p{font-size:13px;line-height:1.8;max-width:450px;margin:0;color:#bfd9d8}.ocean-coordinate{position:absolute;bottom:22px;right:26px;font:8px monospace;letter-spacing:1px;color:#c4ded5}
@media(max-width:1100px){.ocean-vista{margin-left:-35px;margin-right:-35px;height:470px}.ocean-site .hero{padding:30px 25px}.ocean-site .hero .hero-headline{font-size:45px}.ocean-site .participation{padding:24px}.ocean-site .living-gallery,.ocean-site #arcade{padding:28px 22px}}
@media(max-width:800px){.ocean-site .hero{grid-template-columns:minmax(0,1fr)}.ocean-site .hero .hero-headline{font-size:52px}.ocean-site .participation .section-heading h2{font-size:28px}.ocean-vista-copy{max-width:70%;padding:22px}.ocean-vista h2{font-size:34px}.ocean-coordinate{max-width:180px;text-align:right;line-height:1.7}}
@media(max-width:540px){.ocean-site header{border-left:0;border-right:0;border-radius:0;background:#0a2637eb}.ocean-site .living-toolbar{padding:8px 9px}.ocean-site .participation{padding:21px 17px;margin-top:25px}.ocean-site .participation .section-heading h2{font-size:26px}.ocean-site .participation-grid article{padding:18px}.ocean-site .reward-growth{padding:22px 18px}.ocean-site .living-gallery,.ocean-site #arcade{padding:24px 15px;margin:25px 0}.ocean-site .living-heading h2{font-size:27px}.ocean-site .world-grid{gap:16px}.ocean-site .world-caption{padding:16px}.ocean-site .world-caption h3{font-size:19px}.ocean-site .hero{padding:25px 17px;margin:25px 0;gap:25px}.ocean-site .hero .hero-headline{font-size:clamp(28px,8vw,42px);letter-spacing:-1px}.ocean-site .hero-scene{height:270px}.ocean-site .ticker{padding:17px 10px;font-size:8px;gap:6px}.ocean-site .league-banner{padding:23px 18px}.ocean-site .page-intro{padding:25px 20px}.ocean-site .page-intro h1{font-size:35px}.ocean-vista{margin:25px -21px;height:450px}.ocean-depth{top:16px;left:16px;font-size:8px;padding:7px}.giant-label{font-size:7px;letter-spacing:.6px;padding:5px 7px}.whale-label{top:25%;left:5%}.jelly-label{top:40%;right:4%;max-width:140px}.ocean-vista-copy{left:5%;bottom:39px;max-width:90%;padding:20px}.ocean-vista h2{font-size:29px}.ocean-vista p{font-size:12px}.ocean-coordinate{font-size:6px;bottom:15px;right:18px;max-width:100%}}

/* The arcade follows one brief eligibility explanation; detail is opt-in. */
.ocean-site .participation-compact{padding:20px 24px;margin:22px 0}.participation-brief h2{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.participation-brief p{font-size:12px;line-height:1.8;max-width:1000px;margin:0}.participation-more{margin-top:12px}.participation-more summary{display:flex;align-items:center;gap:12px;width:fit-content;cursor:pointer;font-size:11px;color:var(--lime);list-style:none}.participation-more summary::-webkit-details-marker{display:none}.participation-more[open] summary>span{transform:rotate(45deg)}.participation-more .participation-grid{margin-top:17px}.participation-compact>.connection-note{font-size:10px;line-height:1.8;margin:12px 0 0;padding:8px 11px}.ocean-site .participation-compact+#arcade{margin-top:22px}.ocean-site #arcade .section-heading{margin-bottom:22px}.ocean-site #arcade .section-heading h2{font-size:32px}
@media(max-width:540px){.ocean-site .participation-compact{padding:17px;margin:18px 0}.participation-brief h2{font-size:21px;line-height:1.35}.participation-brief p{font-size:11px;line-height:1.75}.participation-compact>.connection-note{font-size:9px;padding:7px 9px}.ocean-site .participation-compact+#arcade{margin-top:18px}.ocean-site #arcade .section-heading h2{font-size:27px}}

.auth-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.auth-provider-grid .panel{margin:0 0 20px}.auth-provider-grid p{font-size:12px;overflow-wrap:anywhere}.auth-provider-grid legend{font-size:20px;color:var(--lime);padding:0 8px}.quick-game{border-color:#9cb474}.quick-game p{font-size:13px;line-height:1.85}.game-art>img{display:block;width:100%;aspect-ratio:480/310;object-fit:cover;image-rendering:pixelated}@media(max-width:800px){.auth-provider-grid{grid-template-columns:minmax(0,1fr)}}