:root{--bg: #0a0a0f;--fg: #e8e8ef;--fg-dim: rgba(232, 232, 239, .55);--cyan: #00f0ff;--magenta: #bc13fe;--red: #ff0055;--green: #00ff9d;--orange: #ff9d00;--yellow: #eab308;--surface: #12121a}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(0,240,255,.07),transparent 60%),var(--bg);color:var(--fg);overflow:hidden;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:14px;flex-wrap:wrap;z-index:10}.logo{font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--fg-dim);text-decoration:none}.logo:hover{color:var(--fg)}.score-wrap{display:flex;gap:10px;align-items:center;font-size:14px}.pill{border:1px solid rgba(232,232,239,.15);background:#e8e8ef0a;border-radius:10px;padding:6px 14px;display:flex;gap:8px;align-items:baseline}.pill .lbl{color:var(--fg-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pill .val{font-weight:700;font-variant-numeric:tabular-nums}#best{color:var(--yellow)}#score{color:var(--cyan)}.stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:26px;padding:0 20px 20px;min-height:0}.board{position:relative;height:min(76vh,640px);aspect-ratio:.72;max-width:92vw}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.board:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid rgba(0,240,255,.12);border-radius:18px;box-shadow:0 0 40px #00f0ff0f,inset 0 0 60px #00f0ff05;pointer-events:none}.chain{display:flex;flex-direction:column;gap:6px;align-self:center}.chain-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;border:1px solid rgba(232,232,239,.08);background:#e8e8ef05;opacity:.4;transition:opacity .3s,border-color .3s,transform .3s;cursor:default;font-size:12.5px}.chain-item.found{opacity:1;border-color:var(--c, rgba(0, 240, 255, .35));background:color-mix(in srgb,var(--c, #00f0ff) 8%,transparent)}.chain-item .dot{width:14px;height:14px;border-radius:50%;background:var(--c, #00f0ff);box-shadow:0 0 8px var(--c, #00f0ff);flex-shrink:0}.chain-item .n{color:var(--fg-dim);font-size:10px;width:14px}@media(max-width:900px){.chain{display:none}}.hint{text-align:center;color:var(--fg-dim);font-size:12.5px;padding:0 20px 16px;z-index:10}.hint b{color:var(--cyan);font-weight:600}.hint .hr{color:#e8e8ef4d;margin:0 6px}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0206f2;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:50;text-align:center;padding:20px;animation:finIn .6s ease-out}.gameover.show{display:flex}.gameover h1{font-size:clamp(2rem,7vw,4.5rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(92deg,var(--red),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;animation:finGlitch 2.2s infinite}.gameover p{color:var(--fg-dim);max-width:560px;line-height:1.65;font-size:15px;margin-bottom:26px}.gameover b{color:var(--orange)}.gameover .again{display:inline-block;padding:14px 30px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;color:#051015;background:linear-gradient(135deg,var(--cyan),var(--magenta))}.gameover .again-ghost{margin-left:10px;padding:14px 26px;font-size:14px;background:none;border:1px solid rgba(232,232,239,.25);color:var(--fg-dim)}.finale{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050af0;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:50;text-align:center;padding:20px;animation:finIn .6s ease-out}.finale.show{display:flex}@keyframes finIn{0%{opacity:0}to{opacity:1}}.finale h1{font-size:clamp(2rem,7vw,4.5rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(92deg,var(--cyan),var(--magenta) 50%,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;animation:finGlitch 2.2s infinite}@keyframes finGlitch{0%,91%,94%,98%,to{transform:translate(0)}92%{transform:translate(3px,-2px) skew(3deg)}93%{transform:translate(-3px,2px) skew(-2deg)}96%{transform:translate(2px,1px)}}.finale p{color:var(--fg-dim);max-width:560px;line-height:1.65;font-size:15px;margin-bottom:26px}.finale .btn{display:inline-flex;gap:10px;align-items:center;padding:14px 30px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;color:#051015;background:linear-gradient(135deg,var(--cyan),var(--magenta));transition:transform .2s,box-shadow .2s}.finale .btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00f0ff66}.finale-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.finale .btn-take,.finale .btn-brag{border:none;cursor:pointer;font-family:inherit;color:#051015}.finale .btn-take{background:linear-gradient(135deg,var(--green),var(--cyan))}.finale .btn-brag{background:linear-gradient(135deg,var(--orange),var(--yellow))}.finale .again{margin-top:14px;background:none;border:1px solid rgba(232,232,239,.2);color:var(--fg-dim);padding:10px 22px;border-radius:10px;font-size:13px;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}.finale .again:hover{border-color:var(--cyan);color:var(--fg)}.merge-pop{position:absolute;font-weight:700;font-size:15px;color:var(--c, var(--cyan));text-shadow:0 0 12px var(--c, var(--cyan));pointer-events:none;animation:popUp .8s ease-out forwards;z-index:5;white-space:nowrap;transform:translate(-50%,-50%)}@keyframes popUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}25%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.danger-line{position:absolute;left:8px;right:8px;height:0;border-top:2px dashed rgba(255,0,85,.35);z-index:3;pointer-events:none}.danger-line:after{content:"порог эвикции";position:absolute;right:4px;top:-18px;font-size:10px;color:#ff005580;letter-spacing:.06em}.dot-preview{width:20px;height:20px;border-radius:50%;display:inline-block;vertical-align:middle;box-shadow:0 0 8px currentColor;font-size:11px;color:#000000bf;display:inline-flex;align-items:center;justify-content:center}.dot-preview.dim{opacity:.55}.um-quote{position:absolute;left:50%;transform:translate(-50%);bottom:4px;font-size:11px;color:var(--fg-dim);background:#0a0a0fb8;border:1px solid rgba(232,232,239,.1);border-radius:8px;padding:5px 12px;pointer-events:none;opacity:0;transition:opacity .4s;max-width:86%;text-align:center}.um-quote.show{opacity:1}.physics-error{padding:40px;font-family:sans-serif;color:#e8e8ef;background:#0a0a0f;height:100vh}