: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}}

/* CIRCUIT BREAK MODERN VISUAL SYSTEM V1 — presentation only */
:root{--cb-bg:#060a10;--cb-panel:#0e1722;--cb-panel-2:#111e2b;--cb-line:rgba(119,159,196,.2);--cb-text:#f3f8ff;--cb-muted:#8ea0b4;--cb-cyan:#62eaff;--cb-amber:#ffc85f;--cb-red:#ff666d;--cb-green:#73f2a7}
html[data-game="circuit-break"]{color-scheme:dark}
body{background:radial-gradient(circle at 12% 4%,rgba(43,198,255,.14),transparent 30rem),radial-gradient(circle at 86% 30%,rgba(255,96,112,.08),transparent 32rem),linear-gradient(180deg,#060a10,#09111c 52%,#060a10);color:var(--cb-text);background-attachment:fixed}
.page{padding:14px}
.topbar{border-color:var(--cb-line)!important;background:linear-gradient(135deg,rgba(16,27,41,.97),rgba(8,14,24,.98))!important}
.brand .mark{border-color:rgba(98,234,255,.38)!important;box-shadow:0 0 22px rgba(98,234,255,.13)!important}.brand strong{letter-spacing:.7px}.brand span{color:var(--cb-muted)}
.btn{min-height:40px;border-color:var(--cb-line);border-radius:10px;background:#121d2a;color:var(--cb-text);font-size:10px;transition:transform .13s ease,border-color .13s ease,background .13s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(98,234,255,.48);background:#172638}.btn.primary{background:linear-gradient(135deg,var(--cb-amber),#ffdf81);border-color:transparent;color:#181107;box-shadow:0 9px 28px rgba(255,200,95,.13)}.sg-audio-btn{width:40px!important;padding:0!important}.sg-audio-btn.muted{color:#708095!important}
.game{border-color:var(--cb-line);border-radius:22px;background:linear-gradient(150deg,rgba(16,26,40,.98),rgba(8,14,23,.98));box-shadow:0 28px 85px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)}
.hud{gap:1px;padding:0;background:var(--cb-line);border-bottom-color:var(--cb-line)}.hud>div{min-width:0;padding:12px 10px;background:rgba(8,14,23,.96)}.hud small{color:var(--cb-muted);font-weight:850;letter-spacing:.65px}.hud b{display:block;margin-top:4px;font-size:17px;line-height:1}.hud>div:nth-child(4) b{color:var(--cb-red)}.hud>div:nth-child(5) b{color:var(--cb-green)}.hud>div:nth-child(7) b{color:var(--cb-amber)}
.boardwrap{border:0;background:linear-gradient(rgba(98,234,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(98,234,255,.028) 1px,transparent 1px),radial-gradient(circle at 48% 47%,rgba(38,108,143,.17),transparent 60%),#07101a;background-size:28px 28px,28px 28px,auto,auto}
#board{filter:drop-shadow(0 18px 35px rgba(0,0,0,.25))}
.wire{stroke:#3c5368;stroke-width:6;transition:stroke .15s ease,opacity .15s ease;filter:drop-shadow(0 0 1px rgba(143,188,224,.15))}.wire.powered{stroke:var(--cb-amber);filter:drop-shadow(0 0 5px rgba(255,200,95,.52))}.wire.cut{stroke:var(--cb-red);stroke-dasharray:7 10;opacity:.62;filter:drop-shadow(0 0 3px rgba(255,102,109,.25))}.wire.locked{stroke-width:9;stroke:#53677a}.wire.locked.powered{stroke:#dcae55}.wire.diode{stroke-dasharray:15 5}.wire-hit{stroke-width:30}.cut-mark{stroke:var(--cb-red);stroke-width:5;filter:drop-shadow(0 0 3px rgba(255,102,109,.5))}
.node-ring{stroke-width:5;filter:drop-shadow(0 0 5px rgba(255,255,255,.16))}.node-label{fill:#cbd9e7;font-size:10px;letter-spacing:.45px}.node-state{fill:#91a3b5}.edge-badge{fill:#d8e6f2;stroke:#07101a;stroke-width:5px}
.overlay{background:rgba(3,8,14,.77);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{border-color:rgba(130,174,214,.25);border-radius:23px;background:linear-gradient(145deg,rgba(19,31,47,.98),rgba(9,16,27,.98));box-shadow:0 28px 90px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.04)}.modal em{color:var(--cb-cyan);letter-spacing:1.5px}.modal em.success{color:var(--cb-green)}.modal em.danger{color:var(--cb-red)}.modal h1{font-size:clamp(27px,4vw,38px);letter-spacing:-1.25px;line-height:1.05}.modal p{color:#aab8c8}.legend{gap:8px}.legend span{padding:7px 9px;border:1px solid var(--cb-line);border-radius:999px;background:#09121d;color:#cbd8e4}.bigscore{color:var(--cb-amber);text-shadow:0 0 28px rgba(255,200,95,.22)}.result>div{border-color:var(--cb-line);background:#09131f}
.foot{padding:10px 13px;border-top-color:var(--cb-line);background:#09121d;color:var(--cb-muted)}.below{gap:10px}.below>div,.leaderpanel,.accountpanel{border-color:var(--cb-line)!important;background:linear-gradient(145deg,rgba(15,24,37,.96),rgba(8,15,25,.96))!important}.below b,.leaderhead b,.accountpanel b{color:#edf7ff}.below span,.leaderhead span,.accountpanel span,.empty-leader{color:var(--cb-muted)}.leader-row{border-top-color:var(--cb-line)}.leader-row b{color:var(--cb-amber)}.saved{border-color:rgba(115,242,167,.3);background:rgba(18,61,47,.5);color:#a9ffd0}
@media(max-width:720px){.page{padding:8px}.game{border-radius:17px}.hud>div{padding:10px 7px}.hud b{font-size:16px}.boardwrap{background-size:22px 22px,22px 22px,auto,auto}.modal{padding:21px 14px}.below{grid-template-columns:1fr}.foot{display:grid;gap:4px}}
@media(max-width:430px){.boardwrap{min-height:330px!important}.legend span{font-size:9px}.modal h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.btn,.wire{transition:none}}