.match-entry[hidden]{display:none!important}
.match-entry{position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#102c29;color:#fff6d9;font-family:"Microsoft YaHei",system-ui,sans-serif;text-align:center;touch-action:none;user-select:none;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-sizing:border-box}
.match-entry *{box-sizing:border-box}
.entry-art{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#56836b70,transparent 62%),linear-gradient(155deg,#173c35,#0a211f)}
.entry-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 90px,#e5c37906 91px 92px)}
.entry-orbit{position:absolute;width:80vmin;height:80vmin;max-width:670px;max-height:670px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d7b76e25;border-radius:50%;box-shadow:0 0 0 30px #d7b76e05,0 0 0 60px #d7b76e04}
.entry-roof{position:absolute;bottom:9%;left:50%;width:min(120%,1000px);height:15%;transform:translateX(-50%);clip-path:polygon(0 20%,8% 43%,38% 43%,50% 0,62% 43%,92% 43%,100% 20%,95% 68%,5% 68%);background:linear-gradient(#dec68b35,#b99d5b12)}
.entry-gate{position:absolute;bottom:0;left:50%;width:min(90%,760px);height:16%;transform:translateX(-50%);background:repeating-linear-gradient(90deg,#c6aa6830 0 3px,transparent 3px 13%);border-top:1px solid #c6aa6830}
.entry-copy{width:min(100%,580px);position:relative;padding:24px 0 70px}
.entry-copy>img{object-fit:contain;display:block;margin:0 auto 20px;border-radius:18px;filter:drop-shadow(0 6px 20px #0004)}
.entry-kicker{font-size:11px;letter-spacing:.28em;color:#b7c7a8;margin:0 0 13px}
.entry-copy h2{margin:0;font-size:clamp(35px,8vw,64px);font-weight:900;letter-spacing:.1em;line-height:1.25;color:#f5e7ba;text-shadow:0 4px 24px #0003}
.entry-tagline{font-size:clamp(12px,2.9vw,15px);letter-spacing:.12em;color:#b7c8b8;margin:17px 0 48px}
.entry-loading{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:.06em}
.entry-loading strong{font-weight:500}
.entry-spinner{display:inline-block;width:18px;height:18px;border:2px solid #d5bd7840;border-top-color:#e9cd87;border-radius:50%;animation:entry-spin .85s linear infinite;will-change:transform}
.entry-detail{font-size:11px;color:#9ab5a6;line-height:1.6;min-height:18px;margin:12px 0}
.entry-track{width:160px;height:2px;margin:0 auto;background:#d5bd7820;overflow:hidden}
.entry-track i{display:block;width:40%;height:100%;background:#d5bd78;animation:entry-progress 1.5s ease-in-out infinite;will-change:transform}
.entry-retry{margin:18px auto 0;border:1px solid #c7b67b70;border-radius:6px;background:#27463e;color:#f5e7ba;padding:9px 18px;font-size:12px;cursor:pointer}
.entry-retry[hidden]{display:none!important}
@keyframes entry-spin{to{transform:rotate(360deg)}}
@keyframes entry-progress{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(max-height:480px){.entry-copy{padding:10px 0 20px}.entry-copy>img{width:48px;height:48px;margin-bottom:10px}.entry-kicker{margin-bottom:6px}.entry-copy h2{font-size:36px}.entry-tagline{margin:10px 0 22px}.entry-detail{margin:8px 0}.entry-roof{bottom:0}}
@media(prefers-reduced-motion:reduce){.entry-spinner,.entry-track i{animation:none}.entry-track i{width:100%;opacity:.5}}