:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101113;background:#f3f5f7;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f6f7fb}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:12px 28px;border-bottom:1px solid rgba(16,17,19,.08);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:linear-gradient(135deg,#111,#ff4d6d);border-radius:8px}.brand strong,.brand small{display:block}.brand small{color:#747a83;font-size:11px;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#f7f8fa}.desktop-nav a{padding:9px 14px;border-radius:6px;color:#5d636c;font-size:14px}.desktop-nav a:first-child{color:#fff;background:#111}.login-btn,.primary-link,.buy-button{justify-self:end;border:0;border-radius:8px;color:#fff;background:#111;cursor:pointer;font-weight:800}.login-btn{padding:11px 15px}.podium-band{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:28px;align-items:stretch;padding:28px;background:linear-gradient(180deg,#fffffff2,#fff),linear-gradient(135deg,#fff0f4,#fff8d8 45%,#e8fff6)}.podium-copy{display:flex;flex-direction:column;justify-content:center;min-height:270px}.live-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 10px;border:1px solid rgba(255,49,90,.22);border-radius:999px;color:#c9184a;background:#fff1f4;font-size:13px;font-weight:800}.podium-copy h1{max-width:650px;margin:18px 0 12px;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:0}.podium-copy p{max-width:560px;margin:0;color:#5d636c;font-size:17px;line-height:1.5}.podium-grid{display:grid;grid-template-columns:.9fr 1.15fr .9fr;gap:14px;align-items:end}.podium-card{position:relative;overflow:hidden;min-width:0;padding:18px;border:1px solid rgba(16,17,19,.06);border-radius:8px;background:#fff;box-shadow:0 18px 46px #10111314}.podium-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--card-gradient)}.podium-card:after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 18%,transparent);pointer-events:none}.podium-card.featured{min-height:260px;color:#fff;background:var(--card-gradient);box-shadow:0 24px 60px #ff4d6d38}.podium-card.featured:before{height:100%;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at 82% 20%,rgba(255,255,255,.24),transparent 24%)}.podium-card>*{position:relative;z-index:1}.podium-card.compact{margin-bottom:18px}.podium-rank{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:8px;color:#111;background:var(--rank-color);box-shadow:0 10px 20px #10111324;font-weight:900}.podium-card .title,.muted-label{display:block;color:#747a83;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.podium-card.featured .title,.podium-card.featured small{color:#ffffffd6}.podium-card strong{display:block;overflow-wrap:anywhere;margin:8px 0 10px;font-size:23px}.podium-card p{margin:0 0 16px;font-size:18px;font-weight:900}.podium-card small{color:#5d636c;font-weight:800}.status-strip{position:sticky;top:63px;z-index:10;display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;gap:18px;align-items:center;padding:12px 28px;border-block:1px solid rgba(16,17,19,.08);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-strip strong{display:block;font-size:15px}.checkout-banner{display:flex;gap:10px;align-items:center;margin:14px 28px 0;padding:12px 14px;border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#fff;box-shadow:0 14px 34px #1011130f}.checkout-banner.success{border-color:#20c99759;background:#f0fff9}.checkout-banner strong{white-space:nowrap}.checkout-banner span{color:#4f5661;font-size:14px}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#e5e8ec}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff315a,#f7c948,#20c997)}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px}.workspace{display:grid;grid-template-columns:200px minmax(720px,1fr) 230px;gap:12px;padding:12px 18px 24px}.side-panel,.checkout-panel{display:flex;flex-direction:column;gap:14px}.panel-section,.checkout-panel,.leaderboard-table{border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#fff}.panel-section{padding:12px}.panel-section h2,.checkout-panel h2,.leaderboard-table h2{margin:0;font-size:16px}.segmented{display:grid;gap:8px;margin-top:13px}.segmented button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#f7f8fa;cursor:pointer;font-weight:800}.segmented button.active{color:#fff;background:linear-gradient(135deg,#111,#ff4d6d)}.recent-list{display:grid;gap:10px;margin-top:13px}.empty-list,.empty-leaderboard{margin:0;color:#747a83;font-size:13px;font-weight:700;line-height:1.45}.recent-item{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;font-size:13px}.recent-item span{width:10px;height:10px;border-radius:3px}.recent-item em,.leader-row em{color:#747a83;font-style:normal}.rules-box{display:flex;gap:10px;color:#333940;background:#f9faf4}.rules-box p{margin:0;font-size:13px;line-height:1.45}.canvas-area{position:relative;min-height:calc(100vh - 130px);padding:56px 10px 18px;border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#e9ecef}.zoom-toolbar{position:absolute;top:10px;left:50%;z-index:3;display:grid;grid-template-columns:36px minmax(130px,220px) 36px 48px;gap:8px;align-items:center;transform:translate(-50%);padding:8px;border:1px solid rgba(16,17,19,.08);border-radius:8px;background:#fffffff5;box-shadow:0 14px 34px #1011131a}.zoom-toolbar button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;color:#fff;background:#111;cursor:pointer}.zoom-toolbar input{width:100%;accent-color:#ff4d6d}.zoom-toolbar span{font-size:13px;font-weight:900}.pixel-canvas{display:block;width:min(100%,1040px);aspect-ratio:1 / 1;margin:0 auto;background:#fff;box-shadow:0 24px 70px #10111314;touch-action:none}.pixel-canvas.select{cursor:crosshair}.pixel-canvas.move{cursor:grab}.canvas-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100% - 40px);padding:12px 16px;border-radius:999px;color:#fff;background:#111;box-shadow:0 14px 35px #10111338;font-size:13px;font-weight:900;text-align:center}.selection-counter{position:absolute;top:84px;right:44px;z-index:4;display:grid;gap:2px;min-width:118px;padding:12px 14px;border-radius:8px;color:#111;background:#fff;box-shadow:0 18px 42px #10111329}.selection-counter.active{color:#fff;background:linear-gradient(135deg,#ff4d6d,#ff922b)}.selection-counter strong{font-size:20px;line-height:1}.selection-counter span{font-size:13px;font-weight:900}.owner-popover{position:fixed;z-index:5;display:grid;gap:4px;min-width:170px;padding:10px 12px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#111111f5,#ff315af0);box-shadow:0 18px 42px #10111347;pointer-events:none}.owner-popover strong{overflow-wrap:anywhere}.owner-popover span{font-size:13px;font-weight:900}.owner-popover small{color:#ffffffc7;font-size:12px;font-weight:800}.checkout-panel{padding:14px}.checkout-header,.section-title{display:flex;align-items:center;gap:9px}.selection-preview{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;background:#f3f5f7}.selected-pixels-list{display:grid;gap:7px;max-height:178px;overflow:auto;padding-right:2px}.selected-pixels-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:7px 9px;border:1px solid rgba(16,17,19,.08);border-radius:8px;color:#333940;background:#fff;cursor:pointer;font-size:12px;font-weight:800}.selected-pixels-list button:hover{color:#fff;background:#ff315a}.selected-pixels-list em{color:#747a83;font-size:12px;font-style:normal;font-weight:800;text-align:center}.selection-preview button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;background:#fff;cursor:pointer}.selection-preview strong,.selection-preview span{display:block}.selection-preview span{color:#747a83;font-size:13px}.checkout-panel label{display:grid;gap:7px;color:#333940;font-size:13px;font-weight:900}.checkout-panel input{width:100%;min-height:42px;border:1px solid rgba(16,17,19,.12);border-radius:8px;padding:0 12px;background:#fff}.checkout-panel input[type=color]{padding:4px}.buy-button{min-height:48px;width:100%}.buy-button:disabled{cursor:wait;opacity:.68}.payment-note{display:flex;gap:7px;margin:0;color:#747a83;font-size:13px;line-height:1.4}.error-note{margin:0;padding:10px 12px;border-radius:8px;color:#b42318;background:#fff0ed;font-size:13px;font-weight:800;line-height:1.4}.empty-selection{display:grid;place-items:center;min-height:220px;color:#747a83;text-align:center}.empty-selection p{max-width:220px}.leaderboard-table{max-width:980px;margin:0 auto 48px;padding:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff4d6d,#ffd166,#06d6a0,#4dabf7) border-box;border:1px solid transparent}.leader-row{display:grid;grid-template-columns:52px 38px minmax(110px,1fr) minmax(120px,.8fr) auto;gap:12px;align-items:center;min-height:58px;border-top:1px solid rgba(16,17,19,.07)}.empty-leaderboard{padding:18px 0 4px;border-top:1px solid rgba(16,17,19,.07)}.leader-row:nth-child(2) .rank,.leader-row:nth-child(2) b{color:#ff4d6d}.leader-row:nth-child(3) .rank,.leader-row:nth-child(3) b{color:#4dabf7}.leader-row:nth-child(4) .rank,.leader-row:nth-child(4) b{color:#ff922b}.rank{color:#747a83;font-weight:900}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#111;font-weight:900}.leader-row b{justify-self:end}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 20px 42px;color:#747a83;font-size:13px;font-weight:800}.site-footer a:hover{color:#101113}@media(max-width:1050px){.topbar,.status-strip{grid-template-columns:1fr auto}.desktop-nav{display:none}.podium-band,.workspace{grid-template-columns:1fr}.side-panel{order:2}.checkout-panel{order:3}.canvas-area{min-height:auto;padding-bottom:76px}}@media(max-width:720px){.topbar,.podium-band,.status-strip,.workspace{padding-inline:14px}.topbar{gap:12px}.brand small{display:none}.login-btn{padding:10px 12px;font-size:13px}.podium-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.podium-card.compact{margin-bottom:0}.podium-copy{min-height:0}.podium-copy h1{margin:14px 0 10px;font-size:34px;line-height:1}.podium-copy p{font-size:15px;line-height:1.45}.podium-card,.podium-card.featured{flex:0 0 158px;min-height:170px;padding:12px}.podium-rank{width:38px;height:38px;margin-bottom:12px}.podium-card strong{font-size:16px;line-height:1.15}.podium-card p{margin-bottom:10px;font-size:14px}.status-strip{position:static;grid-template-columns:1fr;gap:10px}.checkout-banner{align-items:flex-start;flex-direction:column;margin-inline:14px}.canvas-area{padding:66px 12px 74px}.zoom-toolbar{top:10px;grid-template-columns:34px minmax(96px,1fr) 34px 42px;width:calc(100% - 24px)}.zoom-toolbar button{width:34px;height:34px}.selection-counter{top:76px;right:20px;min-width:104px;padding:10px 12px}.selection-counter strong{font-size:17px}.leader-row{grid-template-columns:44px 34px 1fr auto}.leader-row em{display:none}}