.top .top-main{flex:1 0 auto;display:block}.top .stage{background-color:var(--board);background-image:radial-gradient(#17153b17 1.4px,#0000 1.7px);background-size:22px 22px;padding:18px 16px 22px;position:relative}.top .title{font-family:var(--font-display);margin:4px 0 20px;font-size:30px;font-weight:400;line-height:1}.top .map{max-width:520px;margin:0 auto;position:relative;container:map/inline-size}.top .side{padding:22px 16px 28px}.top .side h2{font-family:var(--font-display);margin:0 0 12px;font-size:18px;font-weight:400}.top .list{grid-template-columns:repeat(auto-fill,minmax(7em,1fr));gap:8px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.top .it{--rc:#3ccf6e;border:1.5px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:50px;padding:0 10px;font-size:1em;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,transform .15s cubic-bezier(.3,1.6,.5,1);display:flex}.top .it:active{transform:scale(.97)}.top .sq{background:var(--rc);border-radius:4px;flex:none;width:14px;height:14px;transition:background .15s,box-shadow .15s}.top .r1{--rc:#3ccf6e}.top .r2{--rc:#3c8dff}.top .r3{--rc:#10c4b0}.top .r4{--rc:#ffc928}.top .r5{--rc:#9a6bff}.top .r6{--rc:#ff8a2a}.top .r7{--rc:#a4dd3c}.top .r8{--rc:#ff9fc7}.top .ft-slot{margin-top:8px}@media (width>=1024px){.top .top-main{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"side stage";display:grid}.top .stage{grid-area:stage;padding:28px 48px}.top .title{z-index:2;margin:0;font-size:5.6cqi;position:absolute;top:1.5%;left:1%}.top .map{max-width:min(820px,84vh - 60.48px);margin:0 auto}.top .side{border-right:1.5px solid var(--line);background:#fff;grid-area:side;padding:28px 14px 24px 18px}.top .side h2{margin:0 0 14px 8px}.top .list{columns:2;column-gap:4px;display:block}.top .list li{break-inside:avoid;padding:1px 0}.top .it{background:0 0;border:0;border-radius:9px;gap:8px;min-height:32px;padding:0 8px;font-size:15px;font-weight:700}.top .it:active{transform:none}.top .sq{border-radius:3px;width:10px;height:10px}.top .it.on{background:var(--highlight);transform:translate(3px)scale(1.04)}.top .it.on .sq{box-shadow:0 0 0 2px var(--ink);background:#fff}.top .ft-slot{margin-top:0}}@media (prefers-reduced-motion:reduce){.top .it,.top .it:active,.top .it.on{transition:none;transform:none}}