body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.game{border:10px ridge #a9a9a9;border-color:#fff #a9a9a9 #a9a9a9 #fff;margin:20px;display:inline-block}.scoreboard{background-color:#bdbdbd;border:10px ridge #a9a9a9;border-color:#fff #a9a9a9 #a9a9a9 #fff;justify-content:space-between;align-items:center;height:70px;padding:0 15px;font-size:24px;display:flex}.reset-container{border:4px ridge #a9a9a9;border-color:#fff #a9a9a9 #a9a9a9 #fff}.reset-button{cursor:pointer;background:0 0;border:none}.board{flex-direction:column;display:flex}.row{display:flex}.cell{cursor:pointer;background-color:#bdbdbd;border:4px ridge #a9a9a9;border-color:#fff #a9a9a9 #a9a9a9 #fff;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex}.cell:focus-visible{outline-offset:-3px;z-index:1;outline:3px solid #1565c0;position:relative}.flagged{color:#000}.revealed{background-color:#bdbdbd;border:1px solid gray}.exploded{color:#000;background-color:red}.adj-1{color:#00f}.adj-2{color:green}.adj-3{color:red}.adj-4{color:purple}.adj-5{color:maroon}.adj-6{color:#40e0d0}.adj-7{color:#000}.adj-8{color:gray}.revealed.exploded{background-color:red}.ttn{--ttn-bg:#1a1530;--ttn-panel:#241c43;--ttn-line:#3a2f63;--ttn-x:#ff6b9d;--ttn-o:#5ad1e6;--ttn-text:#f4f0ff;--ttn-muted:#b3a8d6;--ttn-win:#7cffb2;--ttn-lose:#ff8b8b;--ttn-accent:#a96bff;box-sizing:border-box;background:radial-gradient(circle at top,var(--ttn-panel),var(--ttn-bg));width:min(380px,100%);color:var(--ttn-text);border-radius:20px;flex-direction:column;gap:16px;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:inline-flex;box-shadow:0 18px 40px #00000059}.ttn *,.ttn :before,.ttn :after{box-sizing:border-box}.ttn__header{text-align:center}.ttn__title{letter-spacing:.5px;background:linear-gradient(90deg,var(--ttn-x),var(--ttn-accent),var(--ttn-o));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.ttn__subtitle{color:var(--ttn-muted);margin:4px 0 0;font-size:.85rem}.ttn__status{text-align:center;background:#ffffff0d;border-radius:12px;padding:10px 12px;font-size:1.05rem;font-weight:600;transition:background .2s,color .2s}.ttn__status--win{color:#11331f;background:var(--ttn-win)}.ttn__status--lose{color:#3a1010;background:var(--ttn-lose)}.ttn__status--draw{color:var(--ttn-text);background:var(--ttn-line)}.ttn__board{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ttn__square{color:var(--ttn-text);background:var(--ttn-panel);border:2px solid var(--ttn-line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;place-items:center;font-size:clamp(2rem,14vw,3.2rem);font-weight:800;transition:transform .12s,border-color .2s,background .2s;display:grid}.ttn__square span{line-height:1;animation:.18s ttn-pop}.ttn__square:not(:disabled):hover{border-color:var(--ttn-accent);transform:translateY(-2px)}.ttn__square:disabled{cursor:default}.ttn__square--x{color:var(--ttn-x)}.ttn__square--o{color:var(--ttn-o)}.ttn__square--winning{border-color:var(--ttn-win);background:#7cffb22e;animation:1s ease-in-out infinite alternate ttn-glow}.ttn__board[data-thinking]{opacity:.85}.ttn__reset{color:var(--ttn-text);background:linear-gradient(90deg,var(--ttn-accent),var(--ttn-x));cursor:pointer;border:none;border-radius:999px;align-self:center;margin-top:4px;padding:10px 22px;font-size:.95rem;font-weight:700;transition:transform .12s,filter .2s}.ttn__reset:hover{filter:brightness(1.1);transform:translateY(-1px)}.ttn__reset:active{transform:translateY(0)}@keyframes ttn-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes ttn-glow{0%{box-shadow:0 0 #7cffb200}to{box-shadow:0 0 18px #7cffb299}}@media (prefers-reduced-motion:reduce){.ttn__square span,.ttn__square--winning,.ttn__reset,.ttn__square{transition:none;animation:none}}*{margin:0;padding:0}html,body{box-sizing:border-box;height:100%;margin:0;padding:0}h3,h4,h5,h6,p{color:#363435}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#4b9ae7;text-decoration:none}h3{border-bottom:1px dashed #df6695}#root{box-sizing:border-box;flex-direction:column;min-height:100%;display:flex}.page-header,.page-footer{flex-grow:0;flex-shrink:0}.page-body{flex-grow:1}.page-header{border-bottom:1px dashed #df6695;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex}.page-header a{width:100%;height:100%}.page-footer{border-top:1px dashed #df6695;justify-content:right;align-items:end;height:40px;display:flex}.copyright{text-align:right;margin-bottom:10px;margin-right:10px}.tiles{flex-direction:column;display:flex}.tile{margin:20px;padding:10px 15px}.tile h1,.tile h2,.tile h3{margin-bottom:10px}.root-title{color:#4b9ae7}.project-box{text-align:center;border:1px dashed #df6695;justify-content:center;align-items:center;padding:5px;display:flex}a.button-link{width:30px;margin:0;padding:0}