:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090f2c;color:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -50%,#3542ad,transparent 70%);min-height:100vh}main{max-width:1600px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(28px,3vw,46px);margin:6px 0 18px;letter-spacing:-1.5px}h1 span{color:#ffcf62}.eyebrow{font-weight:700;font-size:13px;letter-spacing:2px;color:#a7b8ff;margin:0}nav{display:flex;gap:8px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #536299;background:#1c2854;border-radius:9px;padding:11px 16px}button:hover{background:#2e4080}button:focus-visible,a:focus-visible{outline:3px solid #ffe6a1;outline-offset:3px}.instructions{display:flex;justify-content:space-between;gap:12px;color:#bdc9f1;font-size:14px;margin-bottom:18px}.instructions b{color:#ffcf62;margin-left:20px}#board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.heading{background:#131c41;display:flex;align-items:center;justify-content:center;text-align:center;min-height:76px;font-size:clamp(13px,1.3vw,20px);font-weight:700;line-height:1.25;border-top:3px solid #7a91ff;border-radius:8px;padding:10px 5px}.tile{height:clamp(57px,8vh,90px);padding:4px;background:linear-gradient(135deg,#263caf,#172876);border:1px solid #465fc5;color:#ffcf62;font-size:clamp(23px,3vw,42px);font-weight:800;box-shadow:0 3px 0 #05091d;transition:background .15s,transform .15s}.tile:hover{background:#3552d2;transform:translateY(-2px)}.tile.played{background:#101733;border-color:#263252;color:#5e6a99;box-shadow:none;font-size:22px}.tile.played:hover{background:#202b50}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#b7c4e9;font-size:14px}.note{color:#8c9bc2;font-size:12px;margin-top:22px}dialog{width:min(900px,94vw);max-height:93vh;overflow:auto;padding:0;border:1px solid #6a81d4;border-radius:20px;color:white;background:#111e51;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#030819df;backdrop-filter:blur(5px)}.modal{padding:48px;text-align:center}.close{position:absolute;right:13px;top:10px;padding:2px 11px;font-size:30px;background:transparent;border:0}#points{color:#ffcf62;font-weight:bold;font-size:22px;margin:20px 0}h2{font-size:clamp(25px,3.4vw,43px);line-height:1.3;margin:24px 0 35px}h3{font-size:clamp(24px,3vw,35px);line-height:1.3;margin:8px 0 15px;color:#ffdf90}.primary{background:#ffcf62;color:#15204a;border-color:#ffcf62;font-weight:700}.primary:hover{background:#ffe19d}.actions{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}#answerArea{border-top:1px solid #40528c;margin-top:25px;padding-top:20px}.answer-label{font-size:13px;letter-spacing:2px;color:#bfcaff}a{color:#b5c9ff;font-size:16px}.bonus-title{font-weight:900;font-size:clamp(40px,7vw,76px);color:#ffcf62;margin:36px 0 20px}#bonus>p:nth-child(2){font-size:22px;margin-bottom:30px}[hidden]{display:none!important}@media(max-width:700px){main{padding:16px 10px}header{align-items:flex-start}nav{flex-direction:column}nav button{padding:8px;font-size:13px}.instructions{flex-direction:column;line-height:1.5}.instructions b{display:block;margin:0}#board{gap:4px}.heading{font-size:12px;min-height:85px;overflow-wrap:anywhere}.tile{font-size:22px;height:57px;border-radius:5px}footer{flex-direction:column;gap:8px}.modal{padding:42px 20px 26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}