*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,Arial,sans-serif;background:#071923;color:#eafdf8;touch-action:none;overscroll-behavior:none;user-select:none}button{font:inherit}#app{position:relative;background:radial-gradient(circle at 50% 20%,#174b55,#071923 68%)}.screen{position:absolute;inset:0 0 58px}#menu{display:grid;place-items:center;padding:10px}.card{width:min(650px,94vw);max-height:96%;overflow:auto;text-align:center;background:linear-gradient(180deg,#102f3c,#0b222e);border:1px solid #3d7a80;border-radius:26px;padding:18px;box-shadow:0 18px 60px #0008,inset 0 1px #ffffff1c}.logoMark{margin:auto;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#123d49;border:2px solid #53e2be;color:#ffd15c;font-size:46px;font-weight:900;box-shadow:0 0 24px #53e2be44}.card h1{font-size:clamp(38px,8vw,65px);letter-spacing:-3px;line-height:.9;margin:10px 0;color:#f2fffb}.card h1 span{color:#53e2be}.card p{color:#a9d2d0;font-weight:700}.device,#counts,#names,#diffs{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.dev,.count,.diff{border:1px solid #3b6d73;background:#12313d;color:#dff9f3;border-radius:12px;padding:9px 13px;font-weight:800}.dev.active,.count.active,.diff.active{background:#53e2be;color:#09222b;border-color:#83f6da;box-shadow:0 0 15px #53e2be35}.label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#77aaa9;font-weight:900;margin:13px 0 6px}#names{margin:9px 0}#names input{width:155px;background:#081c27;color:white;border:1px solid #3d6b70;border-radius:10px;padding:9px;font-size:16px}.check{display:block;color:#91b7b6;font-size:12px;margin:10px}#play{border:0;background:linear-gradient(#ffd96d,#f3ae37);color:#132b34;font-weight:950;padding:13px 24px;border-radius:13px;box-shadow:0 5px 0 #9e6821;font-size:17px}small{display:block;color:#739c9c;margin-top:11px}#top{height:36px;display:flex;align-items:center;justify-content:center;gap:20px;background:#071923;border-bottom:1px solid #315b61;font-size:13px;font-weight:900;padding-right:80px}.topActions{position:absolute;right:3px;top:2px;display:flex;gap:3px}.topActions button{width:32px;height:32px;border:1px solid #426970;border-radius:8px;background:#102e39;color:#dff9f3;font-size:16px}#arenas{height:calc(100% - 36px);display:flex;gap:3px;padding:3px;background:#071923}.arena{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:radial-gradient(circle,#163c45,#0a202b)}.hud{height:29px;display:flex;align-items:center;justify-content:center;gap:8px;color:#c8e9e5;font-size:12px;font-weight:800}.hud b{color:#ffd15c}.boardWrap{flex:1;min-height:0;display:grid;place-items:center;padding:4px}.board{display:grid;gap:3px;width:min(96%,600px);aspect-ratio:1;background:#061720;border:3px solid #234d55;border-radius:14px;padding:5px;box-shadow:inset 0 0 30px #0008,0 0 20px #53e2be12}.tile{position:relative;border:0;background:linear-gradient(145deg,#123541,#0b2631);border-radius:8px;padding:0;overflow:hidden;touch-action:manipulation;box-shadow:inset 0 1px #ffffff0d}.tile svg{width:100%;height:100%;display:block;transition:transform .13s ease}.tile.on{background:linear-gradient(145deg,#174c4a,#0f3838);box-shadow:inset 0 0 14px #53e2be33}.tile.source{outline:2px solid #ffd15c}.pipeBack{stroke:#06161d;stroke-width:24;stroke-linecap:round;fill:none}.pipe{stroke:#63868a;stroke-width:14;stroke-linecap:round;fill:none}.on .pipe{stroke:#53e2be;filter:drop-shadow(0 0 5px #53e2be)}.source .node{fill:#ffd15c;filter:drop-shadow(0 0 5px #ffd15c)}.node{fill:#63868a;stroke:#06161d;stroke-width:5}.win{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#061923e8;text-align:center}.win>div{background:#102f3c;border:1px solid #53e2be;border-radius:18px;padding:18px;color:#dff9f3;box-shadow:0 0 35px #53e2be33}.win h2{color:#53e2be}.win button{border:0;border-radius:10px;background:#ffd15c;color:#152b33;font-weight:900;padding:11px 16px}.phone-head2 #arenas{flex-direction:column}.phone-head2 .arena{height:50%}.phone-head2 .arena:first-child{transform:rotate(180deg);transform-origin:center}.phone-head2 .hud{height:23px}.phone-head2 .board{height:min(100%,calc(50vw - 4px));width:auto;max-width:96%;max-height:100%}#ad{position:absolute;bottom:0;left:0;right:0;height:58px;background:#fff;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.no-ad .screen{bottom:0}.no-ad #ad{display:none}@media(max-width:600px){.board{gap:2px;padding:3px;border-width:2px}.tile{border-radius:5px}.hud{font-size:10px}}