@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap');

:root{--navy:#062d69;--blue:#0756aa;--blue2:#168be0;--sky:#71d9ff;--gold:#ffc532;--orange:#e99513;--cream:#fff9e8;--green:#58c83d;--ink:#102c57;--muted:#496684}
html{min-height:100%;background:#72c9f3}
body{font-family:Fredoka,system-ui,sans-serif!important;color:var(--ink)!important;background:linear-gradient(#c7efff2b,#ffffff16),url('assets/plaza-background.webp') center top/cover fixed no-repeat!important}
body:before{background:linear-gradient(180deg,#fff0 0,#fff0 65%,#165a3427)!important;opacity:1!important}
main{max-width:650px!important;padding-top:10px!important}
header{min-height:66px!important;margin-bottom:8px!important;grid-template-columns:92px 1fr 92px!important}
header>a{color:#083e78!important;text-shadow:0 1px #fff;text-decoration:none!important;font-weight:700!important}
.mini-logo{display:block;width:156px;height:84px;object-fit:contain;margin:auto;filter:drop-shadow(0 4px 2px #17445b4f)}
.panel{border:4px solid #fff!important;background:linear-gradient(180deg,#fffdf3f7,#fff1caf7)!important;border-radius:25px!important;box-shadow:0 0 0 5px #07509e,0 7px 0 5px #04346e,0 14px 28px #17455d5c!important;color:var(--ink)!important}
.panel h1,.panel h2,.panel .clue{color:#074d98!important;text-shadow:0 2px #fff!important}
.panel p,.panel small,.rules,.hand-help,.hand-title small{color:var(--muted)!important}
.eyebrow,.panel>small:first-child{color:#9b6508!important;font-weight:700!important;letter-spacing:.1em}
.primary,.secondary{border:2px solid #d8ffa9!important;border-radius:15px!important;background:linear-gradient(#72df49,#43ad2f)!important;color:#fff!important;box-shadow:0 5px 0 #278b29!important;text-shadow:0 2px #287724!important}
.secondary{border-color:#bcecff!important;background:linear-gradient(#56ccff,#168ada)!important;box-shadow:0 5px 0 #075999!important;text-shadow:0 2px #075999!important}
.primary:disabled,.secondary:disabled{opacity:.45!important;filter:grayscale(.3);box-shadow:none!important}
.playerbar{position:relative;z-index:2}.pill{background:linear-gradient(#fffdf3,#ffe6a8)!important;border:2px solid #fff!important;color:#805610!important;box-shadow:0 0 0 2px #d9941b,0 3px 7px #153d5c43;font-weight:600}.pill b{color:#143b6c!important}
.hud{padding:8px 13px;border:2px solid #fff;border-radius:999px;background:#07509ee8;color:#fff!important;box-shadow:0 3px 0 #04336c}.hud b{color:#ffdd52!important}
.tiles .tile,.warm-tile{border-color:#fff!important;background:linear-gradient(#ffd84c,#f3a615)!important;color:#fff!important;text-shadow:0 2px #85500b;box-shadow:0 4px 0 #a55c10!important}.tiles .tile:nth-child(3n+2),.warm-tile:nth-child(3n+2){background:linear-gradient(#74d84f,#39a93d)!important;box-shadow:0 4px 0 #247b32!important}.tiles .tile:nth-child(3n),.warm-tile:nth-child(3n){background:linear-gradient(#bd72ec,#7141bc)!important;box-shadow:0 4px 0 #452280!important}.tiles .tile.selected,.warm-tile.selected{outline:4px solid #0758ad!important;transform:translateY(-4px)}
.key{background:linear-gradient(#1478c9,#07509e)!important;border:2px solid #a8ddff!important;box-shadow:0 3px 0 #04326b;color:#fff!important}.key:active{transform:translateY(2px);box-shadow:0 1px #04326b}
.feedback,.status{color:#0874b7!important}.quiet{color:#07549a!important}.quiet:hover{text-decoration-thickness:2px}
.stage-dots span,.progress span{background:#cbd8d9!important}.stage-dots .done,.progress .done{background:#55bd3f!important}.stage-dots .current,.progress .current{background:#f5b61f!important}
.preview-hand span,.hand-tile.selected{border-color:#fff!important}.hand-tile{border-color:#d99b21!important;background:#fff9df!important;color:#a46b0b!important}.hand-tile.used{border-color:#168ada!important;background:linear-gradient(#effaff,#a4ddff)!important;color:#164a79!important}
.word-row{border-color:#d79c29!important;background:linear-gradient(90deg,#fffdf7,#ffedbd)!important}.word-row.filled{border-color:#168ada!important}.word-row.valid{border-color:#50b73e!important}.word-letter{color:#183965!important}.checks-panel{background:#e9f6ff!important;border-color:#91cdea!important;color:#174c7b!important}.checks-panel h3{color:#174c7b!important}.check-row{border-color:#92c7e455!important}.attempt{color:#123e6b!important}
.profile-gate{background:#0d497ac7!important}.profile-fields label{color:#285474!important}.profile-fields input,.namebox input{background:#fff!important;color:#173b67!important;border:2px solid #9fc8df!important}.leaderboard th{color:#6e7f8b!important}.leaderboard td,.resultrow{border-color:#d8be7c!important;color:#3f5c78!important}.resultrow span:last-child{color:#163e6b!important}.reward,.leaderboard .me{color:#a86800!important}.namebox button{background:#168ada!important;color:#fff!important}.test-picker{border-color:#ddb868!important}.test-buttons button{background:linear-gradient(#ffd84c,#efa515)!important;border:2px solid white!important;color:#173c6a!important;box-shadow:0 3px 0 #a65f11}
.site-footer{color:#214d68!important;text-shadow:0 1px white}.site-footer a,.site-footer button{color:#064b84!important;font-weight:700!important}
@media(max-width:410px){header{grid-template-columns:72px 1fr 72px!important}.mini-logo{width:132px;height:72px}.panel{border-width:3px!important;box-shadow:0 0 0 4px #07509e,0 6px 0 4px #04346e,0 12px 22px #17455d55!important}}