@font-face{font-family:Rubik;src:url('assets/font-rubik-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/font-rubik-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/font-rubik-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/font-rubik-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--navy:#001242;--ink:#1b2559;--purple:#7050b8;--green:#39a765;--mint:#e5f4ed;--white:#fff;--quiet:#506775}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Rubik,Arial,sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:4px solid #e9ba47;outline-offset:5px}[hidden]{display:none!important}
.game-button{min-height:56px;border:0;border-radius:15px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffbd08;color:var(--ink);box-shadow:0 5px 0 #b77b00,inset 0 2px 0 #ffdf77;font-size:18px;font-weight:600;text-decoration:none;text-align:center;transition:transform .13s,box-shadow .13s}
.game-button:hover{filter:brightness(1.05)}.game-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b77b00}.game-button.secondary{background:#fff;color:var(--ink);box-shadow:0 4px 0 #bfcec7,inset 0 0 0 1px #d9e5dd}.game-button img{width:25px;height:25px;object-fit:contain}
.quiet-button{border:1px solid #92a8ad;border-radius:7px;background:#ffffffc9;color:var(--ink);padding:8px 13px;font-size:13px;font-weight:500}.game-robot{object-fit:contain}@media(prefers-reduced-motion:reduce){.game-button{transition:none}}