@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080711;--bg2:#0c0a17;--panel:rgba(20,17,34,.82);--panel2:#171329;--panel3:#201a38;--line:rgba(197,171,255,.15);--line2:rgba(255,255,255,.075);--text:#f7f4ff;--muted:#aaa3c0;--muted2:#716b86;--purple:#a47bff;--purple2:#7542f4;--purple-soft:#d4c0ff;--cyan:#5be6ff;--green:#75f0c2;--coral:#ff777d;--amber:#ffd27c;--shadow:0 24px 80px rgba(0,0,0,.38);--ease:cubic-bezier(.2,.75,.2,1);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:30px}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% -25%,rgba(110,57,219,.18),transparent 55%),var(--bg);color:var(--text);font:400 14px/1.6 Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 12% 22%,rgba(95,45,190,.1),transparent 38%),radial-gradient(ellipse at 92% 72%,rgba(27,133,180,.055),transparent 35%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shell{width:min(1280px,calc(100% - 64px));margin:0 auto;position:relative}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0 18px;border-bottom:1px solid var(--line2);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(167,122,255,.23),rgba(84,41,167,.1));border:1px solid rgba(191,161,255,.28);box-shadow:0 0 28px rgba(138,86,255,.12);overflow:visible}.brand-mark img{width:27px;height:27px;object-fit:contain;border-radius:8px}.brand-spark{position:absolute;width:7px;height:7px;border-radius:50%;right:-2px;top:-2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.brand-word{font-size:13px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.brand-word span{color:var(--purple-soft)}.navlinks{display:flex;align-items:center;gap:9px}.navlink,.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--text);font-size:12px;font-weight:800;white-space:nowrap;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s}.navlink{padding:10px 12px;color:var(--muted)}.navlink:hover,.btn:hover{transform:translateY(-2px);border-color:rgba(191,161,255,.38);background:rgba(151,105,255,.1)}.btn.primary{color:#fff;border-color:rgba(206,181,255,.36);background:linear-gradient(120deg,#8c5af5,#6333d6 60%,#4320a1);box-shadow:0 8px 26px rgba(99,51,214,.24),inset 0 1px rgba(255,255,255,.18)}.btn.primary:hover{box-shadow:0 10px 32px rgba(123,70,245,.38),inset 0 1px rgba(255,255,255,.25)}.btn.danger{color:#ffb5b8;border-color:rgba(255,119,125,.28);background:rgba(255,84,96,.08)}.dewwbit-btn{border-color:rgba(91,230,255,.24);background:rgba(91,230,255,.055)}.dw-icon{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#83ecff,#5174ff);color:#0b1230}.icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arrow{font-size:17px;line-height:1}.desktop-only{display:inline}.nav-label{font-size:12px}.panel{min-width:0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(26,21,44,.92),rgba(14,12,25,.92));box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.noticebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;margin:18px 0 22px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.025);color:var(--muted);font-size:11px}.noticebar strong{color:var(--text)}.dot,.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(117,240,194,.75)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--purple-soft);font-weight:500}.small,.hint{font-size:12px;color:var(--muted)}.meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.025);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.035em;font-weight:500}.tag.accent{color:var(--purple-soft);background:rgba(156,116,255,.1);border-color:rgba(156,116,255,.28)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:42px 0 18px}.section-title{font-size:clamp(26px,3.4vw,40px);line-height:1.12;letter-spacing:-.055em;margin:7px 0 0;font-weight:800}.section-subtitle{color:var(--muted);font-size:13px;margin:9px 0 0;max-width:650px}.gradient-text{background:linear-gradient(110deg,#fff 4%,#d5c1ff 36%,#a582ff 66%,#65eaff 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid>*{min-width:0}.card{overflow:hidden;position:relative;background:linear-gradient(155deg,rgba(28,23,47,.96),rgba(13,11,23,.98));border:1px solid var(--line);border-radius:21px;box-shadow:0 16px 45px rgba(0,0,0,.18);transition:transform .32s var(--ease),border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);border-color:rgba(173,133,255,.42);box-shadow:0 26px 65px rgba(0,0,0,.35),0 0 34px rgba(120,74,255,.08)}.card-media{aspect-ratio:16/9;overflow:hidden;position:relative;background:linear-gradient(135deg,#251744,#0c1025 60%,#1c1040)}.card-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,4,12,.02),rgba(5,4,12,.4))}.card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s var(--ease),filter .4s}.card:hover .card-media img{transform:scale(1.045);filter:saturate(1.12)}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(140,83,255,.28),transparent 38%),linear-gradient(135deg,#17112a,#0a0b17)}.media-placeholder>span{font-size:clamp(25px,3vw,42px);font-weight:900;letter-spacing:-.09em;color:#e9ddff;text-shadow:0 0 35px rgba(155,102,255,.55)}.media-placeholder>span span{color:var(--cyan)}.media-index{position:absolute;top:12px;left:12px;z-index:1;padding:6px 9px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(7,6,14,.55);backdrop-filter:blur(10px);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.11em;color:#eee8ff}.media-play{position:absolute;right:13px;bottom:13px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(132,83,255,.9);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 22px rgba(127,73,255,.35);opacity:0;transform:translateY(5px);transition:.25s}.media-play svg{width:17px;height:17px;fill:#fff}.card:hover .media-play{opacity:1;transform:none}.card-body{padding:17px}.card h3{margin:13px 0 7px;font-size:20px;line-height:1.22;letter-spacing:-.04em}.desc{margin:0 0 16px;color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:57px}.statline{display:flex;flex-wrap:wrap;gap:8px 13px;color:var(--muted);font-size:10px}.statline b{color:var(--purple-soft);font-family:'DM Mono',monospace}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line2)}.card-bottom .small b{color:var(--text)}.card-open{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.06em;color:var(--muted)}.card-open b{color:var(--cyan);font-size:15px;margin-left:4px}.action-btn{width:42px;height:42px;padding:0;flex:none}.action-btn .label,.action-btn .arrow{display:none}.form{padding:clamp(20px,3vw,34px)}.form-head{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#c8c0dc}.field input,.field textarea,.field select{width:100%;min-height:47px;border:1px solid var(--line);border-radius:13px;background:rgba(7,6,14,.7);padding:12px 14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(156,116,255,.6);box-shadow:0 0 0 4px rgba(156,116,255,.1);background:#100d1c}.field input::placeholder,.field textarea::placeholder{color:#686179}.file-note{padding:11px 12px;border:1px dashed rgba(156,116,255,.28);border-radius:12px;color:var(--muted);font-size:11px;background:rgba(156,116,255,.04)}.divider{height:1px;background:var(--line2);margin:22px 0}.two{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.balance{font-size:clamp(38px,5vw,58px);line-height:1;font-weight:800;letter-spacing:-.07em;background:linear-gradient(135deg,#fff,var(--purple-soft),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:8px;font-variant-numeric:tabular-nums}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.kpi{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}.kpi strong{display:block;margin-top:3px;font-size:20px;letter-spacing:-.04em}.list{display:flex;flex-direction:column;gap:8px}.listrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.02)}.game-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;margin-top:24px}.game-banner{min-height:400px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(126,73,255,.25),transparent 45%),#0d0b17;position:relative}.game-banner img{width:100%;height:100%;min-height:400px;object-fit:cover;display:block}.game-info{padding:clamp(20px,3vw,32px)}.game-title{font-size:clamp(32px,5vw,62px);line-height:.98;letter-spacing:-.065em;margin:12px 0}.game-info p{color:var(--muted);line-height:1.8}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.info-card{padding:12px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.025)}.info-card span{display:block;color:var(--muted2);font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.info-card strong{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.gameframe{margin-top:18px;padding:13px}.gameframe-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px 12px}.gameframe-stage{position:relative;overflow:hidden;border-radius:16px;background:#030307;border:1px solid var(--line2)}.gameframe iframe{display:block;width:100%;height:min(78vh,900px);min-height:520px;border:0;background:#000}.gameframe-toolbar{position:absolute;right:12px;top:12px;z-index:3}.gameframe-toolbar .btn{width:42px;height:42px;padding:0;border-radius:12px;background:rgba(10,9,14,.82);backdrop-filter:blur(10px)}.notice{min-height:18px;color:var(--muted);font-size:12px}.notice.ok{color:#9af0d0}.notice.err{color:#ff9c96}.downloadbox{padding:24px;margin-top:16px}.section-copy{white-space:pre-line;color:var(--muted);line-height:1.8}.empty{padding:48px 24px;text-align:center}.empty h3{font-size:24px;letter-spacing:-.04em;margin:8px 0}.empty-glyph{display:block;font-size:35px;color:var(--purple-soft);margin-bottom:12px}.footer{padding:34px 0 18px;color:var(--muted2);font-family:'DM Mono',monospace;font-size:10px;text-align:center;letter-spacing:.04em}.hidden{display:none!important}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.02)}.table{width:100%;border-collapse:collapse;min-width:920px}.table th,.table td{padding:14px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line2)}.table th{font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted2)}.table td{font-size:12px}.table tr:last-child td{border-bottom:0}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.admin-stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),rgba(15,12,26,.9));box-shadow:var(--shadow)}.admin-stat b{display:block;font-size:32px;line-height:1.1;margin-top:8px;letter-spacing:-.05em}.danger-zone{margin-top:20px;padding:22px;border:1px solid rgba(255,98,89,.24);border-radius:20px;background:rgba(255,98,89,.045)}.toast-layer{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{max-width:min(360px,calc(100vw - 32px));padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:#171329;box-shadow:var(--shadow);font-size:12px;color:var(--text);transition:opacity .2s,transform .2s}.toast.err{border-color:rgba(255,98,89,.26);color:#ffb1ac}
/* Arena home */
.catalog-page{background:#080711}.catalog-page .shell{z-index:1}.space-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 22%,rgba(91,230,255,.075),transparent 26%),radial-gradient(ellipse at 75% 38%,rgba(124,68,255,.14),transparent 38%)}#arena-canvas{position:absolute;z-index:0;top:0;right:0;width:100%;height:800px;pointer-events:none;opacity:.8;mask-image:linear-gradient(to bottom,black 0%,black 62%,transparent 100%)}.arena-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);align-items:center;min-height:610px;padding:70px 0 62px}.hero-copy{position:relative;z-index:2;max-width:650px}.live-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(181,153,255,.22);border-radius:999px;background:rgba(18,14,34,.75);color:#d4c9ee;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em}.arena-hero .eyebrow{margin:25px 0 9px}.arena-hero h1,.dashboard-welcome h1{font-size:clamp(52px,7.4vw,94px);font-weight:800;line-height:.94;letter-spacing:-.085em;margin:0}.hero-description{max-width:520px;color:#aaa3c0;font-size:14px;line-height:1.85;margin:23px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn-large{min-height:50px;padding:13px 17px;border-radius:15px}.hero-proof{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:29px;color:var(--muted);font-size:10px}.proof-avatars{display:flex;padding-left:3px}.proof-avatars span{width:25px;height:25px;display:grid;place-items:center;margin-left:-4px;border:2px solid var(--bg);border-radius:50%;background:linear-gradient(135deg,#8e5cf3,#3f9be5);font-size:8px;font-weight:900;color:white}.proof-avatars span:nth-child(2){background:linear-gradient(135deg,#ff8cbd,#9c60ff)}.proof-avatars span:nth-child(3){background:#222036;color:var(--cyan)}.proof-separator{height:14px;width:1px;background:var(--line)}.proof-status{display:inline-flex;align-items:center;gap:6px}.proof-status i{width:5px;height:5px;background:var(--green);border-radius:50%}.hero-art{position:relative;height:480px;display:grid;place-items:center;isolation:isolate;perspective:900px}.art-orbit{position:absolute;border:1px solid rgba(166,130,255,.3);border-radius:50%;transform:rotate(-27deg) rotateX(63deg);box-shadow:0 0 30px rgba(124,69,255,.08),inset 0 0 28px rgba(124,69,255,.05)}.orbit-one{width:410px;height:410px;animation:orbit-spin 24s linear infinite}.orbit-two{width:320px;height:320px;transform:rotate(54deg) rotateX(63deg);border-color:rgba(91,230,255,.22);animation:orbit-spin-reverse 31s linear infinite}.art-core{width:205px;height:205px;display:grid;place-items:center;border:1px solid rgba(209,189,255,.55);border-radius:40px;transform:rotate(-12deg);background:linear-gradient(145deg,rgba(143,95,255,.26),rgba(14,13,32,.86) 56%,rgba(70,219,255,.1));box-shadow:0 0 70px rgba(121,73,255,.25),inset 0 0 50px rgba(170,126,255,.12);animation:core-float 6s ease-in-out infinite}.core-inner{width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));transform:rotate(12deg)}.core-symbol{font-size:82px;line-height:1;color:#eee4ff;text-shadow:0 0 24px #a47bff,0 0 60px rgba(164,123,255,.8);animation:symbol-pulse 4s ease-in-out infinite}.core-caption{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.3em;color:var(--cyan);margin-top:8px}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(197,171,255,.2);border-radius:13px;background:rgba(15,12,28,.82);box-shadow:0 16px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px);animation:chip-float 5.2s ease-in-out infinite}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em}.floating-chip small{font-size:9px;color:var(--muted);margin-top:2px}.chip-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(156,116,255,.16);color:var(--purple-soft);font-size:19px}.chip-bottom .chip-icon{color:var(--cyan);background:rgba(91,230,255,.1)}.chip-top{top:75px;right:0}.chip-bottom{bottom:70px;left:5px;animation-delay:-2s}.art-cross{position:absolute;color:var(--cyan);font-size:23px;opacity:.75;animation:cross-blink 3s ease-in-out infinite}.cross-a{top:70px;left:70px}.cross-b{bottom:90px;right:45px;color:var(--purple-soft);animation-delay:-1.3s}.art-coordinate{position:absolute;right:2px;bottom:20px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.15em;color:var(--muted2)}.hero-scroll{position:absolute;bottom:14px;left:0;display:flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.13em;color:var(--muted2)}.hero-scroll span{display:block;width:28px;height:1px;background:var(--purple)}.ticker{overflow:hidden;margin:0 calc((1280px - min(1280px,100vw - 64px))/ -2) 10px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:rgba(255,255,255,.018)}.ticker-track{width:max-content;display:flex;align-items:center;gap:29px;padding:14px 0;animation:ticker-move 34s linear infinite;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;color:#c5b9df}.ticker-track b{font-size:14px;color:var(--cyan)}.catalog-heading{margin-top:52px}.creator-banner{display:flex;align-items:center;gap:23px;margin-top:55px;padding:clamp(22px,4vw,42px);border:1px solid rgba(178,145,255,.24);border-radius:24px;background:radial-gradient(ellipse at 5% 0%,rgba(134,80,255,.2),transparent 50%),linear-gradient(125deg,rgba(28,21,50,.94),rgba(13,12,25,.95));box-shadow:var(--shadow)}.creator-symbol{width:70px;height:70px;display:grid;place-items:center;flex:none;border-radius:22px;border:1px solid rgba(206,181,255,.3);background:rgba(148,95,255,.12);font-size:40px;color:var(--purple-soft);box-shadow:0 0 30px rgba(148,95,255,.12)}.creator-banner>div:nth-child(2){flex:1}.creator-banner h2{font-size:clamp(23px,3.4vw,37px);line-height:1.1;letter-spacing:-.06em;margin:9px 0}.creator-banner p{margin:8px 0 0;color:var(--muted);font-size:12px}.footer-rich{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;border-top:1px solid var(--line2);margin-top:35px}.footer-rich .brand-word{font-size:10px}.footer-rich .brand-mark{width:30px;height:30px}.footer-rich .brand-mark img{width:22px;height:22px}.jamshut{position:fixed;z-index:30;right:max(16px,calc((100vw - 1280px)/2));bottom:16px;width:110px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.jamshut-avatar{width:85px;height:102px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));animation:mascot-bob 4s ease-in-out infinite;transform-origin:bottom center}.jamshut-avatar svg{width:100%;height:100%;overflow:visible}.jamshut-bubble{pointer-events:auto;position:absolute;bottom:104px;right:0;width:220px;padding:12px 13px 13px 25px;border:1px solid rgba(194,163,255,.35);border-radius:15px 15px 4px 15px;background:rgba(17,13,32,.96);box-shadow:0 14px 35px rgba(0,0,0,.4),0 0 22px rgba(133,82,255,.12);text-align:left;font-size:11px;line-height:1.5;color:#f4efff;pointer-events:auto;backdrop-filter:blur(14px);transition:transform .2s,border-color .2s}.jamshut-bubble:hover{border-color:rgba(91,230,255,.45);transform:translateY(-2px)}.jamshut-quote{position:absolute;left:9px;top:5px;color:var(--cyan);font-size:20px;font-weight:900}.jamshut-status{display:flex;align-items:center;gap:5px;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:.1em;color:#d2c4f2;white-space:nowrap}.jamshut-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.jamshut.is-talking .jamshut-avatar{animation:mascot-talk .4s ease-in-out 2}
/* Dashboard */
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 2px 36px}.dashboard-welcome .eyebrow{margin:21px 0 9px}.dashboard-welcome h1{font-size:clamp(42px,5.7vw,70px)}.dashboard-welcome .hero-description{margin-top:17px}.profile-orb{position:relative;width:190px;height:190px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid rgba(181,144,255,.25);background:radial-gradient(circle,rgba(154,105,255,.2),rgba(20,14,39,.15) 62%,transparent 64%);box-shadow:inset 0 0 55px rgba(147,90,255,.09)}.profile-orb-ring{position:absolute;inset:13px;border:1px dashed rgba(187,155,255,.42);border-radius:50%;animation:orbit-spin 30s linear infinite}.profile-orb:before,.profile-orb:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.profile-orb:before{top:19px;right:35px}.profile-orb:after{bottom:28px;left:27px;background:var(--purple-soft);box-shadow:0 0 15px var(--purple)}.profile-orb-letter{width:94px;height:94px;display:grid;place-items:center;overflow:hidden;border-radius:30px;border:1px solid rgba(210,186,255,.35);background:linear-gradient(145deg,#8052e6,#252043);font-size:35px;font-weight:900;color:#fff;box-shadow:0 10px 35px rgba(102,57,212,.25);text-align:center}.profile-orb-label{position:absolute;bottom:-12px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#100d1c;font-family:'DM Mono',monospace;font-size:9px;color:var(--muted)}.dashboard-top-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.balance-panel,.bridge-panel{position:relative;overflow:hidden;padding:24px;min-height:220px}.balance-panel{background:radial-gradient(ellipse at 95% 0%,rgba(124,75,244,.22),transparent 48%),linear-gradient(145deg,rgba(27,20,50,.95),rgba(12,10,22,.95))}.panel-label{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.13em;color:#d2c5ee}.panel-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(192,164,255,.26);border-radius:10px;background:rgba(156,116,255,.13);color:var(--purple-soft);font-size:18px}.wallet-caption{position:relative;z-index:1;color:var(--muted);font-size:12px;margin:16px 0 0}.balance-panel .balance{position:relative;z-index:1;font-size:clamp(43px,5vw,61px)}.wallet-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line2)}.wallet-live{display:flex;align-items:center;gap:7px;font-size:10px;color:#c4f8e2}.wallet-live i{width:6px;height:6px;border-radius:50%;background:var(--green)}.wallet-note{font-size:9px;color:var(--muted2)}.wallet-glow{position:absolute;width:190px;height:190px;right:-55px;bottom:-110px;border-radius:50%;border:1px solid rgba(176,137,255,.2);box-shadow:0 0 0 18px rgba(176,137,255,.025),0 0 0 38px rgba(176,137,255,.02)}.bridge-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.05em;margin:17px 0 8px}.bridge-panel .hint{max-width:420px;line-height:1.75}.bridge-action{margin-top:12px;min-height:39px}.connected-tag{color:var(--green);border-color:rgba(117,240,194,.2)}.dashboard-games{align-items:stretch}.dashboard-games .card{display:flex;flex-direction:column}.dashboard-games .card-body{display:flex;flex:1;flex-direction:column}.dashboard-games .desc{min-height:auto}.moderation-copy{min-height:18px}.dashboard-card-bottom{margin-top:auto}.history-panel{padding:10px}.history-reward{display:flex;align-items:center;gap:11px}.reward-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(117,240,194,.09);border:1px solid rgba(117,240,194,.16);color:var(--green);font-size:18px}.history-reward b{display:block;font-size:14px;color:var(--green)}.history-reward .small{display:block;margin-top:1px}.history-date{white-space:nowrap}.empty-history{display:flex;flex-direction:column;align-items:center;gap:5px;padding:30px;text-align:center}.empty-history .empty-glyph{margin:0;font-size:26px}
/* Auth, forms, game and admin page polish */
.auth-layout{display:grid;place-items:center;min-height:calc(100dvh - 100px);padding:25px 0 40px}.auth-card{width:min(100%,600px);padding:clamp(22px,4vw,38px)}.auth-card .form-head{max-width:540px}.auth-card h1{margin:9px 0 10px;font-size:clamp(34px,6vw,52px);line-height:1.02;letter-spacing:-.06em}.auth-submit{width:100%;min-height:50px;margin-top:18px;padding:12px 16px;border-radius:14px;font-weight:800}.auth-submit .icon,.auth-secondary .icon,.auth-secondary .dw-icon{width:19px;height:19px}.auth-notice{min-height:20px;margin-top:10px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-secondary{min-height:48px;padding:11px 14px;text-align:center;font-size:12px;font-weight:750}.auth-footnote{margin:14px 0 0;color:var(--muted2);font-size:11px;line-height:1.6;text-align:center}.game-hero .game-info{align-self:stretch}.gameframe:fullscreen{padding:0;border:0;border-radius:0;background:#000}.gameframe:fullscreen .gameframe-stage,.gameframe:fullscreen iframe{height:100dvh;min-height:0;border-radius:0}.gameframe:fullscreen .gameframe-head{display:none}.table-wrap{max-width:100%}.admin-grid .admin-stat:nth-child(2) b{color:var(--purple-soft)}.admin-grid .admin-stat:nth-child(3) b{color:var(--cyan)}.notice.ok{color:var(--green)}
@keyframes orbit-spin{from{transform:rotate(-27deg) rotateX(63deg)}to{transform:rotate(333deg) rotateX(63deg)}}@keyframes orbit-spin-reverse{from{transform:rotate(54deg) rotateX(63deg)}to{transform:rotate(-306deg) rotateX(63deg)}}@keyframes core-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-11px) rotate(-8deg)}}@keyframes symbol-pulse{0%,100%{text-shadow:0 0 24px #a47bff,0 0 60px rgba(164,123,255,.7);transform:scale(1)}50%{text-shadow:0 0 35px #bba0ff,0 0 85px rgba(91,230,255,.45);transform:scale(1.05)}}@keyframes chip-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes cross-blink{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}}@keyframes ticker-move{to{transform:translateX(-50%)}}@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes mascot-talk{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
@media(max-width:1100px){.shell{width:min(100% - 42px,1280px)}.arena-hero{grid-template-columns:1fr .8fr;min-height:560px}.hero-art{height:410px}.orbit-one{width:330px;height:330px}.orbit-two{width:270px;height:270px}.art-core{width:170px;height:170px}.core-inner{width:126px;height:126px}.core-symbol{font-size:68px}.chip-top{right:-2px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}.ticker{margin-left:-21px;margin-right:-21px}}
@media(max-width:820px){.shell{width:calc(100% - 32px)}.arena-hero{grid-template-columns:1fr;min-height:auto;padding:56px 0 52px}.hero-copy{max-width:680px}.arena-hero h1{font-size:clamp(55px,12vw,82px)}.hero-art{height:340px;margin-top:12px}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}.art-core{width:150px;height:150px;border-radius:32px}.core-inner{width:110px;height:110px;border-radius:24px}.core-symbol{font-size:60px}.chip-top{right:7%}.chip-bottom{left:6%}.hero-scroll{bottom:2px}.ticker{margin-left:-16px;margin-right:-16px}.dashboard-welcome{padding-top:40px}.profile-orb{width:145px;height:145px}.profile-orb-letter{width:72px;height:72px;font-size:26px;border-radius:23px}.dashboard-top-grid{grid-template-columns:1fr}.game-hero{grid-template-columns:1fr}.game-banner,.game-banner img{min-height:300px}.two{grid-template-columns:1fr}.creator-banner{flex-wrap:wrap}.creator-banner>div:nth-child(2){min-width:60%}.creator-banner>.btn{margin-left:92px}.jamshut{right:8px;transform:scale(.85);transform-origin:bottom right}.nav-label{display:none}}
@media(max-width:580px){.shell{width:calc(100% - 22px)}.nav{padding:13px 0;gap:10px}.brand{gap:7px}.brand-mark{width:33px;height:33px;border-radius:11px}.brand-mark img{width:23px;height:23px}.brand-word{font-size:10px;letter-spacing:.08em}.navlinks{gap:5px}.navlinks .btn,.navlinks .navlink{min-height:38px;padding:8px 10px;border-radius:11px;font-size:10px}.navlinks .desktop-only{display:none}.navlinks .btn.primary{gap:5px}.navlinks .btn.primary span:not(.icon){font-size:10px}.noticebar{align-items:flex-start;flex-direction:column;gap:6px;margin:13px 0 18px}.section-head{align-items:flex-start;flex-direction:column;gap:12px;margin:32px 0 15px}.section-title{font-size:29px}.section-subtitle{font-size:12px}.grid{grid-template-columns:1fr;gap:13px}.game-card .card-media{aspect-ratio:16/8.8}.card-body{padding:15px}.card h3{font-size:19px}.desc{min-height:0}.media-play{opacity:1;transform:none;width:36px;height:36px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form{padding:19px}.game-info{padding:20px}.game-banner,.game-banner img{min-height:220px}.game-title{font-size:39px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gameframe{padding:7px}.gameframe iframe{height:70vh;min-height:380px}.gameframe-toolbar{right:9px;top:9px}.admin-grid{grid-template-columns:1fr;gap:9px}.admin-stat{padding:16px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kpi{padding:9px}.kpi strong{font-size:17px}.footer{padding-bottom:22px}.auth-layout{min-height:auto;padding:20px 0 26px}.auth-card{padding:20px}.auth-actions{grid-template-columns:1fr}.auth-submit,.auth-secondary{min-height:49px}.auth-card h1{font-size:36px}.auth-footnote{text-align:left}.dashboard-welcome{align-items:flex-start;padding:35px 0 25px}.dashboard-welcome h1{font-size:clamp(39px,10vw,57px)}.dashboard-welcome .hero-description{font-size:12px;max-width:340px}.dashboard-welcome>.profile-orb{width:76px;height:76px;margin-top:18px}.profile-orb-ring{inset:5px}.profile-orb-letter{width:43px;height:43px;border-radius:14px;font-size:16px}.profile-orb-label{font-size:7px;bottom:-9px;padding:3px 6px}.profile-orb:before,.profile-orb:after{width:5px;height:5px}.dashboard-top-grid{gap:11px}.balance-panel,.bridge-panel{padding:18px;min-height:0}.balance-panel .balance{font-size:46px}.wallet-bottom{align-items:flex-start;flex-direction:column;gap:5px}.bridge-panel h2{font-size:23px}.dashboard-card-bottom .btn{min-height:35px;padding:8px 10px}.history-panel{padding:7px}.listrow{align-items:flex-start;padding:11px}.history-date{font-size:9px}.creator-banner{gap:14px;padding:19px}.creator-symbol{width:48px;height:48px;border-radius:15px;font-size:28px}.creator-banner>div:nth-child(2){min-width:calc(100% - 65px)}.creator-banner h2{font-size:25px}.creator-banner p{font-size:11px}.creator-banner>.btn{margin-left:0;width:100%}.footer-rich{flex-wrap:wrap;justify-content:center;text-align:center}.footer-rich>span{width:100%}.hero-proof{gap:8px}.proof-status{width:100%}.hero-art{height:285px}.orbit-one{width:245px;height:245px}.orbit-two{width:190px;height:190px}.art-core{width:124px;height:124px;border-radius:26px}.core-inner{width:91px;height:91px;border-radius:20px}.core-symbol{font-size:50px}.chip-top{top:28px;right:0}.chip-bottom{bottom:34px;left:0}.floating-chip{padding:8px 9px;gap:7px}.chip-icon{width:26px;height:26px}.floating-chip b{font-size:8px}.floating-chip small{font-size:8px}.cross-a{top:28px;left:25px}.cross-b{bottom:37px;right:20px}.art-coordinate{bottom:0}.hero-scroll{font-size:7px}.jamshut{right:0;bottom:5px;transform:scale(.66)}.jamshut-bubble{width:190px;bottom:92px;font-size:10px}.jamshut-avatar{width:78px;height:94px}.jamshut-status{font-size:6px}.ticker{margin-left:-11px;margin-right:-11px}.ticker-track{gap:20px;font-size:8px}.game-hero{gap:11px}.downloadbox{padding:18px}.table{min-width:820px}.table th,.table td{padding:10px}.danger-zone{padding:17px}}
@media(max-width:380px){.shell{width:calc(100% - 16px)}.brand-word{font-size:9px}.navlinks{gap:4px}.navlinks .btn,.navlinks .navlink{padding:7px 8px}.navlinks .btn.primary span:not(.icon){display:none}.dashboard-welcome>.profile-orb{display:none}.hero-actions .btn{width:100%}.jamshut{transform:scale(.58)}.hero-art{height:260px}}
@media(hover:none){.card:hover{transform:none}.card:hover .card-media img{transform:none}.media-play{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#arena-canvas{display:none!important}}
/* DewwBit.Games — dedicated game detail and player experience.
   Scoped to .game-page so catalog, dashboard and game frame stay untouched. */
.game-page {
  --gp-ink: #090812;
  --gp-card: rgba(17, 15, 31, .94);
  --gp-border: rgba(190, 166, 255, .14);
  --gp-muted: #a6a0bd;
  --gp-purple: #a988ff;
  --gp-cyan: #65e8ff;
  background:
    radial-gradient(ellipse at 88% 8%, rgba(113, 63, 225, .17), transparent 35rem),
    radial-gradient(ellipse at 8% 48%, rgba(28, 163, 197, .07), transparent 34rem),
    var(--bg, #090812);
}
.game-page .gp-shell { width: min(1500px, calc(100% - 64px)); }
.game-page .gp-nav { padding: 15px 0; border-bottom-color: rgba(255,255,255,.08); }
.game-page .gp-nav-link { min-height: 40px; border-radius: 12px; }
.game-page .gp-nav-label { font-size: 11px; }
.game-page .gp-main { padding-bottom: 20px; }
.game-page .gp-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 19px 0 13px; color: #807a98; font-size: 11px; }
.game-page .gp-breadcrumbs a { color: #c8bbf2; transition: color .2s ease; }
.game-page .gp-breadcrumbs a:hover { color: var(--gp-cyan); }
.game-page .gp-breadcrumbs > span:last-child { color: #c1bbd3; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-page .gp-hero { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: clamp(16px, 2vw, 28px); align-items: stretch; margin: 0 0 20px; min-width: 0; }
.game-page .gp-cover { min-height: 300px; height: clamp(300px, 25vw, 390px); position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--gp-border); border-radius: 24px; background: #100d20; box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.game-page .gp-cover::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(180deg,rgba(8,7,17,.10) 0%,transparent 35%,rgba(8,7,17,.35) 58%,rgba(8,7,17,.97) 100%),linear-gradient(115deg,rgba(8,7,17,.18),transparent 52%,rgba(118,74,255,.13)); }
.game-page .gp-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.game-page .gp-cover-shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: radial-gradient(circle at 82% 13%,rgba(124,87,255,.24),transparent 38%); }
.game-page .gp-cover-badges { position: absolute; z-index: 3; left: 19px; right: 19px; top: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
.game-page .gp-live-badge,.game-page .gp-cover-type { display: inline-flex; align-items: center; gap: 8px; min-height: 29px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: #f7f2ff; background: rgba(8,7,17,.57); backdrop-filter: blur(12px); font: 700 9px/1.2 'DM Mono',monospace; letter-spacing: .08em; }
.game-page .gp-live-badge > span { width: 6px; height: 6px; border-radius: 50%; background: #68f0bd; box-shadow: 0 0 12px rgba(104,240,189,.8); }
.game-page .gp-cover-type { color: #d7caff; }
.game-page .gp-cover-caption { position: absolute; z-index: 3; left: clamp(20px,3vw,32px); right: 20px; bottom: 25px; display: grid; gap: 7px; }
.game-page .gp-cover-caption .eyebrow { color: #d3beff; }
.game-page .gp-cover-caption-title { color: rgba(255,255,255,.83); font: 500 clamp(10px,1vw,13px)/1.4 'DM Mono',monospace; letter-spacing: .18em; }
.game-page .gp-cover-fallback { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 54% 48%,rgba(133,82,255,.33),transparent 20%),radial-gradient(circle at 40% 45%,rgba(38,217,255,.15),transparent 35%),linear-gradient(140deg,#19102f,#080a19 65%,#20103a); }
.game-page .gp-fallback-mark { z-index: 1; color: #f5f1ff; font-size: clamp(28px,4vw,58px); font-weight: 900; line-height: 1; letter-spacing: -.09em; text-shadow: 0 0 45px rgba(158,119,255,.5); }
.game-page .gp-fallback-mark span { color: var(--gp-cyan); }
.game-page .gp-fallback-orbit { position: absolute; width: 65%; aspect-ratio: 1; border: 1px solid rgba(179,148,255,.25); border-radius: 50%; transform: rotate(-26deg) scaleY(.42); box-shadow: 0 0 35px rgba(151,101,255,.08); }
.game-page .gp-orbit-b { width: 82%; transform: rotate(37deg) scaleY(.38); border-color: rgba(101,232,255,.21); }
.game-page .gp-hero-info { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(19px,2.2vw,30px); border: 1px solid var(--gp-border); border-radius: 24px; background: linear-gradient(145deg,rgba(25,20,43,.96),rgba(11,10,21,.96)); box-shadow: 0 28px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035); }
.game-page .gp-meta { margin-bottom: 19px; }
.game-page .gp-meta .tag { max-width: 100%; }
.game-page .gp-title-wrap .eyebrow { color: #a998cf; }
.game-page .gp-title { margin: 9px 0 0; max-width: 17ch; overflow-wrap: anywhere; color: #fbf9ff; font-size: clamp(34px,3.6vw,57px); font-weight: 850; line-height: .99; letter-spacing: -.065em; }
.game-page .gp-summary { margin: 15px 0 0; max-width: 68ch; color: #b2abc8; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.game-page .gp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 21px; }
.game-page .gp-primary-action { min-height: 47px; padding: 12px 17px; border-radius: 13px; font-size: 12px; gap: 10px; }
.game-page .gp-primary-action .icon { width: 16px; height: 16px; }
.game-page .gp-action-arrow { display: inline-grid; place-items: center; width: 21px; height: 21px; margin-left: 5px; border-radius: 7px; background: rgba(255,255,255,.13); font-size: 13px; }
.game-page .gp-author { display: inline-flex; align-items: center; min-width: 0; gap: 9px; margin-left: 1px; }
.game-page .gp-author-avatar { width: 34px; height: 34px; display: grid; place-items: center; flex: none; overflow: hidden; border: 1px solid rgba(169,136,255,.34); border-radius: 11px; background: linear-gradient(145deg,rgba(169,136,255,.22),rgba(101,232,255,.08)); color: #dfd1ff; font-size: 10px; font-weight: 850; }
.game-page .gp-author > span:last-child { display: grid; gap: 2px; min-width: 0; }
.game-page .gp-author small { color: #827c9b; font: 8px/1.3 'DM Mono',monospace; letter-spacing: .11em; }
.game-page .gp-author strong { max-width: 165px; overflow: hidden; color: #ded8f1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.game-page .gp-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: auto; padding-top: 21px; }
.game-page .gp-stat { display: flex; align-items: center; min-width: 0; gap: 9px; padding: 10px 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.025); }
.game-page .gp-stat-icon { width: 29px; height: 29px; display: grid; flex: none; place-items: center; border-radius: 9px; color: #cab6ff; background: rgba(151,110,255,.12); font-size: 11px; }
.game-page .gp-stat:nth-child(2) .gp-stat-icon { color: #72e9ff; background: rgba(101,232,255,.09); }
.game-page .gp-stat:nth-child(3) .gp-stat-icon { color: #ffd17c; background: rgba(255,209,124,.09); }
.game-page .gp-stat > span:last-child { display: grid; min-width: 0; gap: 2px; }
.game-page .gp-stat strong { max-width: 100%; overflow: hidden; color: #f4efff; font-size: 13px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.game-page .gp-stat small { color: #7f7898; font: 8px/1.3 'DM Mono',monospace; letter-spacing: .07em; }
.game-page .gp-play { margin-top: 18px; padding: clamp(12px,1.4vw,19px); overflow: hidden; border-radius: 23px; border-color: rgba(169,136,255,.2); background: linear-gradient(145deg,rgba(20,17,34,.97),rgba(8,8,16,.98)); box-shadow: 0 26px 90px rgba(0,0,0,.28),0 0 55px rgba(112,68,237,.06); }
.game-page .gp-play-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 1px 2px 15px; }
.game-page .gp-play-heading { display: flex; align-items: center; gap: 13px; min-width: 0; }
.game-page .gp-play-icon { width: 43px; height: 43px; display: grid; flex: none; place-items: center; border: 1px solid rgba(176,145,255,.27); border-radius: 14px; background: linear-gradient(145deg,rgba(155,116,255,.19),rgba(80,54,152,.1)); color: #cdbaff; font-size: 17px; box-shadow: inset 0 1px rgba(255,255,255,.05); }
.game-page .gp-play-heading h2 { margin: 3px 0 0; color: #f7f3ff; font-size: clamp(18px,2vw,24px); line-height: 1.15; letter-spacing: -.04em; }
.game-page .gp-play-heading p { margin: 5px 0 0; color: #8d86a7; font-size: 11px; line-height: 1.5; }
.game-page .gp-play-tools { display: flex; align-items: center; gap: 12px; flex: none; }
.game-page .gp-key-hint { display: inline-flex; align-items: center; gap: 7px; color: #9a92b3; font-size: 10px; }
.game-page .gp-key-hint i { color: #c9b5ff; }
.game-page .gp-fullscreen-btn { width: 43px; height: 43px; min-height: 43px; padding: 0; border-color: rgba(169,136,255,.28); border-radius: 13px; color: #eee7ff; background: rgba(139,99,240,.12); }
.game-page .gp-fullscreen-btn:hover { background: rgba(139,99,240,.22); box-shadow: 0 0 28px rgba(139,99,240,.15); }
.game-page .gp-stage { position: relative; height: min(76vh, 900px); min-height: 540px; overflow: hidden; border: 1px solid rgba(177,150,255,.19); border-radius: 16px; isolation: isolate; background: #050509; box-shadow: inset 0 0 35px rgba(0,0,0,.45); }
.game-page .gp-stage-topline { position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 28px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.07); color: rgba(202,194,225,.52); background: rgba(8,7,16,.88); pointer-events: none; font: 8px/1 'DM Mono',monospace; letter-spacing: .12em; }
.game-page .gp-stage-topline > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-page .gp-stage-topline > span:first-child { color: #a9f1d6; }
.game-page .gp-stage-topline > span:last-child { color: #8e7dc1; }
.game-page .gp-stage-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #6feabd; box-shadow: 0 0 8px rgba(111,234,189,.7); }
.game-page .gp-stage iframe { position: absolute; inset: 28px 0 0; display: block; width: 100%; height: calc(100% - 28px); min-height: 0; max-width: none; border: 0; outline: 0; border-radius: 0; background: #050509; }
.game-page .gp-stage iframe:fullscreen { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; border: 0; border-radius: 0; background: #000; }
.game-page .gp-play-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 3px 1px; }
.game-page .gp-play-note { display: flex; align-items: center; gap: 10px; min-width: 0; }
.game-page .gp-note-icon { width: 31px; height: 31px; display: grid; flex: none; place-items: center; border: 1px solid rgba(101,232,255,.13); border-radius: 10px; background: rgba(101,232,255,.06); color: #70e4f6; font-size: 12px; }
.game-page .gp-play-note > span:last-child { display: grid; gap: 2px; }
.game-page .gp-play-note strong { color: #dcd6ec; font-size: 10px; }
.game-page .gp-play-note small { color: #85809a; font-size: 10px; line-height: 1.5; }
.game-page .gp-status { display: flex; align-items: center; justify-content: flex-end; gap: 8px; max-width: 48%; min-width: 0; }
.game-page .gp-status-indicator { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #8a829e; box-shadow: 0 0 0 4px rgba(138,130,158,.09); }
.game-page .gp-status .notice { min-height: 0; color: #a49bbd; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.game-page .gp-status .notice.ok { color: #81edc7; }
.game-page .gp-status .notice.err { color: #ff9caa; }
.game-page .gp-status:has(.notice.ok) .gp-status-indicator { background: #68edb8; box-shadow: 0 0 0 4px rgba(104,237,184,.09),0 0 12px rgba(104,237,184,.5); }
.game-page .gp-status:has(.notice.err) .gp-status-indicator { background: #ff818d; box-shadow: 0 0 0 4px rgba(255,129,141,.09); }
.game-page .gp-download-panel { display: grid; grid-template-columns: 56px minmax(0,1fr) minmax(170px,.48fr); align-items: center; gap: 20px; margin: 18px 0; padding: clamp(20px,2.8vw,34px); }
.game-page .gp-download-symbol { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(169,136,255,.25); border-radius: 17px; background: rgba(151,110,255,.12); color: #cebaff; font-size: 20px; }
.game-page .gp-download-copy h2 { margin: 7px 0 8px; font-size: clamp(20px,2.5vw,28px); letter-spacing: -.045em; line-height: 1.2; }
.game-page .gp-download-copy p { max-width: 68ch; margin: 0; color: #a49cb9; font-size: 12px; line-height: 1.7; }
.game-page .gp-download-message { margin-top: 10px; }
.game-page .gp-download-side { display: grid; justify-items: start; gap: 9px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.08); }
.game-page .gp-safe-label { display: flex; align-items: center; gap: 8px; color: #bff7e4; font-size: 11px; font-weight: 800; }
.game-page .gp-safe-label i { color: #76edc0; }
.game-page .gp-download-side .small { font-size: 10px; line-height: 1.6; }
.game-page .gp-details-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); gap: 13px; margin-top: 20px; }
.game-page .gp-detail-card { min-width: 0; padding: clamp(18px,2.1vw,27px); border-radius: 20px; background: linear-gradient(145deg,rgba(22,18,38,.88),rgba(11,10,20,.93)); box-shadow: 0 16px 46px rgba(0,0,0,.12); }
.game-page .gp-section-kicker { display: flex; align-items: center; gap: 9px; color: #9289ad; font: 9px/1.3 'DM Mono',monospace; letter-spacing: .12em; }
.game-page .gp-section-kicker span { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(169,136,255,.2); border-radius: 7px; background: rgba(151,110,255,.1); color: #d0bdff; }
.game-page .gp-detail-card h2 { margin: 13px 0 11px; color: #f0ebfc; font-size: 18px; line-height: 1.2; letter-spacing: -.04em; }
.game-page .gp-copy { color: #a9a1bf; font-size: 12px; line-height: 1.85; overflow-wrap: anywhere; }
.game-page .gp-hashtag { margin: 13px 5px 0 0; }
.game-page .gp-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; margin-top: 20px; padding: 18px 0 24px; border-top: 1px solid rgba(255,255,255,.07); color: #77718c; font: 8px/1.5 'DM Mono',monospace; letter-spacing: .1em; }
.game-page .gp-footer-brand { gap: 8px; }
.game-page .gp-footer-brand .brand-mark { width: 28px; height: 28px; border-radius: 9px; }
.game-page .gp-footer-brand .brand-mark img { width: 20px; height: 20px; }
.game-page .gp-footer-brand .brand-word { font-size: 9px; }
.game-page .gp-back-top { color: #b5a0ee; white-space: nowrap; }
.game-page .gp-back-top:hover { color: var(--gp-cyan); }
.game-page .gp-play:fullscreen { width: 100vw; height: 100dvh; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; }
.game-page .gp-play:fullscreen .gp-play-head,.game-page .gp-play:fullscreen .gp-play-footer { display: none; }
.game-page .gp-play:fullscreen .gp-stage { height: 100dvh; min-height: 0; border: 0; border-radius: 0; }
.game-page .gp-play:fullscreen .gp-stage-topline { display: none; }
.game-page .gp-play:fullscreen .gp-stage iframe { inset: 0; width: 100%; height: 100dvh; }
@media (min-width: 1500px) {
  .game-page .gp-stage { height: min(78vh, 980px); }
}
@media (max-width: 1120px) {
  .game-page .gp-shell { width: calc(100% - 40px); }
  .game-page .gp-hero { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 14px; }
  .game-page .gp-cover { height: clamp(290px,31vw,360px); }
  .game-page .gp-hero-info { padding: 20px; }
  .game-page .gp-title { font-size: clamp(32px,4vw,46px); }
  .game-page .gp-stats { grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 16px; }
  .game-page .gp-stat { padding: 8px 10px; }
  .game-page .gp-details-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .game-page .gp-description-card { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .game-page .gp-shell { width: calc(100% - 28px); }
  .game-page .gp-nav { padding: 12px 0; }
  .game-page .gp-nav-label { display: none; }
  .game-page .gp-breadcrumbs { margin: 15px 0 12px; font-size: 10px; }
  .game-page .gp-hero { grid-template-columns: minmax(0,1fr); gap: 11px; }
  .game-page .gp-cover { height: clamp(225px,53vw,330px); min-height: 225px; border-radius: 19px; }
  .game-page .gp-cover-badges { left: 13px; right: 13px; top: 13px; }
  .game-page .gp-live-badge,.game-page .gp-cover-type { min-height: 26px; padding: 6px 8px; font-size: 8px; }
  .game-page .gp-cover-caption { left: 18px; bottom: 19px; }
  .game-page .gp-hero-info { padding: 20px; border-radius: 19px; }
  .game-page .gp-meta { margin-bottom: 15px; }
  .game-page .gp-title { font-size: clamp(34px,8vw,47px); }
  .game-page .gp-summary { margin-top: 11px; font-size: 12px; }
  .game-page .gp-actions { gap: 10px; margin-top: 17px; }
  .game-page .gp-primary-action { flex: 1 1 170px; justify-content: center; }
  .game-page .gp-stats { margin-top: 20px; }
  .game-page .gp-play { margin-top: 13px; padding: 9px; border-radius: 17px; }
  .game-page .gp-play-head { gap: 10px; padding: 4px 3px 11px; }
  .game-page .gp-play-icon { width: 37px; height: 37px; border-radius: 12px; font-size: 15px; }
  .game-page .gp-play-heading h2 { font-size: 18px; }
  .game-page .gp-play-heading p { max-width: 34ch; font-size: 10px; }
  .game-page .gp-key-hint { display: none; }
  .game-page .gp-fullscreen-btn { width: 39px; height: 39px; min-height: 39px; }
  .game-page .gp-stage { height: 70dvh; min-height: 390px; max-height: 760px; border-radius: 12px; }
  .game-page .gp-play-footer { align-items: flex-start; flex-direction: column; gap: 11px; padding: 12px 3px 3px; }
  .game-page .gp-status { justify-content: flex-start; max-width: 100%; }
  .game-page .gp-status .notice { font-size: 10px; }
  .game-page .gp-download-panel { grid-template-columns: 44px minmax(0,1fr); gap: 13px; padding: 18px; }
  .game-page .gp-download-symbol { width: 44px; height: 44px; border-radius: 14px; font-size: 17px; }
  .game-page .gp-download-side { grid-column: 2; padding: 11px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }
  .game-page .gp-details-grid { grid-template-columns: minmax(0,1fr); gap: 10px; margin-top: 14px; }
  .game-page .gp-description-card { grid-column: auto; }
  .game-page .gp-detail-card { padding: 19px; border-radius: 17px; }
  .game-page .gp-detail-card h2 { margin-top: 10px; font-size: 17px; }
  .game-page .gp-footer { flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 14px; }
  .game-page .gp-footer > span { order: 3; width: 100%; text-align: center; }
}
@media (max-width: 420px) {
  .game-page .gp-shell { width: calc(100% - 20px); }
  .game-page .gp-nav { gap: 8px; }
  .game-page .gp-nav .brand-word { font-size: 9px; letter-spacing: .075em; }
  .game-page .gp-nav .brand-mark { width: 33px; height: 33px; }
  .game-page .gp-nav .brand-mark img { width: 23px; height: 23px; }
  .game-page .navlinks { gap: 5px; }
  .game-page .gp-nav-link { min-height: 36px; padding: 8px 9px; }
  .game-page .gp-cover { height: 225px; }
  .game-page .gp-hero-info { padding: 17px; }
  .game-page .gp-title { font-size: 34px; }
  .game-page .gp-stats { gap: 6px; }
  .game-page .gp-stat { gap: 7px; padding: 8px; }
  .game-page .gp-stat-icon { width: 26px; height: 26px; }
  .game-page .gp-stat small { font-size: 7px; }
  .game-page .gp-stage { height: 66dvh; min-height: 360px; }
  .game-page .gp-stage-topline { padding: 0 8px; font-size: 7px; }
  .game-page .gp-play-heading p { max-width: 26ch; }
  .game-page .gp-download-panel { grid-template-columns: minmax(0,1fr); }
  .game-page .gp-download-side { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .game-page .gp-breadcrumbs a,.game-page .gp-fullscreen-btn { transition: none !important; }
}