:root { --navy:#071225; --panel:#101f3a; --line:rgba(181,205,255,.15); --text:#f6f8ff; --muted:#aab8d4; --blue:#3d8bff; --gold:#ffc94d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--navy); font-family:Manrope, sans-serif; }
button { font:inherit; cursor:pointer; }
.page-shell { width:min(1120px, calc(100% - 32px)); margin:auto; padding-bottom:72px; }
.navbar { height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:white; display:flex; align-items:center; gap:10px; font:700 19px 'Space Grotesk',sans-serif; text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:linear-gradient(135deg,#4f9dff,#5753ff); }
.share-button { border:1px solid var(--line); background:transparent; color:white; border-radius:9px; padding:10px 15px; font-size:13px; }
.hero { overflow:hidden; position:relative; min-height:347px; border:1px solid var(--line); border-radius:20px; background:#0c1b33; }
.cover-art { height:185px; background:radial-gradient(circle at 78% 12%,#a84cff 0 4%,transparent 22%),radial-gradient(circle at 60% 20%,#3478e6 0 6%,transparent 28%),linear-gradient(117deg,#102f61,#171348 51%,#422078); }
.cover-art:after { content:''; display:block; width:100%; height:100%; background:linear-gradient(transparent 35%,#0c1b33), repeating-linear-gradient(125deg,transparent 0 28px,rgba(255,255,255,.04) 29px 30px); }
.profile-content { position:relative; display:flex; align-items:flex-end; gap:20px; margin:-50px 34px 26px; }
.avatar { flex:none; display:grid; place-items:center; width:116px; height:116px; border:5px solid #0c1b33; border-radius:50%; background:linear-gradient(145deg,#ffd150,#f15a7b 48%,#655dff); color:#fff; font:700 32px 'Space Grotesk'; box-shadow:0 12px 24px #02071166; }
.profile-copy { max-width:580px; }
.status { color:#b9c7e2; font-size:12px; margin-bottom:5px; }.status span { display:inline-block; width:8px;height:8px;background:#52e4a3;border-radius:50%;margin-right:6px; }
h1,h2,h3,p { margin:0; } h1,h2,h3 { font-family:'Space Grotesk',sans-serif; } h1 { font-size:31px; }.handle,.bio { color:var(--muted); }.handle { font-size:14px; margin:3px 0 10px; }.bio { font-size:14px; line-height:1.6; }
.follow-button { margin-left:auto; border:0; color:#071225; background:#fff; border-radius:9px; padding:11px 21px; font-weight:800; }.follow-button.following { background:#325483;color:#fff; }
.highlights { display:grid; grid-template-columns:repeat(4,1fr); margin:24px 0 44px; padding:22px 0; background:#0b1930; border:1px solid var(--line); border-radius:16px; }.highlights article { text-align:center; border-right:1px solid var(--line); }.highlights article:last-child { border:0; }.highlights strong { display:block; font:700 22px 'Space Grotesk'; }.highlights span { color:var(--muted); font-size:12px; }.unit { font-size:13px; }.content-grid { display:grid; grid-template-columns:1.6fr .8fr; gap:25px; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:19px; }.eyebrow { color:#71a6ff; letter-spacing:.13em; font-weight:800; font-size:10px; margin-bottom:7px; }.section-heading h2,.progress-card h2 { font-size:23px; }.section-heading a { color:#9ec4ff; font-size:13px; text-decoration:none; }
.achievement-list { border:1px solid var(--line); border-radius:16px; overflow:hidden; background:rgba(16,31,58,.66); }.achievement { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:14px; padding:17px; border-bottom:1px solid var(--line); }.achievement:last-child { border:0; }.trophy { display:grid; place-items:center; width:43px;height:43px;border-radius:12px;font-size:21px; }.platinum { background:#dce8ff;color:#395387; }.gold { background:#573e0b;color:#ffd34f; }.silver { background:#334158;color:#d4e3ff; }.achievement h3 { font-size:14px; }.achievement p,.achievement time { color:var(--muted); font-size:11px; margin-top:4px; }.achievement time { margin:0; white-space:nowrap; }
.progress-card { padding:24px; border:1px solid rgba(119,164,255,.3); border-radius:16px; background:linear-gradient(145deg,#182f56,#111d39); }.progress-card > p:not(.eyebrow) { color:var(--muted);font-size:13px;margin:6px 0 28px; }.progress-label { display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px; }.progress-label span,.progress-card small { color:var(--muted); }.progress-bar { height:8px;background:#0a1429;border-radius:999px;overflow:hidden; }.progress-bar span { display:block;width:86%;height:100%;background:linear-gradient(90deg,#4992ff,#a651ff);border-radius:inherit; }.progress-card small { display:block;font-size:11px;margin-top:9px; }
.games-section { margin-top:50px; }.game-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:17px; }.game-card { min-height:205px; display:flex;align-items:end;padding:17px;border-radius:15px;overflow:hidden;background-size:cover;box-shadow:inset 0 -80px 50px -25px #050914; }.game-card div { position:relative;z-index:1; }.game-card span { display:block;font:600 16px 'Space Grotesk'; }.game-card small { color:#d3dcf3;font-size:12px; }.game-one { background-image:linear-gradient(160deg,transparent 30%,#0b1526),radial-gradient(circle at 65% 22%,#ffba54,transparent 18%),linear-gradient(132deg,#4a9e98,#224c51 60%,#141b2b); }.game-two { background-image:linear-gradient(150deg,transparent 20%,#121825),radial-gradient(circle at 73% 20%,#ee7b44,transparent 16%),linear-gradient(130deg,#31566a,#111d29 60%); }.game-three { background-image:linear-gradient(150deg,transparent 25%,#10152b),radial-gradient(ellipse at 80% 30%,#ff4b55,transparent 25%),linear-gradient(125deg,#114b7c,#18234f 58%,#4d1726); }
.toast { position:fixed; left:50%;bottom:26px; transform:translate(-50%,20px); opacity:0; pointer-events:none; background:#eff5ff;color:#0a1930;padding:11px 16px;border-radius:9px;font-size:13px;font-weight:700;transition:.22s; }.toast.visible { transform:translate(-50%,0);opacity:1; }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity:1; transform:translateY(0); }
.game-grid { grid-template-columns:repeat(4,1fr); }.game-four { background-image:linear-gradient(150deg,transparent 25%,#111322),radial-gradient(circle at 72% 28%,#56d8a9,transparent 17%),linear-gradient(135deg,#164e5a,#24205b 60%,#251236); }
@media (max-width:720px) { .game-grid { grid-template-columns:1fr; } }
.game-one { background-image:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.05) 75%),url('assets/fortnite.png'); background-position:center; }
.game-two { background-image:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.05) 75%),url('assets/lords-of-the-fallen.jpg'); background-position:center; }
.game-three { background-image:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.05) 75%),url('assets/clair-obscur-key-art.jpg'); background-position:center; }
.game-four { background-image:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.05) 75%),url('assets/wuchang.jpg'); background-position:center; }
.game-card { --rotate-x:0deg; --rotate-y:0deg; --glow-x:50%; --glow-y:50%; position:relative; transform:perspective(850px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(0); transition:transform .18s ease,box-shadow .18s ease; will-change:transform; }
.game-card::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(173,211,255,.34),transparent 42%); transition:opacity .18s ease; }
.game-card:hover { box-shadow:0 20px 34px rgba(0,0,0,.42),0 0 0 1px rgba(151,193,255,.35); }.game-card:hover::before { opacity:1; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; }.game-card { transform:none !important; transition:none; } }
@media (max-width:720px) { .page-shell{width:min(100% - 22px,1120px)}.navbar{height:68px}.share-button{padding:8px 10px}.profile-content{align-items:flex-start;flex-wrap:wrap;margin:-44px 19px 22px;gap:13px}.avatar{width:91px;height:91px;font-size:25px}.profile-copy{width:calc(100% - 105px)}h1{font-size:26px}.bio{width:100%;margin-left:-104px}.follow-button{margin:0}.highlights{grid-template-columns:repeat(2,1fr);gap:19px}.highlights article:nth-child(2){border:0}.content-grid,.game-grid{grid-template-columns:1fr}.side-column{order:-1}.achievement{grid-template-columns:43px 1fr}.achievement time{grid-column:2}.game-card{min-height:170px} }
.game-grid { gap:22px; }
.game-card { --lift:0px; position:relative; min-height:0; aspect-ratio:1 / 1; margin-bottom:43px; padding:0; overflow:visible; border-radius:13px; background-size:cover; background-position:center; transform:translateY(var(--lift)) scale(1); transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .25s ease; will-change:transform; isolation:isolate; }
.game-card::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; opacity:0; background:linear-gradient(135deg,rgba(182,223,255,.32),transparent 42%); transition:opacity .25s ease; }
.game-card:hover { --lift:-7px; transform:translateY(var(--lift)) scale(1.035); box-shadow:0 20px 28px rgba(0,0,0,.4),0 0 0 2px rgba(230,241,255,.5); filter:brightness(1.08); z-index:2; }
.game-card:hover::before { opacity:1; }
.game-card div { position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:2; }
.game-card span { font-size:15px; line-height:1.25; }
.game-card small { display:block; margin-top:4px; color:#aab8d4; font-size:11px; }
.game-one { background-image:linear-gradient(0deg,rgba(5,9,20,.32),rgba(5,9,20,.03) 75%),url('assets/fortnite.png'); }
.game-two { background-image:linear-gradient(0deg,rgba(5,9,20,.32),rgba(5,9,20,.03) 75%),url('assets/lords-of-the-fallen.jpg'); }
.game-three { background-image:linear-gradient(0deg,rgba(5,9,20,.32),rgba(5,9,20,.03) 75%),url('assets/clair-obscur-key-art.jpg'); }
.game-four { background-image:linear-gradient(0deg,rgba(5,9,20,.32),rgba(5,9,20,.03) 75%),url('assets/wuchang.jpg'); }
@media (max-width:720px) { .game-grid { grid-template-columns:1fr; } .game-card { min-height:0; } }
.collection-card { padding:24px; border:1px solid rgba(119,164,255,.3); border-radius:16px; background:linear-gradient(145deg,#182f56,#111d39); }.collection-card h2 { font-size:21px; }.collection-overview { display:flex; align-items:center; gap:19px; margin-top:21px; }.donut { display:grid; place-items:center; flex:none; width:132px; aspect-ratio:1; border-radius:50%; background:conic-gradient(#e6efff 0deg 4.5deg,#ffcc4b 4.5deg 26.1deg,#9eb4d4 26.1deg 94.3deg,#b47455 94.3deg 360deg); box-shadow:0 0 30px rgba(73,146,255,.16); }.donut > div { display:flex; flex-direction:column; align-items:center; justify-content:center; width:94px; aspect-ratio:1; border-radius:50%; background:#142542; }.donut strong { font:700 18px 'Space Grotesk'; }.donut span { color:var(--muted); font-size:10px; }.trophy-legend { flex:1; display:grid; gap:9px; list-style:none; padding:0; margin:0; }.trophy-legend li { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; }.trophy-legend li span::before { content:''; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; }.legend-platinum span::before{background:#e6efff}.legend-gold span::before{background:#ffcc4b}.legend-silver span::before{background:#9eb4d4}.legend-bronze span::before{background:#b47455}.trophy-legend strong { color:#fff; font-size:12px; }
.spotlight { position:relative; min-height:292px; display:flex; align-items:end; overflow:hidden; margin-top:50px; padding:32px; border:1px solid rgba(134,177,255,.34); border-radius:20px; background-image:linear-gradient(90deg,#08172d 5%,rgba(8,23,45,.86) 39%,rgba(8,23,45,.12) 78%),url('assets/fortnite-spotlight.jpg'); background-position:center 52%; background-size:cover; box-shadow:0 18px 40px rgba(0,0,0,.18); }.spotlight::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 30%,rgba(139,193,255,.16),transparent 70%); animation:spotlight-glow 5s ease-in-out infinite; }.spotlight-content { position:relative; z-index:1; width:min(500px,100%); }.spotlight h2 { font-size:38px; }.spotlight-content > p:not(.eyebrow) { max-width:430px; margin-top:8px; color:#d5e0f7; font-size:14px; line-height:1.6; }.spotlight-stats { display:flex; flex-wrap:wrap; gap:28px; margin-top:25px; }.spotlight-stats div { display:grid; gap:3px; }.spotlight-stats strong { font:700 19px 'Space Grotesk'; }.spotlight-stats span { color:#b7c5df; font-size:11px; }@keyframes spotlight-glow { 0%,100%{opacity:.2;transform:translateX(-15%)}50%{opacity:.75;transform:translateX(15%)} }
.badges-section { margin-top:50px; }.badge-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.badge { display:flex; align-items:center; gap:11px; min-height:82px; padding:15px; border:1px solid var(--line); border-radius:14px; background:rgba(16,31,58,.72); transition:transform .2s ease,border-color .2s ease,background .2s ease; }.badge:hover { transform:translateY(-4px); border-color:rgba(139,187,255,.55); background:#13294d; }.badge-icon { display:grid; place-items:center; flex:none; width:35px; height:35px; border-radius:10px; color:#ffd35a; background:rgba(255,201,77,.12); font-size:17px; }.badge strong { display:block; font:600 12px 'Space Grotesk'; }.badge small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
@media (max-width:720px) { .collection-overview { gap:25px; }.spotlight { min-height:330px; padding:24px; background-image:linear-gradient(0deg,#08172d 2%,rgba(8,23,45,.62) 68%,rgba(8,23,45,.15)),url('assets/fortnite.png'); background-position:center; }.spotlight h2 { font-size:31px; }.spotlight-stats { gap:18px; }.badge-grid { grid-template-columns:repeat(2,1fr); } }
@media (prefers-reduced-motion:reduce) { .spotlight::after { animation:none; } }
.collection-card { min-width:0; }.collection-overview { flex-direction:column; align-items:stretch; gap:15px; }.donut { margin:0 auto; }.trophy-legend { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; }.trophy-legend li { min-width:0; }
.nav-actions { display:flex; align-items:center; gap:10px; }.theme-toggle { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:9px; padding:10px 13px; color:#fff; background:rgba(11,25,48,.65); font-size:13px; }.theme-toggle span:first-child { font-size:16px; line-height:1; }.theme-toggle:hover { border-color:rgba(156,196,255,.7); background:#173560; }
.trophy-bars { display:grid; gap:14px; margin-top:22px; }.trophy-bar-label { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; color:var(--muted); font-size:12px; }.trophy-bar-label strong { color:var(--text); font:700 13px 'Space Grotesk'; }.trophy-bar-label span::before { content:''; display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; }.legend-platinum::before{background:#e6efff}.legend-gold::before{background:#ffcc4b}.legend-silver::before{background:#9eb4d4}.legend-bronze::before{background:#b47455}.bar-track { height:9px; overflow:hidden; border-radius:999px; background:#0a1429; }.bar-track span { display:block; min-width:5px; height:100%; border-radius:inherit; }.bar-platinum{background:#e6efff}.bar-gold{background:#ffcc4b}.bar-silver{background:#9eb4d4}.bar-bronze{background:#b47455}
body { transition:background .25s ease,color .25s ease; }.light-theme { --navy:#f5f7fb; --panel:#ffffff; --line:rgba(27,61,110,.18); --text:#13223b; --muted:#64738b; --blue:#176fe8; --gold:#ad7200; }.light-theme .brand { color:#13223b; }.light-theme .share-button,.light-theme .theme-toggle { color:#13223b; background:#fff; }.light-theme .theme-toggle:hover { background:#eaf2ff; border-color:#7baaf0; }.light-theme .hero { color:#fff; }.light-theme .hero .handle,.light-theme .hero .bio { color:#c8d6ef; }.light-theme .highlights,.light-theme .achievement-list,.light-theme .badge { background:#fff; }.light-theme .collection-card { background:linear-gradient(145deg,#ffffff,#edf4ff); border-color:rgba(45,104,190,.24); }.light-theme .bar-track { background:#dce6f5; }.light-theme .spotlight { color:#fff; }.light-theme .spotlight-stats span { color:#d7e5ff; }.light-theme .badge:hover { background:#f2f7ff; border-color:#8db8f5; }.light-theme .trophy-bar-label strong { color:#13223b; }
@media (max-width:720px) { .nav-actions { gap:6px; }.theme-toggle,.share-button { padding:8px 9px; font-size:11px; }.theme-toggle span:last-child { display:none; } }
.hero { min-height:310px; }.cover-art { position:relative; height:158px; overflow:hidden; }.cover-art::before { content:''; position:absolute; inset:-45px; background:radial-gradient(circle at 15% 80%,rgba(150,204,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 62% 18%,rgba(238,207,255,.6) 0 1.5px,transparent 2.5px),radial-gradient(circle at 85% 62%,rgba(112,168,255,.55) 0 1px,transparent 2px); background-size:120px 110px,190px 150px,145px 125px; opacity:.58; animation:ambient-drift 13s linear infinite; }.cover-art:after { position:absolute; inset:0; width:auto; height:auto; }.profile-content { align-items:center; gap:18px; margin:-46px 34px 22px; }.profile-copy { max-width:410px; }.avatar { position:relative; box-shadow:0 12px 24px #02071166,0 0 0 2px rgba(159,207,255,.42),0 0 32px rgba(107,102,255,.38); }.avatar::after { content:none; }.profile-actions { display:grid; grid-template-columns:repeat(3,74px); gap:7px; margin-left:auto; }.mini-stat { display:grid; place-items:center; align-content:center; min-height:58px; padding:7px 5px; border:1px solid rgba(187,212,255,.23); border-radius:10px; background:rgba(5,15,36,.46); backdrop-filter:blur(7px); }.mini-stat span { color:#b9c9e5; font-size:9px; }.mini-stat strong { margin-top:2px; color:#fff; font:700 16px 'Space Grotesk'; }.profile-actions .follow-button { grid-column:1 / -1; width:100%; padding:9px 16px; }.follow-button.following { background:#325483;color:#fff; }@keyframes ambient-drift { from{transform:translate3d(-12px,8px,0)}50%{transform:translate3d(18px,-9px,0)}to{transform:translate3d(-12px,8px,0)} }
@media (max-width:860px) { .profile-content { align-items:flex-end; flex-wrap:wrap; }.profile-copy { max-width:calc(100% - 140px); }.profile-actions { width:100%; margin-left:134px; grid-template-columns:repeat(3,minmax(70px,1fr)); }.profile-actions .follow-button { grid-column:auto; } }
@media (max-width:720px) { .hero { min-height:390px; }.cover-art { height:150px; }.profile-content { align-items:flex-start; margin:-43px 19px 22px; }.profile-copy { max-width:calc(100% - 105px); }.profile-actions { width:100%; margin-left:0; grid-template-columns:repeat(3,1fr); }.profile-actions .follow-button { grid-column:1 / -1; }.avatar::after { width:15px; height:15px; } }
@media (prefers-reduced-motion:reduce) { .cover-art::before { animation:none; } }
.highlights strong { display:flex; align-items:center; justify-content:center; min-height:28px; font-size:22px; line-height:1; }.highlights strong .counter,.highlights .unit { font:inherit; line-height:inherit; }.trophy-name { display:inline-flex; align-items:center; gap:6px; }.trophy-bar-label .trophy-name::before { content:none; display:none; }.trophy-icon { flex:none; }.trophy-name svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }.trophy-platinum{color:#dfeaff}.trophy-gold{color:#ffca47}.trophy-silver{color:#afc4e2}.trophy-bronze{color:#cf8a66}
.light-theme .trophy-platinum { color:#5e7ea9; }.light-theme .trophy-silver { color:#667f9f; }.light-theme .bar-platinum { background:#7c9bc1; }.light-theme .bar-silver { background:#7891b0; }
.game-card { border:0; color:inherit; font:inherit; text-align:left; cursor:pointer; }.game-card:focus-visible { outline:3px solid #91c3ff; outline-offset:4px; }.game-dialog { width:min(680px,calc(100% - 28px)); overflow:hidden; padding:0; color:var(--text); border:1px solid rgba(136,183,255,.48); border-radius:20px; background:var(--panel); box-shadow:0 30px 90px rgba(0,0,0,.58); }.game-dialog::backdrop { background:rgba(2,8,20,.76); backdrop-filter:blur(5px); }.dialog-art { height:260px; background-position:center; background-size:cover; }.dialog-content { position:relative; padding:27px; }.dialog-content h2 { max-width:88%; font-size:28px; }.dialog-content > p:not(.eyebrow) { margin-top:9px; color:var(--muted); line-height:1.6; font-size:14px; }.dialog-close { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--text); background:var(--panel); font-size:22px; line-height:1; }.dialog-close:hover { background:#e9f2ff; }.dialog-metrics { display:flex; gap:36px; margin-top:24px; padding-top:19px; border-top:1px solid var(--line); }.dialog-metrics div { display:grid; gap:3px; }.dialog-metrics strong { font:700 19px 'Space Grotesk'; }.dialog-metrics span { color:var(--muted); font-size:11px; }.light-theme .game-dialog { background:#fff; }.light-theme .dialog-close { background:#fff; }.light-theme .dialog-close:hover { background:#e9f2ff; }@media (max-width:560px) { .dialog-art { height:205px; }.dialog-content { padding:22px; }.dialog-content h2 { font-size:24px; }.dialog-metrics { gap:18px; } }
.admin-page { min-height:100vh; background:linear-gradient(145deg,#071225,#10264b); }.admin-shell { width:min(900px,calc(100% - 32px)); margin:auto; padding:30px 0 72px; }.admin-header { display:flex; align-items:center; justify-content:space-between; }.admin-link { display:inline-flex; align-items:center; min-height:38px; padding:8px 12px; color:#d8e7ff; border:1px solid var(--line); border-radius:9px; text-decoration:none; font-size:13px; }.admin-link:hover { background:#173560; }.admin-intro { max-width:620px; margin:62px 0 30px; }.admin-intro h1 { font-size:36px; }.admin-intro > p:not(.eyebrow) { margin-top:11px; color:#b9c9e5; line-height:1.7; }.admin-form { display:grid; gap:17px; }.admin-card { padding:26px; border:1px solid rgba(139,187,255,.25); border-radius:17px; background:rgba(11,25,48,.74); }.admin-card h2 { margin-bottom:20px; font-size:20px; }.form-grid { display:grid; gap:15px; }.two-columns { grid-template-columns:repeat(2,1fr); }.four-columns { grid-template-columns:repeat(3,1fr); }.admin-card label { display:grid; gap:7px; color:#c6d4ec; font-size:12px; font-weight:700; }.admin-card input,.admin-card textarea { width:100%; border:1px solid rgba(161,193,241,.25); border-radius:9px; padding:11px 12px; color:#fff; background:#08172d; font:inherit; font-size:14px; outline:none; }.admin-card textarea { resize:vertical; }.admin-card input:focus,.admin-card textarea:focus { border-color:#6ca8ff; box-shadow:0 0 0 3px rgba(76,143,255,.16); }.form-summary { margin:18px 0 0; color:#aab8d4; font-size:13px; }.form-summary strong { color:#fff; }.games-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.game-form-card { display:grid; grid-template-columns:1fr 92px; gap:10px; min-width:0; margin:0; padding:14px; border:1px solid var(--line); border-radius:12px; }.game-form-card legend { padding:0 4px; color:#78aaf8; font-size:10px; font-weight:800; letter-spacing:.08em; }.form-actions { display:flex; justify-content:flex-end; align-items:center; gap:18px; }.cancel-link { color:#c5d6f1; text-decoration:none; font-size:13px; }.save-button { border:0; border-radius:10px; padding:12px 18px; color:#061225; background:#fff; font-weight:800; }.save-button:hover { background:#dbeaff; }@media (max-width:650px) { .admin-shell { width:min(100% - 22px,900px); }.admin-header { gap:12px; }.admin-intro { margin:42px 0 23px; }.admin-intro h1 { font-size:30px; }.two-columns,.four-columns,.games-form-grid { grid-template-columns:1fr; }.game-form-card { grid-template-columns:1fr; }.form-actions { justify-content:space-between; } }