:root{color-scheme:dark;--bg:#0d121b;--panel:#151d29;--line:#ffffff13;--text:#f0f5f8;--muted:#9baaba;--lime:#b8fa64;--cyan:#64eee0;font:16px/1.55 Inter,"Segoe UI","Microsoft Yahei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover:not(:disabled),a.secondary:hover{filter:brightness(1.12)}.hidden{display:none!important}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:64px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:1px;font-weight:700}.brand strong{color:var(--lime)}nav{display:flex;gap:30px;align-self:stretch}.nav{border:0;background:none;font-size:15px;color:var(--muted);padding:0 4px;position:relative}.nav.active{color:var(--text)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--lime)}.account{margin-left:auto;background:none;border:0;display:flex;align-items:center;gap:10px;font-size:14px}.avatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid #b8fa6440;border-radius:50%;background:#b8fa6415;color:var(--lime);font-weight:700}.avatar.large{width:52px;height:52px;font-size:23px}main{max-width:1440px;margin:auto;padding:42px 5% 64px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(27px,2.7vw,39px);line-height:1.3;letter-spacing:-1px;margin:0;font-weight:750}h2{font-size:27px;line-height:1.3;margin:0 0 16px}h3{font-size:19px;margin:10px 0}.lime{color:var(--lime)}.catalog-count{font-size:13px;color:var(--muted);padding-bottom:5px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(295px,1fr);gap:26px;align-items:start}.game-card{border:1px solid #40536950;border-radius:22px;overflow:hidden;background:#151d29}.game-art{height:315px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 63% 38%,#34476c,#1a2850 56%,#111b31);isolation:isolate}.arena-grid{position:absolute;inset:-90%;background-image:linear-gradient(#7190dc17 1px,transparent 1px),linear-gradient(90deg,#7190dc17 1px,transparent 1px);background-size:58px 58px;transform:perspective(400px) rotateX(50deg) rotateZ(-17deg);z-index:-1}.cube{position:absolute;display:grid;place-items:center;border-radius:17px;box-shadow:inset -7px -16px #0002,0 18px 0 #0003,14px 32px 30px #0004;color:#253657;font-weight:850;transform:rotate(-14deg)}.cube-small{background:#f39daf;width:74px;height:81px;font-size:38px;left:23%;top:161px}.cube-mid{background:#63dece;width:107px;height:111px;font-size:44px;left:37%;top:128px}.cube-large{background:#ffe68e;width:150px;height:151px;font-size:46px;left:54%;top:61px;transform:rotate(-14deg)}.art-cross,.art-orbit{position:absolute;font-weight:700;border:2px solid #b8fa6466;border-radius:50%;padding:8px 12px;color:#c3ff84;background:#1b3551;transform:rotate(10deg);font-size:20px;left:18%;top:48px;box-shadow:0 0 32px #b8fa641c}.art-orbit{border-color:#b795ff77;color:#d0b5ff;left:81%;top:190px;font-size:16px;padding:6px 10px}.art-pip{position:absolute;width:23px;height:25px;background:#9c9bf0;box-shadow:2px 6px #0003;border-radius:4px;transform:rotate(-14deg)}.pip1{left:9%;top:159px}.pip2{left:81%;top:66px;background:#64d2b3}.pip3{left:44%;top:36px;background:#e9948c;width:17px;height:18px}.art-caption{position:absolute;bottom:22px;left:28px;font-size:10px;letter-spacing:2px;color:#a2b9d5}.game-number{position:absolute;top:23px;left:28px;font-size:11px;letter-spacing:2px;color:#c5d5ea}.game-info{padding:25px 28px}.game-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#b6c7d6}.game-tags span{border:1px solid var(--line);border-radius:6px;padding:3px 9px}.game-title-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}.game-title-row h2{font-size:36px;margin-bottom:7px;letter-spacing:-1px}.game-title-row h2 span{color:var(--cyan)}.game-title-row p{margin:0;color:var(--muted);font-size:15px}.game-mark{font-size:38px;color:#657587;font-weight:300}.game-actions{display:flex;gap:12px}.primary,.secondary{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:11px 19px;border-radius:10px;font-size:15px;font-weight:600}.primary{background:var(--lime);color:#1c2918}.primary span{margin-left:auto;font-size:20px}.secondary{border-color:#ffffff20;background:#ffffff04;color:#e1eaf0}.game-actions .primary{flex:1}.game-footnote{font-size:12px;color:#8195aa;margin:16px 0 0}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#1a2432,#141c27);padding:29px}.login-panel{position:relative}.small-icon{position:absolute;top:28px;right:30px;font-size:29px;color:#6d849d}.login-panel h2{font-size:31px;line-height:1.35;margin:17px 0}.muted{color:var(--muted)}.login-panel>.muted{font-size:14px;margin-bottom:23px}.form-note{font-size:12px;color:#8fa0b3;margin:12px 0;line-height:1.6}label{display:block;font-size:14px;margin:14px 0 7px}input{background:#0c131d;border:1px solid #ffffff1c;border-radius:9px;padding:12px 14px;width:100%;color:var(--text);min-width:0;font-size:16px}input::placeholder{color:#728194;font-size:14px}.password-field{display:flex;background:#0c131d;border:1px solid #ffffff1c;border-radius:9px;align-items:center}.password-field input{background:transparent;border:0}.password-field button{background:none;border:0;font-size:12px;color:var(--muted);padding:10px}form .primary{width:100%}.error{font-size:14px;color:#ffb5b9;min-height:0}.error:empty{display:none}.save-note{display:flex;gap:13px;padding:20px 15px}.save-note>span{font-size:26px;color:#91a8bb}.save-note strong{font-size:14px;font-weight:500}.save-note p{font-size:12px;color:var(--muted);margin:4px 0}.profile-top{display:flex;gap:15px;align-items:center}.profile-top h2{font-size:22px;margin:0;overflow-wrap:anywhere}.profile-top .eyebrow{font-size:10px;margin:0 0 5px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 12px;margin:33px 0}.stat-grid strong{display:block;font-size:24px;font-weight:600;overflow-wrap:anywhere}.stat-grid span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.continue-box{border-top:1px solid var(--line);padding-top:24px}.continue-box p.muted{font-size:14px;margin:9px 0 20px}.continue-box .primary{width:100%}.text-button{background:none;border:0;color:var(--cyan);font-size:14px;padding:8px 0}.continue-box .text-button{margin-top:10px}.recent-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:22px;margin:0}.recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recent-card{border:1px solid var(--line);padding:20px;border-radius:14px;background:#121a25;cursor:pointer;text-align:left;color:inherit}.recent-card .mini-cube{float:right;background:#64eee01a;color:var(--cyan);padding:4px 10px;border-radius:7px;font-size:20px}.recent-card h3{font-size:16px;margin:0 0 8px}.recent-card p{color:var(--muted);font-size:13px;margin:7px 0}.recent-card strong{font-size:22px}.empty-text{border:1px dashed #ffffff16;border-radius:14px;padding:26px;color:var(--muted);font-size:14px;grid-column:1/-1;margin:0}.record-tools{display:flex;gap:10px;flex-wrap:wrap}.records-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:25px;background:#121a25}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{font-size:12px;color:var(--muted);font-weight:500;text-align:left;padding:17px 20px;background:#18212d}td{padding:20px;border-top:1px solid var(--line);font-size:14px}td small{display:block;color:var(--muted);font-size:12px;margin-top:5px}td .secondary{font-size:13px;min-height:36px;padding:6px 12px}.score{color:var(--cyan);font-variant-numeric:tabular-nums}.status{font-size:12px;padding:4px 8px;border-radius:5px;background:#ffffff07;color:#c3d0dc;white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);gap:15px}.pagination>div{display:flex;gap:15px;align-items:center}.pagination .secondary{font-size:13px;min-height:36px;padding:6px 12px}footer{max-width:1440px;margin:auto;padding:24px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#728498;gap:20px;font-size:12px;letter-spacing:.4px}dialog{color:var(--text);background:#18222f;border:1px solid #ffffff24;border-radius:20px;box-shadow:0 25px 100px #0008;width:min(500px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:30px}dialog::backdrop{background:#05090fd4;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:28px;color:#9eb0c3}dialog h2{margin-top:15px}dialog .muted{font-size:14px}dialog .full{width:100%;margin-top:14px}.detail-dialog{width:min(620px,calc(100% - 28px))}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-stats>div{background:#101923;border-radius:10px;padding:15px}.detail-stats span{display:block;color:var(--muted);font-size:12px}.detail-stats strong{font-size:21px;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.point{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.notice{padding:14px 18px;background:#21352f;border:1px solid #6ec99a33;border-radius:10px;margin-bottom:20px;font-size:14px}#detailInfo p{color:var(--muted);font-size:14px}
@media(max-width:1000px){.site-header{gap:35px}.lobby-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.game-art{height:300px}.cube-large{width:128px;height:131px;font-size:39px}.cube-mid{width:90px;height:95px;font-size:37px}.cube-small{left:15%;width:64px;height:70px;font-size:32px}.cube-mid{left:31%}.cube-large{left:53%}.panel{padding:23px}.game-info{padding:24px}.game-actions{flex-wrap:wrap}.game-actions .primary{flex-basis:100%}.game-actions .secondary{width:100%}.game-title-row h2{font-size:30px}.game-mark{display:none}}
@media(max-width:720px){.site-header{height:76px;padding:0 20px;gap:20px}.brand{font-size:17px;gap:8px}.brand img{width:30px;height:30px}nav{gap:16px}.nav{font-size:13px}.account{font-size:13px;gap:0}.account #accountLabel{display:none}main{padding:28px 20px 40px}.page-heading{align-items:flex-start;margin-bottom:24px;flex-wrap:wrap}.page-heading h1{font-size:29px}.eyebrow{font-size:11px}.catalog-count{display:none}.lobby-grid{display:flex;flex-direction:column;gap:20px}.game-card{width:100%}.side-column{width:100%}.game-art{height:266px}.cube-large{left:56%;top:61px;width:116px;height:122px;font-size:36px}.cube-mid{left:33%;top:130px;width:88px;height:91px;font-size:35px}.cube-small{left:14%;top:163px;width:59px;height:63px;font-size:30px}.game-info{padding:22px}.game-title-row h2{font-size:32px}.game-actions{flex-wrap:nowrap}.game-actions .primary{flex-basis:auto}.game-actions .secondary{width:auto}.game-footnote{line-height:1.8}.game-number{left:22px;top:19px}.art-caption{font-size:8px;left:20px;bottom:15px}.art-orbit{top:202px;font-size:12px}.panel{padding:26px}.login-panel h2 br{display:none}.login-panel h2{font-size:28px}.login-panel>.muted{margin-bottom:20px}.save-note{padding-bottom:0}.recent-section{margin-top:29px}.recent-list{grid-template-columns:1fr}.stat-grid{margin:26px 0;gap:20px}.record-tools .secondary{font-size:13px;padding:9px 12px}.records-table{margin-left:-5px;margin-right:-5px}.pagination{padding:14px 12px}.pagination>div{gap:10px}.pagination .secondary{font-size:12px;padding:7px}.profile-top h2{font-size:24px}.profile-top .eyebrow{font-size:11px}footer{padding:22px 20px;flex-wrap:wrap;gap:10px}footer>span:nth-child(2){display:none}dialog{padding:25px}.detail-actions .primary,.detail-actions .secondary{width:100%}.section-heading h2{font-size:21px}}
@media(prefers-reduced-motion:no-preference){.cube-large{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(-12deg)}}}
.password-field button{flex-shrink:0;white-space:nowrap;min-width:50px}
@media(max-width:720px){.site-header{padding:0 14px;gap:14px}.brand{font-size:14px;white-space:nowrap;flex-shrink:0;gap:7px}.brand img{width:26px;height:26px}nav{gap:14px;margin-left:auto}.nav{white-space:nowrap;font-size:13px;flex-shrink:0}.account{margin-left:0;flex-shrink:0}.avatar{width:31px;height:31px}}@media(max-width:380px){.site-header{padding:0 12px;gap:10px}.brand{font-size:12px}nav{gap:10px}.nav{font-size:12px}}