*{box-sizing:border-box}
body{margin:0;background:#fff7e8;font-family:system-ui,sans-serif;color:#28323c;min-height:100vh}
main{max-width:1080px;margin:auto;padding:18px 14px;position:relative}
.panda{position:absolute;right:18px;top:145px;width:205px;z-index:5;pointer-events:none}
.panda img{display:block;width:100%;height:auto}
.game{position:relative;z-index:3;width:calc(100% - 250px);margin-right:250px;margin-top:16px;background:#fff;border-radius:30px;padding:22px 18px;text-align:center;box-shadow:0 12px 30px #00000012}
header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:22px;padding:14px 18px;box-shadow:0 8px 24px #00000012}
header span{font-size:24px}
h1{font-size:24px;margin:0}
.chart-wrap{height:150px;margin:0 auto 18px;padding:8px 4px 0;border-radius:20px;background:#f8fbf8;overflow:hidden}
.chart{display:block;width:100%;height:100%}
.chart-area{fill:url(#chartFill)}
.chart-line{stroke:#39bd73;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.chart-dot{fill:#fff;stroke:#39bd73;stroke-width:5}
#instruction{font-size:20px;font-weight:800;margin:0 0 12px}
#arrow{font-size:110px;line-height:1.1;margin:10px 0;transition:transform .25s}
#hint{font-size:20px;font-weight:800;margin-bottom:22px}
.buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}
button{border:0;color:#fff;border-radius:25px;min-height:150px;font-size:55px;font-weight:900;box-shadow:0 8px 0 #00000018;cursor:pointer}
button:active{transform:translateY(6px);box-shadow:0 2px 0 #00000018}
button small{display:block;font-size:22px;letter-spacing:.08em;margin-top:6px}
.buttons button:first-child{background:#39bd73}
.buttons button:last-child{background:#f06d68}
#result{margin-top:20px;font-size:19px;font-weight:800;min-height:28px}
.footer{text-align:center;color:#77808a;font-weight:800;font-size:14px;margin-top:18px}
@media(max-width:800px){.game{width:100%;margin-right:0}.panda{right:-8px;top:300px;width:125px;z-index:4;opacity:.95}.game{z-index:3}}
@media(max-width:400px){#arrow{font-size:90px}button{min-height:130px}.panda{width:105px;top:315px;right:-5px}.chart-wrap{height:135px}}