:root{--bg: #121212;--panel: #1e1e1e;--line: #333;--text: #f3f3f3;--gold: #ffd54f;--red: #ef5350;--ok: #66bb6a;--blue: #42a5f5;--muted: #9e9e9e}*{box-sizing:border-box}body{margin:0;padding:18px;font-family:Microsoft YaHei,sans-serif;background:radial-gradient(circle at 20% 10%,#1f1f1f 0%,var(--bg) 45%);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:12px}h1{margin:0;color:var(--gold);font-size:28px}.sub{font-size:13px;color:#bbb}.card{width:100%;max-width:980px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.hidden{display:none!important}.grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px}.item{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#cfcfcf}input,select,button{font:inherit;padding:7px 9px;color:var(--text);background:#171717;border:1px solid #444;border-radius:6px;outline:none}input:focus,select:focus{border-color:var(--gold)}button{cursor:pointer;background:#222}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.meta{margin-left:auto;font-size:12px;color:var(--muted)}.dash{line-height:1.7;font-size:14px;word-break:break-word;overflow-wrap:anywhere}.interp-title{color:#ffd54f;font-weight:700;margin-bottom:4px}.interp-list{display:grid;gap:4px;color:#e0e0e0}.interp-item{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:6px}.interp-index{color:#42a5f5;font-weight:700}.gold{color:var(--gold);font-weight:700}.red{color:var(--red);font-weight:700}.green{color:var(--ok);font-weight:700}.blue{color:var(--blue);font-weight:700}.muted{color:var(--muted)}.divider{border-color:#333;margin:8px 0}.err{display:none;width:100%;max-width:980px;background:#3b1d1d;border:1px solid #8b2c2c;border-radius:8px;padding:9px 11px;color:#ffb3b3;font-size:13px}.wrap{width:100%;max-width:980px;display:flex;justify-content:center}.boardBox{width:min(100%,440px);display:flex;justify-content:center;padding:8px;border:2px solid #555;background:#000;border-radius:10px;box-shadow:0 0 20px #ffd54f1f;overflow:hidden}.board{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.p{position:relative;background:#212121;border:1px solid #424242;border-radius:5px;padding:clamp(5px,1.4vw,8px);aspect-ratio:1 / 1;min-height:0}.p:hover{border-color:var(--gold)}.cp{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1a1a1a;color:#666;font-size:clamp(17px,4.6vw,22px);font-weight:700}.cp-host{font-size:clamp(10px,2.8vw,13px);margin-top:4px;color:#c62828}.god{position:absolute;top:clamp(3px,1vw,6px);left:clamp(4px,1.4vw,8px);color:#9e9e9e;font-size:clamp(11px,2.9vw,14px);z-index:2}.star{position:absolute;top:clamp(3px,1vw,6px);right:clamp(4px,1.4vw,8px);color:var(--red);font-size:clamp(11px,3.1vw,15px);font-weight:700;z-index:2}.door{position:absolute;left:clamp(4px,1.4vw,8px);bottom:clamp(3px,1vw,6px);color:var(--ok);font-size:clamp(12px,3.2vw,16px);font-weight:700}.stems{position:absolute;right:clamp(4px,1.4vw,8px);bottom:clamp(3px,1vw,6px);display:flex;flex-direction:column;text-align:right;line-height:1.1}.tg{color:var(--red);font-size:clamp(12px,3.2vw,16px);font-weight:700}.dg{color:var(--blue);font-size:clamp(12px,3.2vw,16px);font-weight:700}.info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(21px,6.7vw,31px);color:#ffffff1c;font-weight:600;white-space:nowrap}.badge{position:absolute;top:clamp(2px,.7vw,4px);right:clamp(2px,.7vw,4px);background:#c62828;font-size:clamp(8px,2.2vw,10px);padding:clamp(1px,.35vw,2px) clamp(3px,1vw,5px);border-radius:3px;line-height:1.1;white-space:nowrap;z-index:3;display:none}.badge.show{display:block}.p.with-badge .god,.p.with-badge .star{top:clamp(16px,4.5vw,22px)}@media(max-width:860px){.grid{grid-template-columns:1fr 1fr}h1{font-size:24px}}@media(max-width:560px){body,.card{padding:10px}.grid{grid-template-columns:1fr}.meta{margin-left:0;width:100%}}