:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#fff8e6;background:#080705;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% -10%,#38240d 0,#100d08 32%,#050403 78%)}.screen-shell{width:100%;height:100%;display:grid;place-items:center}.pairing-card{width:min(92vw,720px);text-align:center;padding:3.2vh 4vw;border:1px solid #6e4e1e;border-radius:28px;background:linear-gradient(160deg,#241d13f2,#0c0a07fa);box-shadow:0 30px 90px #000,inset 0 1px #ffe19e29}.brand-mark{width:88px;height:88px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;border:2px solid #d6a94e;color:#e9c779;font:900 28px/1 Georgia,serif;box-shadow:0 0 30px #d6a94e40}.eyebrow{color:#b99146;letter-spacing:.42em;font-size:12px}.pairing-card h1{margin:8px 0 2vh;font-size:clamp(28px,4vw,46px)}.pairing-qr{width:min(30vh,310px);border-radius:18px;padding:10px;background:#fff9ea}.scan-tip,.waiting{color:#b9aa8e}.pairing-code{display:flex;justify-content:center;gap:10px;margin:20px 0}.pairing-code span{display:grid;place-items:center;width:54px;height:62px;border-radius:10px;border:1px solid #7d5b25;background:#18130c;color:#f4d589;font:800 30px/1 ui-monospace,monospace}.waiting i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#d6a94e;box-shadow:0 0 12px #d6a94e}.tournament-board{position:relative;width:100%;height:100%;padding:2.5vh 4vw 2vh;display:grid;grid-template-rows:auto auto 1fr 10px auto auto;gap:1.2vh;background:radial-gradient(circle at 50% 35%,rgba(129,82,22,.14),transparent 42%)}.tournament-board:before{content:"";position:absolute;inset:16px;border:1px solid rgba(214,169,78,.24);pointer-events:none}.board-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(214,169,78,.26);padding:0 1vw 1.5vh}.event-brand{display:flex;align-items:center;gap:16px}.event-brand img{width:62px;height:62px;object-fit:contain;border-radius:12px}.event-brand p{margin:0;color:#b99146;letter-spacing:.28em;font-size:12px}.event-brand h1{margin:2px 0 0;font:800 clamp(24px,3vw,48px)/1.1 Georgia,"Songti SC",serif;color:#f4d589}.table-badge{padding:10px 28px;border:1px solid #8d6428;border-radius:999px;color:#e9c779;font-size:clamp(18px,2vw,30px)}.connection-state{justify-self:end;font-size:14px;color:#6dcf8b}.connection-state.offline{color:#df9b4c}.level-row{display:flex;align-items:center;justify-content:center;gap:30px;color:#b99146;letter-spacing:.16em}.level-row strong{color:#eee3cb;font-weight:600;letter-spacing:.05em}.clock{align-self:center;text-align:center;color:#f4d589;font:900 clamp(140px,25vw,360px)/.85 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.09em;text-shadow:0 0 18px rgba(214,169,78,.45),0 12px 50px #000;font-variant-numeric:tabular-nums}.progress-track{width:78%;height:8px;justify-self:center;border-radius:10px;background:#261d11;overflow:hidden}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c541f,#f1cf81);transition:width .25s linear;box-shadow:0 0 14px #d6a94e}.blind-grid{width:min(90vw,1300px);justify-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.blind-grid article{text-align:center;padding:1.2vh 2vw;border:1px solid rgba(214,169,78,.3);background:linear-gradient(180deg,#4130195c,#120e098c)}.blind-grid span{display:block;color:#a89069;font-size:clamp(12px,1.2vw,19px);letter-spacing:.16em}.blind-grid strong{display:block;margin-top:.4vh;color:#fff5db;font:800 clamp(38px,5vw,82px)/1 ui-monospace,monospace}.break-panel{text-align:center;color:#f4d589;font:700 clamp(30px,4vw,64px)/1.2 Georgia,"Songti SC",serif}footer{display:flex;justify-content:space-between;align-items:center;padding:1vh 2vw 0;border-top:1px solid rgba(214,169,78,.2);color:#cbb991;font-size:clamp(14px,1.5vw,22px)}footer p{margin:0}.next-level{color:#f0d8a5}@media(max-aspect-ratio:4/3){.tournament-board{grid-template-rows:auto auto 1fr 8px auto auto}.board-header{grid-template-columns:1fr auto}.connection-state{display:none}.clock{font-size:24vw}footer{flex-direction:column;gap:8px}}
