.heart-container{align-items:center;display:flex;justify-content:center;margin:40px 0}.heart{animation:heartbeat 1.2s cubic-bezier(.215,.61,.355,1) infinite;height:90px;position:relative;width:100px}.heart:after,.heart:before{background:#ff4757;border-radius:50px 50px 0 0;content:"";height:80px;position:absolute;top:0;transform:rotate(-45deg);transform-origin:0 100%;width:52px}.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@keyframes heartbeat{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}.home-page{align-items:center;color:#5d4037;display:flex;flex-direction:column;justify-content:center}.home-page .title{color:#d81b60;font-size:4em;margin-bottom:20px;text-shadow:2px 2px 4px #0000001a}.home-page .message{font-size:1.5em;line-height:1.8;margin:0 auto 20px;max-width:600px}.day-counter{background-color:#ffffffb3;border-radius:20px;box-shadow:0 4px 10px #0000001a;margin-top:30px;padding:20px 40px}.day-counter h2{color:#ff80ab;font-size:2.5em;margin:5px 0}.day-counter .days{color:#d81b60;font-size:5em;font-weight:700}.chess-board-container{align-items:center;display:flex;flex-direction:column;padding:10px 0;width:100%}.turn-indicator{font-family:Pacifico,cursive;font-size:2em;font-weight:700;margin-bottom:20px}.turn-indicator.red{color:#d81b60}.turn-indicator.black{color:#333}.chess-board{aspect-ratio:9/10;background-color:#ffe4b5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='540' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='sienna' stroke-width='2' d='M30 30h480v540H30z'/%3E%3Cpath d='M30 90h480M30 150h480M30 210h480M30 270h480M30 330h480M30 390h480M30 450h480M30 510h480M90 30v240m0 60v240m60-540v240m0 60v240m60-540v240m0 60v240m60-540v240m0 60v240m60-540v240m0 60v240m60-540v240m0 60v240m60-540v240m0 60v240' fill='none' stroke='tan'/%3E%3Ctext x='150' y='312' font-size='30' font-family='KaiTi, STKaiti' fill='%238b4513' text-anchor='middle' dominant-baseline='middle'%3E楚 河%3C/text%3E%3Ctext x='390' y='312' font-size='30' font-family='KaiTi, STKaiti' fill='%238b4513' text-anchor='middle' dominant-baseline='middle'%3E漢 界%3C/text%3E%3Cpath d='m210 30 120 120m0-120L210 150M210 450l120 120m0-120L210 570' fill='none' stroke='tan'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:5px solid #8b4513;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);max-width:540px;position:relative;width:90%}.square{cursor:pointer}.piece,.square{align-items:center;display:flex;justify-content:center}.piece{border-radius:50%;box-shadow:0 2px 4px #0006;box-sizing:border-box;font-family:KaiTi,STKaiti,serif;font-size:clamp(14px,4vw,30px);font-weight:700;height:86%;transition:transform .2s,box-shadow .2s;width:86%}.piece.red{background-color:#fddde2;border:2px solid #c70025;color:#c70025}.piece.black{background-color:#e0e0e0;border:2px solid #111;color:#111}.square.selected .piece{border-color:#d81b60;box-shadow:0 6px 12px #d81b6080;transform:translateY(-8%)}.square.highlight:after{background-color:#3fe08fb3;border-radius:50%;content:"";height:clamp(10px,2.5vw,20px);position:absolute;width:clamp(10px,2.5vw,20px)}.reset-button{background-color:#ff80ab;border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Pacifico,cursive;font-size:1.2em;margin-top:20px;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.reset-button:hover{background-color:#ffb6c1;transform:scale(1.05)}.reset-button:active{box-shadow:0 2px 4px #0000001a;transform:scale(.98)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffe4e1;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.cute-font{font-family:Pacifico,cursive}.app-container{display:flex;flex-direction:column;min-height:100vh;text-align:center}.header{background-color:#ffb6c1;box-shadow:0 4px 6px #0000001a;padding:15px 30px}.nav{display:flex;gap:40px;justify-content:center}.nav a{color:#fff;font-size:1.5em;text-decoration:none;transition:transform .2s ease-in-out}.nav a:hover{color:#fff0f5;transform:scale(1.1)}.content{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:20px}
/*# sourceMappingURL=main.75e2393b.css.map*/