.connections-page{--c-board-size:min(518px, calc(100vw - 32px));--c-gap:10px;--c-card:calc((var(--c-board-size) - (var(--c-gap) * 3)) / 4);min-height:100vh;overflow-anchor:none}.connections-page [hidden]{display:none!important}.connections-shell{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:8px 0 32px}.connections-help{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid rgba(255,176,111,.28);border-radius:50%;background:0 0;color:var(--orange-light);font-weight:800}.connections-game{min-height:632px;padding:28px 0 24px;text-align:center}.connections-play{width:100%}.connections-daily-meta{display:flex;width:var(--c-board-size);align-items:center;justify-content:space-between;margin:0 auto 10px;color:var(--muted);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.connections-daily-meta strong{color:var(--orange-light);font:800 .67rem/1 "Space Grotesk",sans-serif;letter-spacing:.1em}.connections-status{display:grid;width:var(--c-board-size);min-height:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 auto 10px;color:var(--muted);font-size:.62rem;text-align:left}.connections-status>span:last-child{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.connections-status b{display:inline-flex;gap:4px}.connections-status b i{display:block;width:7px;height:7px;border:1px solid var(--orange-light);border-radius:50%}.connections-status b i.is-left{background:var(--orange-light)}.connections-status b i.is-used{background:0 0;opacity:.35}.connections-board{display:grid;width:var(--c-board-size);grid-template-columns:repeat(4,var(--c-card));grid-auto-rows:var(--c-card);gap:var(--c-gap);margin:0 auto}.connections-card{position:relative;display:grid;overflow:hidden;padding:0;place-items:end stretch;border:1px solid rgba(220,231,244,.18);border-radius:8px;background:var(--surface-2);color:var(--ink);transition:border-color .16s,box-shadow .16s,transform .16s}.connections-card img{position:absolute;inset:0;width:100%;height:78%;object-fit:contain;object-position:center bottom;filter:saturate(.83)}.connections-monogram{position:absolute;inset:0 0 22%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(246,129,58,.22),rgba(246,129,58,.05));color:var(--orange-light);font-style:normal}.connections-card span{position:relative;z-index:1;display:grid;min-height:32px;padding:4px 5px;place-items:center;background:linear-gradient(180deg,rgba(16,21,31,.88),#10151f);font:700 .67rem/1.08 "Space Grotesk",sans-serif}.connections-card:hover{border-color:rgba(255,176,111,.55)}.connections-card.is-selected{border-color:var(--orange-light);background:rgba(255,139,69,.25);box-shadow:0 0 0 3px rgba(255,139,69,.28) inset;transform:translateY(-2px)}.connections-selected-mark{position:absolute;z-index:3;top:6px;right:6px;display:none;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--orange-light);color:#21120d;font:900 .7rem/20px sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.32)}.connections-card.is-selected .connections-selected-mark{display:grid}.connections-card.is-wrong{animation:.38s connections-wrong;border-style:dashed}.connections-solved{display:grid;grid-column:1/-1;grid-row:span 1;padding:10px;place-content:center;border-radius:8px;color:#160e0b}.connections-solved strong{font:800 .8rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.04em}.connections-solved span{margin-top:7px;font-size:.61rem}.connections-solved[data-color="0"]{background:#f5ce69}.connections-solved[data-color="1"]{background:#a9d879}.connections-solved[data-color="2"]{background:#81b3e6}.connections-solved[data-color="3"]{background:#c89adf}.connections-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.connections-actions button,.connections-result button{min-width:76px;height:38px;padding:0 14px;border:1px solid var(--line-strong);border-radius:7px;background:0 0;color:var(--ink);font-size:.69rem;font-weight:700}.connections-actions .is-primary,.connections-result button{border-color:var(--orange);background:var(--orange);color:#21120d}.connections-actions button:disabled{opacity:.35;cursor:not-allowed}.connections-message{min-height:20px;margin:10px 0 0;color:var(--orange-light);font-size:.7rem}.connections-result{display:flex;width:var(--c-board-size);align-items:center;justify-content:space-between;gap:14px;margin:4px auto 0;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:rgba(26,34,48,.65);text-align:left}.connections-result strong{font-size:.72rem}.connections-content{width:min(760px,calc(100% - 40px));margin:0 auto 68px;padding-top:28px;border-top:1px solid var(--line)}.connections-content h2{margin:0 0 10px}.connections-content p{color:var(--muted);font-size:.8rem;line-height:1.65}.connections-faq details{padding:13px 0;border-top:1px solid var(--line)}.connections-faq summary{cursor:pointer;font-size:.78rem;font-weight:700}.connections-content>h2:not(:first-of-type){margin-top:30px}.connections-content .eyebrow{margin:0 0 9px;color:var(--orange-light)}.connections-quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 28px}.connections-quick-facts div{padding:13px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(26,34,48,.56)}.connections-quick-facts span,.connections-quick-facts strong{display:block}.connections-quick-facts strong{color:var(--orange-light);font:800 1rem/1 "Space Grotesk",sans-serif}.connections-quick-facts span{margin-top:6px;color:var(--muted);font-size:.58rem}.connections-howto{margin:0;padding-left:20px;color:var(--muted);font-size:.8rem;line-height:1.65}.connections-howto li+li{margin-top:6px}.connections-howto strong{color:var(--ink)}.connections-modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center}.connections-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,7,11,.78)}.connections-modal section{position:relative;width:min(410px,calc(100% - 28px));padding:25px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.connections-modal section>button{position:absolute;top:10px;right:12px;border:0;background:0 0;color:var(--ink);font-size:1.3rem}.connections-modal h2{margin-top:0}.connections-modal p{margin-bottom:0;color:var(--muted);font-size:.78rem;line-height:1.55}@keyframes connections-wrong{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (max-width:900px){.connections-shell{width:calc(100% - 30px)}.connections-game{min-height:600px;padding-top:24px}.connections-card{border-radius:6px}.connections-card span{min-height:26px;padding:3px;font-size:clamp(.5rem,1.45vw,.62rem)}.connections-solved{padding:5px}.connections-solved strong{font-size:.68rem}.connections-solved span{margin-top:4px;font-size:.5rem}}@media (max-width:480px){.connections-page{--c-board-size:min(338px, calc(100vw - 20px));--c-gap:6px}.connections-shell{width:100%;padding-top:5px}.connections-game{min-height:485px;padding:17px 0 22px}.connections-daily-meta{margin-bottom:7px}.connections-status{min-height:20px;margin-bottom:7px;font-size:.5rem}.connections-status>span:last-child{gap:5px}.connections-status b{gap:3px}.connections-status b i{width:6px;height:6px}.connections-card span{min-height:25px;padding:2px;font-size:clamp(.5rem,2.15vw,.54rem);line-height:1.02}.connections-selected-mark{top:4px;right:4px;width:17px;height:17px;font-size:.58rem}.connections-actions{gap:7px;margin-top:15px}.connections-actions button{min-width:64px;height:34px;padding:0 10px;font-size:.61rem}.connections-message{margin-top:8px;font-size:.6rem}.connections-result{flex-direction:column;align-items:stretch;padding:10px;text-align:center}.connections-content{margin-bottom:45px}}@media (max-width:560px){.connections-quick-facts{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.connections-card{transition:none}.connections-card.is-wrong{animation:none}}@media (max-height:500px) and (min-width:500px){body[data-game-frame=connections] .site-header--common{min-height:32px}body[data-game-frame=connections] .game-titlebar{min-height:28px;margin-block:0 3px}body[data-game-frame=connections].connections-page{--c-board-size:min(660px, calc(100vw - 24px));--c-gap:4px}body[data-game-frame=connections] .connections-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100dvh - 178px)/ 4)}body[data-game-frame=connections] .connections-status{font-size:.65rem}body[data-game-frame=connections] .connections-card{place-items:center stretch}body[data-game-frame=connections] .connections-card img,body[data-game-frame=connections] .connections-monogram{display:none}body[data-game-frame=connections] .connections-card span{min-height:0;padding:3px 8px;font-size:.75rem;line-height:1.1;background:0 0}body[data-game-frame=connections] .connections-actions button{min-height:30px;height:30px;font-size:.68rem}body[data-game-frame=connections] .connections-message{min-height:26px;font-size:.65rem}body[data-game-frame=connections] .connections-solved{padding:2px 5px}body[data-game-frame=connections] .connections-solved strong{font-size:.68rem}body[data-game-frame=connections] .connections-solved span{margin-top:2px;font-size:.58rem}}