*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif}.panel-card{background:linear-gradient(180deg,#2a3040,#262c3a 45%,#222835);border:1px solid #343c4e;border-radius:10px;box-shadow:0 1px #ffffff0d inset,0 6px 14px #05070b59,0 1px 3px #05070b66}button{font-family:inherit;cursor:pointer;user-select:none;-webkit-user-select:none}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.menu-btn{--btn-base: #343e52;--btn-edge: #56637e;position:relative;padding:12px 24px;border:1.5px solid var(--btn-edge);border-radius:10px;color:#f0f3fa;font-weight:700;font-size:20px;letter-spacing:.02em;background:linear-gradient(180deg,#ffffff17,#fff0 38%),var(--btn-base);box-shadow:0 1px #ffffff14 inset,0 3px 8px #05070b66;transition:transform .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out,border-color .14s ease-out;will-change:transform}.menu-btn:hover{transform:translateY(-2px);filter:brightness(1.14);border-color:color-mix(in srgb,var(--btn-edge) 60%,white 40%);box-shadow:0 1px #ffffff1f inset,0 8px 18px #05070b80,0 0 14px color-mix(in srgb,var(--btn-edge) 35%,transparent)}.menu-btn:active{transform:translateY(0) scale(.985);filter:brightness(.97);box-shadow:0 1px #ffffff0d inset,0 2px 5px #05070b73}.menu-bg{position:absolute;inset:0;overflow:hidden}.menu-bg:before,.menu-bg:after{content:"";position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(60px);opacity:.16;pointer-events:none}.menu-bg:before{background:radial-gradient(circle,#426ee0 0%,transparent 60%);top:-18vmax;left:-12vmax;animation:drift1 26s ease-in-out infinite alternate}.menu-bg:after{background:radial-gradient(circle,#d44242 0%,transparent 60%);bottom:-20vmax;right:-14vmax;animation:drift2 32s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(9vmax,6vmax) scale(1.12)}}@keyframes drift2{0%{transform:translate(0) scale(1.08)}to{transform:translate(-8vmax,-5vmax) scale(.96)}}.menu-hero-title{background:linear-gradient(180deg,#ffe9a8,#ffd054 55%,#e0a63a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(255,208,84,.25));letter-spacing:.04em}.game-over-card{animation:slideUp .32s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 1px #ffffff12 inset,0 18px 50px #05070b99}.game-over-title{text-shadow:0 0 22px currentColor,0 2px 6px rgba(5,7,11,.6)}canvas{touch-action:none;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:fadeIn .2s ease-out}.slide-up{animation:slideUp .3s ease-out}@media(prefers-reduced-motion:reduce){.menu-bg:before,.menu-bg:after{animation:none}.menu-btn,.game-over-card{transition:none;animation:none}}.rules-panel{overflow-y:auto;max-height:min(46vh,420px);animation:slideUp .28s ease-out}.credits-footer{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:13px;line-height:1.6;color:#6f7889;letter-spacing:.02em;pointer-events:none}