:root{--ink:#1b1738;--violet:#6546ec;--paper:#f5f2ff}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #efa84f;outline-offset:3px}.bridge-shell{max-width:1120px;margin:auto;padding:28px clamp(16px,4vw,36px) 70px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--violet)}.bridge-head h1{font-size:clamp(48px,7vw,78px);line-height:1;letter-spacing:-.07em;margin:10px 0 2px}.bridge-head em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.bridge-head p{margin:12px 0 25px;color:#706c80;font-size:16px}.mode-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.mode-button{min-height:43px;border:1px solid #c7bcdf;background:#fff;color:#403657;border-radius:99px;padding:10px 16px;font-size:13px;font-weight:850}.mode-button.active{background:var(--ink);color:#fff;border-color:var(--ink)}#puzzleLabel{margin-left:auto;color:#82798f;font-size:12px;font-weight:800}.score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.score-strip div{border:1px solid #e2dcf1;background:white;border-radius:15px;padding:10px 16px;display:flex;flex-direction:column}.score-strip small{font-size:10px;font-weight:900;color:#827c91;letter-spacing:1.3px}.score-strip strong{font-size:27px}.bridge-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(235px,1fr);gap:18px;align-items:start}.bridge-board,.side-card{background:#fff;border:1px solid #e1dbed;border-radius:20px;box-shadow:4px 5px 0 #e7e1f2}.bridge-board{padding:24px;min-width:0}.goal{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#211d4c;border-radius:16px;padding:19px;min-width:0;color:white}.goal>div{display:flex;flex-direction:column;gap:8px;min-width:0}.goal>div:last-child{text-align:right}.goal span:not(.goal-arrow){font-size:10px;font-weight:900;letter-spacing:1.5px;color:#d0c8ee}.goal strong{font-size:clamp(27px,5vw,42px);letter-spacing:.08em}.goal-arrow{color:#d9ef83;font-size:33px;font-weight:900}.entry{margin-top:23px}.entry label{display:block;font-size:13px;font-weight:850;margin-bottom:10px}.entry form{display:flex;gap:10px}.entry input{width:100%;min-width:0;max-width:270px;min-height:54px;border:2px solid #c9bee5;border-radius:11px;background:#fff;color:#211a4a;font-size:25px;font-weight:900;letter-spacing:.18em;text-align:center;text-transform:uppercase}.entry input:disabled{background:#f4f2f7}.entry form button,.primary-action{min-height:54px;border:0;border-radius:11px;background:#6546ec;color:#fff;font-weight:850;padding:10px 17px;white-space:nowrap}.entry form button:hover:not(:disabled),.primary-action:hover{background:#4932ba}.status{color:#686078;font-size:13px;line-height:1.45;min-height:1.5em;margin:10px 0 16px}.status.error{color:#a93b4c}.trail-header{border-top:1px solid #e8e4ec;padding-top:16px;display:flex;justify-content:space-between;color:#7b6b9f;font-size:11px;font-weight:900;letter-spacing:1.3px}.trail{list-style:none;margin:14px 0;min-height:80px;padding:0;display:flex;flex-wrap:wrap;align-content:start;align-items:center;gap:9px}.trail li{position:relative;display:flex;align-items:center;gap:8px}.trail li+li:before{content:"→";font-weight:900;color:#9a8daf}.trail .word{display:inline-flex;border:1px solid #c5b6e5;background:#eee9ff;border-radius:9px;padding:10px 12px;font-size:16px;font-weight:900;letter-spacing:.09em}.trail li:first-child .word{background:#f5d596;border-color:#dbb46e}.trail li:last-child:not(:first-child) .word{background:#d8ef88;border-color:#9ab85a}.trail .changed{color:#c04176;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.board-actions{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e8e4ec;padding-top:18px}.board-actions button:not(.primary-action),#nextButton,.side-card button{border:1px solid #bcb0dc;background:#f4f0ff;color:#2d2557;border-radius:10px;padding:11px 14px;font-weight:850;min-height:44px}.board-actions button:hover:not(:disabled),#nextButton:hover,.side-card button:hover{background:#e5dcff}.bridge-side{display:grid;gap:16px}.side-card{padding:23px}.side-card h2{font-size:26px;letter-spacing:-.05em;margin:10px 0}.side-card p{color:#696474;line-height:1.55;font-size:14px}.streak{background:#f1eaff;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;margin:15px 0}.streak strong{color:#5c3ed5;white-space:nowrap}.bridge-foot{color:#807b8d;font-size:13px;line-height:1.5;margin-top:24px}.bridge-foot a{color:#5640cb;font-weight:850}@media(max-width:780px){.bridge-layout{grid-template-columns:1fr}.bridge-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bridge-shell{padding-top:20px}.bridge-head p{font-size:14px}.score-strip{gap:6px}.score-strip div{min-width:0;padding:9px 10px}.score-strip strong{font-size:23px}.bridge-board{padding:15px}.goal{padding:14px}.goal strong{font-size:clamp(23px,7vw,33px)}.entry form{flex-wrap:wrap}.entry input{flex:1 1 160px}.entry form button{flex:1 1 110px}.bridge-side{grid-template-columns:1fr}.side-card{padding:18px}#puzzleLabel{width:100%;margin-left:0}}