html,body,header,nav,h1,a,ul,li,strong,main,button,i,section,img,div,h2,p,form,fieldset,label,input,textarea,span,article,footer,time,small{margin:0;padding:0;border:0;outline:0;font:inherit;color:inherit;text-align:inherit;text-decoration:inherit;vertical-align:inherit;box-sizing:inherit;background:transparent}ul{list-style:none}img{display:block;width:100%;height:auto}button,input[type=submit]{cursor:pointer}html{box-sizing:border-box}body{min-height:100vh;margin:0;text-align:center;display:flex;justify-content:center;background:radial-gradient(circle at top,rgba(133,12,12,.24),transparent 45%),linear-gradient(135deg,#070000,#220001 38%,#4c0001 62%,#070000);color:#e33d3d;font-family:MedievalSharp,cursive;-webkit-font-smoothing:antialiased}.main-container{width:100%;display:flex;justify-content:center;padding:24px}.game-shell{width:min(1180px,100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.page-header{display:flex;flex-direction:column;align-items:center;gap:8px}.page-header h1{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:.06em;color:#f06767;text-shadow:0 10px 30px rgba(0,0,0,.45);text-wrap:balance}.page-subtitle{font-size:clamp(1rem,1.4vw,1.2rem);color:#ffc4c4d1;letter-spacing:.16em;text-transform:uppercase;text-wrap:pretty}.game-container{width:100%;display:grid;grid-template-columns:minmax(190px,220px) auto minmax(190px,220px);align-items:start;justify-content:center;gap:24px}.side-panel{min-height:500px;padding:22px 20px;border-radius:24px;background:linear-gradient(180deg,#210000c7,#0c0000eb);box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff0a}.panel-title{margin-bottom:18px;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:#ff8b8b}.instruction-container,.info-container{display:flex;flex-direction:column;justify-content:center}.info-container{justify-content:space-between;gap:24px}.panel-section{display:flex;flex-direction:column;gap:18px}.control-list{display:grid;gap:12px;text-align:left}.control-list li{min-height:48px;padding:12px 14px;border-radius:16px;display:flex;flex-direction:column;gap:4px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0f}.control-list span{color:#ffd7d7cc;font-size:.95rem}.control-list strong{color:#ffd6d6;letter-spacing:.04em}.play-column{display:flex;flex-direction:column;align-items:center;gap:20px}.canvas-shell{width:100%;display:flex;justify-content:center}.canvas-frame{position:relative;width:660px;height:500px;border-radius:28px;overflow:hidden;box-shadow:0 32px 70px #0000008c,0 0 0 1px #0000004d,0 0 0 1px #ffffff14 inset}#canvas{display:block;width:660px;height:500px;cursor:none}.footer{display:flex;align-items:center}.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px}.score-card{min-width:120px;padding:14px 18px 16px;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff12,0 14px 28px #0003}.score-label{font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd2d2c7}#points-display,#best-display{min-width:4ch;font-size:clamp(2.4rem,5vw,4rem);color:#ff7272;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 12px 24px rgba(0,0,0,.35)}.info-actions{display:flex;flex-direction:column;align-items:center;gap:18px}.link-list{width:100%;display:grid;gap:12px}.link-list a,#musicBtn,.text-option-btn{width:100%;min-height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#f06767;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0f;transition:color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.link-list a:hover,#musicBtn:hover,.text-option-btn:hover{color:#fff4f4;background:#ffffff14;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 20px #00000038}.link-list a:active,#musicBtn:active,.text-option-btn:active{transform:scale(.96)}#musicBtn{position:relative;overflow:hidden}#musicBtn>:first-child{display:block}#musicBtn>:last-child{display:none}.text-option-btn{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.text-option-btn[aria-pressed=true]{color:#fff4f4;background:#ffffff1c;box-shadow:inset 0 0 0 1px #ffffff24,0 10px 20px #00000038}#game-over,#start-game{position:absolute;inset:0;padding:24px;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(180deg,#00000057,#000000b8);cursor:pointer}#game-over{display:none}#start-game{display:flex}#game-over p,#start-game p{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:.08em;color:#fff1f1;text-shadow:0 8px 24px rgba(0,0,0,.4)}#game-over span{padding:10px 18px;border-radius:999px;background:#ffffff14;color:#ffdcdceb}@media(max-width:1180px){.game-container{grid-template-columns:1fr;justify-items:center}.instruction-container,.info-container{width:min(660px,100%);min-height:auto}.instruction-container{order:2}.play-column{order:1}.info-container{order:3}.info-container{justify-content:center}.link-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.main-container{padding-left:12px;padding-right:12px}.canvas-frame,#canvas{width:660px;max-width:100%;height:auto}.side-panel{padding:18px 16px}.link-list{grid-template-columns:1fr}.scoreboard{width:100%}}