@font-face{font-family:'DM Sans';src:url('../assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';src:url('../assets/fonts/dm-sans-latin-ext.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/space-grotesk-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/space-grotesk-vietnamese.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{--sans:'DM Sans','Segoe UI',system-ui,sans-serif;--display:'Space Grotesk','DM Sans',system-ui,sans-serif}
body{font-family:var(--sans)}.site-header strong,.site-header nav,.intro .kicker,.source-strip,.count,.game-card .top,.card-foot,.record-score,.micro,footer{font-family:var(--mono)}h1,h2,h3,.brand strong{font-family:var(--display)}
.intro{position:relative;isolation:isolate;min-height:374px;display:flex;align-items:end;overflow:hidden;border-bottom:1px solid #ffffff24;background:#14191c}.hero-video,.hero-wash{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-video{object-fit:cover;opacity:.6;transform:scale(1.015)}.hero-wash{z-index:-1;background:linear-gradient(90deg,#11181def 0%,#11181dcb 49%,#11181d50 100%),linear-gradient(0deg,#10161acc,transparent 60%)}.intro-content{position:relative;width:100%;z-index:1}.intro .kicker{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px #d5ff57;animation:pulse 2.2s ease-in-out infinite}.intro h1{font-family:var(--display);font-size:clamp(48px,6.2vw,82px);letter-spacing:-.07em}.intro p{font-size:16px}.count{font-family:var(--mono);font-size:11px}.count strong{font-family:var(--display);font-size:40px}.hero-coordinates{position:absolute;z-index:1;right:clamp(20px,5vw,78px);top:27px;color:#eef1dd95;font:10px/1.8 var(--mono);letter-spacing:.12em;text-align:right}.hero-coordinates i{color:var(--lime);font-style:normal;letter-spacing:.35em}
.game-card{padding:0;overflow:hidden;position:relative}.game-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#242c2b}.game-art::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#11191ad9,transparent)}.game-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.game-card:hover .game-art img{transform:scale(1.055);filter:saturate(1.12)}.art-label{position:absolute;left:13px;bottom:12px;z-index:1;color:#eef0e4;font:9px var(--mono);letter-spacing:.14em}.art-icon{position:absolute;right:12px;top:12px;z-index:1;width:36px;height:36px;border:1px solid #ffffffa1;background:#171c1ccc;backdrop-filter:blur(8px);color:var(--lime);display:grid;place-items:center;border-radius:50%;font-size:18px}.card-content{position:relative;padding:17px 18px 62px}.game-card .top{align-items:center;flex-wrap:wrap}.game-card .kind{color:#72796f}.game-card h2{font-family:var(--display);font-size:23px;margin:15px 0 4px}.game-card .desc{font-size:13px;line-height:1.62}.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 16px}.tag-list span{padding:4px 8px;background:#e9ebdf;color:#526049;border-radius:30px;font:9px var(--mono)}.card-foot{border-top:0;padding-top:10px}.record-score{position:absolute;right:17px;bottom:15px;display:flex;align-items:baseline;gap:5px;color:#60675c}.record-score strong{font:600 24px/1 var(--display);color:#516b2a;letter-spacing:-.06em}.record-score .score-spark{font-size:13px;color:#7b9841}.record-score>span:last-child{font-size:8px;letter-spacing:.12em}.detail-score{padding:16px;margin:-18px -18px 22px;background:var(--night);color:#c4c9bf}.detail-score>span{font:9px var(--mono);letter-spacing:.12em}.detail-score strong{display:block;margin:8px 0;color:var(--lime);font:600 48px/1 var(--display);letter-spacing:-.06em}.detail-score strong small{font:12px var(--mono);color:#a6ada3;letter-spacing:0}.detail-score p{font-size:11px;color:#bfc4bd;margin:0}.score-method{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.score-method summary{cursor:pointer;color:#546b35;font-weight:700}.score-method ul{padding-left:17px;color:#5c625f;font-size:11px;line-height:1.8}.result-line span:last-child{display:flex;align-items:center;gap:6px}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px #d5ff57}}
@media(max-width:620px){.intro{min-height:425px;padding-top:120px}.intro h1{font-size:48px}.hero-coordinates{top:16px}.hero-wash{background:linear-gradient(90deg,#11181de8,#11181d92),linear-gradient(0deg,#10161ad9,transparent 70%)}.game-card .top{gap:7px}.game-card .origin{font-size:8px}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.hero-video{display:none}.game-card,.game-art img{transition:none}}
.card-content{padding-bottom:17px}
.card-score{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;margin:15px 0 17px;padding:0;background:transparent;border:0}
.score-gauge{width:46px;height:46px;position:relative;display:grid;place-items:center}
.score-gauge canvas{display:block;width:46px;height:46px}
.score-gauge-number{position:absolute;font:600 13px/1 var(--display);letter-spacing:-.05em;color:#3e4b36}
.score-fields{min-width:0}
.score-fields-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;color:#788071;font:8px var(--mono);letter-spacing:.12em}
.score-fields-head strong{font:600 14px/1 var(--display);letter-spacing:-.04em;color:#3e4b36}
.score-fields-head small{font:8px var(--mono);color:#899084;letter-spacing:0}
.score-cubes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
.score-cube{aspect-ratio:1;min-width:0;position:relative;display:grid;place-items:center;border:1px solid #e0e2d9;border-radius:2px;background:transparent;color:#a1a69c;font:7px/1 var(--mono);transition:transform .15s,filter .15s}
.score-cube.is-complete{background:var(--cube-color);border-color:transparent;color:#293022}
.score-cube:hover{transform:translateY(-1px);filter:saturate(1.15)}
.score-key{margin:0 0 15px;border-block:1px solid var(--line);padding:9px 0;color:#59645b;font-size:11px}
.score-key summary{width:max-content;max-width:100%;cursor:pointer;color:#52663c;font:10px var(--mono)}
.score-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:13px 0 8px}
.score-key-grid>div{display:flex;align-items:center;gap:8px;min-width:0;color:#5d645c;font-size:11px}
.score-key-grid i{width:12px;height:12px;flex:0 0 auto;border-radius:2px;background:var(--cube-color)}
.score-key-grid span{flex:1}
.score-key-grid b{font:9px var(--mono);color:#7e847a}
.score-key>p{margin:10px 0 2px;color:#767d73;font-size:11px}
@media(max-width:900px){.score-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.card-score{grid-template-columns:58px minmax(0,1fr)}.score-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}