:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0f5;background:#111b26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#243242 0,transparent 68%);min-height:100vh}main{max-width:550px;margin:auto;padding:38px 24px 30px}header{text-align:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#aebbc7}h1{font-family:Georgia,serif;font-weight:400;font-size:64px;letter-spacing:-3px;margin:12px 0}h1 span{font-size:18px;vertical-align:top;color:#f9d678;display:inline-block;margin:12px 0 0 8px;text-shadow:0 0 25px #f9d67880}header p{color:#afbeca;font-size:15px;line-height:1.65;margin:0}.play{border:1px solid #344350;border-radius:24px;padding:24px;background:#16222dd9;box-shadow:0 20px 55px #0003}.topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#d5bd80}.badge{color:#93a4b4;border:1px solid #40505e;padding:5px 9px;border-radius:6px}.stats{display:flex;margin:24px 0;justify-content:space-around;text-align:center}.stats strong{display:block;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.stats span{color:#97a8b8;font-size:11px;letter-spacing:1px}#board{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.tile{position:relative;aspect-ratio:1;border:1px solid #3c4a56;border-radius:13px;background:linear-gradient(145deg,#273641,#202c37);box-shadow:inset 0 1px 0 #ffffff08,0 3px 0 #0c151d;cursor:pointer;transition:background .12s,box-shadow .12s,transform .12s;min-width:0;padding:0}.tile::after{content:"";width:21%;height:21%;position:absolute;top:39.5%;left:39.5%;border-radius:50%;border:1px solid #627482;background:#263440}.tile.on{background:linear-gradient(145deg,#ffe9a8,#edc46f);border-color:#f6d78c;box-shadow:0 0 20px #f7d88124,0 3px 0 #887248}.tile.on::after{background:#fff4d1;border-color:#fff8dd;box-shadow:0 0 10px #fff2be}.tile:hover{transform:translateY(-2px)}.tile:active{transform:translateY(2px)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #8acdea;outline-offset:4px}.tile.hint{outline:3px dashed #8acdea;outline-offset:2px}.controls{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;touch-action:manipulation}.controls button{flex:1;border:1px solid #435463;background:#243440;color:#d8e2e9;border-radius:10px;padding:11px;cursor:pointer;font-size:13px}.controls button.primary{background:#f4d388;color:#24313b;border-color:#f4d388;flex-basis:100%;font-weight:650}button:disabled{opacity:.35;cursor:default}#status{min-height:42px;color:#c2cfda;line-height:1.55;font-size:13px;text-align:center;margin:22px 0 16px}footer{font-size:12px;line-height:1.7;color:#a4b5c3;margin:22px 6px}summary{cursor:pointer;color:#d3dde5;font-size:13px}details p{margin:12px 0}.textbutton{padding:0;background:none;border:0;border-bottom:1px solid #62717e;color:#a4b5c3;font-size:12px;cursor:pointer;margin:18px 0 6px}.credit{font-size:10px;color:#8194a5}a{color:inherit;text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:450px){main{padding:24px 16px}h1{font-size:54px}.play{padding:18px}#board{gap:8px}.tile{border-radius:10px}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:700px) and (max-height:850px){main{max-width:400px;padding-top:18px}header{margin-bottom:16px}h1{font-size:48px;margin:8px 0}header p{font-size:13px}.play{padding:18px}.stats{margin:15px 0}.stats strong{font-size:22px}#status{margin:15px 0 10px;min-height:36px}.tile{border-radius:10px}footer{margin-top:16px}}