:root{--paper:#efe8d7;--panel:#202a30;--line:#3b4a51;--red:#d85650;--green:#3f9b6c;--amber:#e3a83f;--relay:#68757b;--muted:#8d9aa0}
*{box-sizing:border-box}body{margin:0;background:#151c21;color:#f8faf9;font-family:Inter,system-ui,sans-serif}.page{width:min(1510px,100%);margin:auto;padding:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.brand{display:flex;gap:10px;align-items:center}.mark{width:42px;height:42px;border-radius:12px;background:#e8c36a;color:#293238;display:grid;place-items:center;font-size:11px;font-weight:950}.brand strong,.brand span{display:block}.brand span{font-size:10px;color:var(--muted)}.actions{display:flex;gap:6px}.btn{border:1px solid var(--line);background:var(--panel);color:white;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}.btn.primary{background:#e8c36a;color:#273138;border-color:#e8c36a}.btn.big{padding:11px 18px}.ad{display:flex;align-items:center;justify-content:center;background:#192228;border:1px solid #2d3a41;border-radius:9px}.ad:not(.has-ad):before{content:"ADVERTISEMENT";font-size:9px;color:#53636b}.topad,.bottomad{min-height:90px}.topad{margin-bottom:9px}.bottomad{margin-top:9px}.layout{display:flex;gap:9px;align-items:flex-start}.rail{flex:0 0 170px;min-height:600px}.gamecol{flex:1;min-width:0}.game{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.hud small,.result small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.hud b{font-size:16px}.boardwrap{position:relative;background:var(--paper);min-height:560px}.boardwrap svg{width:100%;height:100%;min-height:560px;display:block;touch-action:manipulation}.wire{stroke:#6f7876;stroke-width:7;stroke-linecap:round}.wire.powered{stroke:#d49c35}.wire.cut{stroke:#c9bfad;stroke-dasharray:7 10;opacity:.5}.wire-hit{stroke:transparent;stroke-width:28;cursor:pointer}.cut-mark{stroke:#b94c48;stroke-width:5;stroke-linecap:round;pointer-events:none}.node-ring{stroke-width:5}.node-label{font-size:10px;font-weight:900;fill:#30383d;text-anchor:middle}.node-state{font-size:8px;font-weight:800;fill:#697278;text-anchor:middle}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:rgba(32,37,37,.55);backdrop-filter:blur(5px)}.hidden{display:none!important}.modal{width:min(560px,94%);background:#202a30;border:1px solid #46565d;border-radius:20px;padding:24px;text-align:center}.modal em{font-style:normal;color:#e8c36a;font-size:9px;font-weight:900;letter-spacing:1.2px}.modal em.success{color:#73d39d}.modal h1{font-size:30px;margin:7px 0}.modal p{font-size:12px;color:#adb7bb;line-height:1.55}.legend{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:17px 0}.legend span{font-size:10px;color:#c3cbce;display:flex;align-items:center;gap:5px}.legend i{width:13px;height:13px;border-radius:50%;display:inline-block}.legend .source{background:var(--amber)}.legend .red{background:var(--red)}.legend .green{background:var(--green)}.legend .relay{background:var(--relay)}.bigscore{font-size:52px;font-weight:950;color:#e8c36a}.result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.result>div{padding:9px;background:#172026;border:1px solid #35444b;border-radius:10px}.foot{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.below{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.below>div{padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.below b,.below span{display:block}.below b{font-size:11px}.below span{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 3px;color:#748188;font-size:10px}footer span:last-child{display:flex;gap:12px}footer a{color:inherit;text-decoration:none}@media(max-width:1023px){.rail{display:none!important}.layout{display:block}}@media(max-width:720px){.page{padding:8px}.topad{display:none!important}.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(4),.hud>div:nth-child(5){display:none}.boardwrap,.boardwrap svg{min-height:510px}.below{grid-template-columns:1fr}.bottomad{min-height:50px}}
.hud{grid-template-columns:repeat(6,1fr)}
.modal em.danger{color:#ef7b72}
.warning-flash{animation:warn .24s ease 2}
@keyframes warn{50%{filter:brightness(1.2) saturate(1.4)}}
@media(max-width:720px){.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(n+4){display:none}}

.hud{grid-template-columns:repeat(6,1fr)}
.wire.locked{stroke-width:10;stroke:#59666d}.wire.locked.powered{stroke:#bd8c34}
.wire.diode{stroke-dasharray:15 5}
.edge-badge{font-size:10px;font-weight:950;fill:#3b464b;text-anchor:middle;paint-order:stroke;stroke:#efe8d7;stroke-width:4px}
.modal em.danger{color:#ee756e}
@media(max-width:720px){.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(n+4){display:none}}
.saved{margin:9px 0;padding:10px 12px;border:1px solid #3d6a4b;background:#17271c;color:#9de0ae;border-radius:9px;font-size:10px}.scorearea{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:9px}.leaderpanel,.accountpanel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px}.leaderhead,.accountpanel{display:flex;justify-content:space-between;align-items:center;gap:12px}.leaderhead b,.accountpanel b{font-size:11px}.leaderhead span,.accountpanel span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.leader-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:10px}.leader-row:first-child{border-top:0}.empty-leader{padding:8px 0;color:var(--muted);font-size:10px}.leader-row b{font-variant-numeric:tabular-nums}@media(max-width:720px){.scorearea{grid-template-columns:1fr}}

.hud{grid-template-columns:repeat(7,1fr)}
@media(max-width:720px){.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(n+4){display:none}}

/* Score V1.1 integrity fix */
.hud{grid-template-columns:repeat(8,1fr)}
@media(max-width:720px){
  .hud{grid-template-columns:repeat(3,1fr)}
  .hud>div:nth-child(n+4){display:none}
}


/* FULL-VIEW PLAY AREA */
.boardwrap{height:min(68vh,calc(100svh - 185px))!important;min-height:360px}
#board{width:100%!important;height:100%!important;max-height:100%!important}
@media(max-width:760px){.boardwrap{height:calc(100svh - 170px)!important;min-height:300px}}