:root{color-scheme:dark;--paper:#edf2fa;--muted:#9caac2;--cyan:#82e6ff;--red:#ff7187}*{box-sizing:border-box}body{margin:0;background:#080b14;color:var(--paper);font-family:system-ui,"Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}#landing{max-width:1500px;margin:auto;padding:32px 5vw 22px}.masthead{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:3px;color:var(--muted)}.seal{background:var(--paper);color:#0a101d;display:grid;place-items:center;width:34px;height:34px;font-size:24px;font-weight:800;letter-spacing:0}.edition{margin-left:auto;font-size:12px;letter-spacing:1px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:5%;padding:48px 0}.eyebrow{font-size:14px;letter-spacing:5px;color:var(--cyan)}h1{font-size:clamp(38px,4.7vw,76px);letter-spacing:5px;line-height:1.2;margin:24px 0 22px;font-weight:800}h1 span{display:block;color:#d5dced;font-size:.78em;letter-spacing:12px;margin-top:12px}.intro{font-size:19px;color:#b3c0d7;line-height:1.9}.launch{display:flex;gap:12px;margin-top:32px}.launch button{border:0;padding:19px 26px;font-weight:700;border-radius:4px}#start{background:var(--cyan);color:#101722;min-width:222px;box-shadow:0 0 36px #76d9fa1c}#start span{margin-left:40px}.secondary{color:var(--paper);background:#ffffff09;border:1px solid #ffffff20!important}button:hover{filter:brightness(1.12)}.hint{font-size:13px;color:var(--muted);margin:17px 0 36px}.traits{display:flex;gap:12px;flex-wrap:wrap}.traits span{color:#b4bfd4;font-size:12px;letter-spacing:1px;border-left:2px solid #dce9ff40;padding-left:10px}.art{position:relative;isolation:isolate;min-height:490px;border:1px solid #a6c9ff2d;background:#171e30;box-shadow:24px 24px 0 #141c2a80;overflow:hidden}.art img{width:100%;height:490px;object-fit:cover;object-position:53% center;opacity:.8}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a112bed,transparent 55%);z-index:0}.art-label{position:absolute;bottom:30px;left:25px;font-size:clamp(24px,2.6vw,44px);letter-spacing:4px;font-weight:800;z-index:1}.art-label span{font-size:15px;vertical-align:middle;color:var(--red);margin:0 12px}.art-note{position:absolute;right:15px;top:15px;font-size:11px;color:white;background:#0d112ca8;padding:6px 10px}.instructions{border-top:1px solid #ffffff20;padding:24px 0 34px}.instructions h2{font-size:20px;margin-bottom:24px}.instructions>p{font-size:14px;line-height:1.8;color:var(--muted)}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.keys p{display:flex;gap:10px;align-items:center;font-size:14px;margin:0}kbd{min-width:34px;border:1px solid #b4c9ed40;border-bottom-width:3px;border-radius:4px;background:#162035;padding:6px 10px;font:13px monospace;color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff15;padding-top:20px;font-size:12px;color:#7e8ba5}#arena{height:100dvh;display:flex;flex-direction:column;background:#000}.toolbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:22px;padding:0 20px;background:#101622}.toolbar a{color:var(--paper);text-decoration:none;font-weight:700;font-size:14px}.toolbar span{font-size:12px;color:#99adc9}.toolbar button{margin-left:auto;background:#213450;color:var(--paper);border:1px solid #80affb44;border-radius:4px;padding:6px 12px;font-size:12px}iframe{flex:1;width:100%;border:0;min-height:0}#arena:fullscreen .toolbar{display:none}@media(max-width:900px){#landing{padding:24px}.hero{grid-template-columns:1fr;gap:36px;padding:25px 0 40px;min-height:0}h1{font-size:48px}.art,.art img{min-height:280px;height:320px}.edition{font-size:10px}.keys{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}.toolbar span{display:none}}@media(prefers-reduced-motion:no-preference){.hero{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
.touch-choice{display:flex;align-items:center;gap:10px;font-size:14px;margin:-12px 0 24px;min-height:44px}.touch-choice input{width:22px;height:22px;accent-color:var(--cyan)}.touch-choice span{color:var(--muted);font-size:12px}.playing{overflow:hidden;overscroll-behavior:none}#arena.touch-game{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none}#arena.expanded{position:fixed;inset:0;height:100dvh;z-index:20}#arena.expanded .toolbar{height:34px}.touch-game .toolbar{height:40px;padding:0 12px}.touch-game .toolbar button{min-height:32px}.touch-game iframe{touch-action:none}@media(max-width:480px){.launch{flex-wrap:wrap}.launch button{flex:1;padding:17px 20px}#start{min-width:190px}.edition{max-width:100px;text-align:right;line-height:1.7}.masthead{letter-spacing:1px}.hero h1{font-size:42px}#landing{padding:20px}.touch-choice{margin-top:-18px}}
.fan-label{display:inline-block;margin:0 0 4px;padding:7px 11px;border:1px solid #82e6ff40;border-radius:4px;color:var(--cyan);font-size:13px;line-height:1.7}.fan-notice{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.8}