@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Noto+Sans+SC&display=swap";@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/ZCOOLKuaiLe-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--main-bg-color: #f8f5e6;--text-color: #333;--accent-color: #e74c3c;--border-color: #888;--hand-drawn-font: "ZCOOL KuaiLe", "Architects Daughter", "Noto Sans SC", cursive;--body-font: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--main-bg-color);color:var(--text-color);font-family:var(--body-font);line-height:1.6;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:65px}@media (max-width: 768px){body{justify-content:stretch;align-items:stretch;padding:0 0 50px;margin:0}}.game-container{width:90%;height:85%;position:relative;background-color:#fff;border-radius:10px;box-shadow:0 6px 16px #0000001a;overflow:hidden;background-image:url(/assets/paper-texture.png);background-size:cover;max-width:800px;max-height:600px;min-width:320px;min-height:480px}@media (max-width: 768px){.game-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none}}@media (min-width: 1024px){.game-container{max-width:1200px;max-height:800px;width:85%;height:90%}}@media (min-width: 1400px){.game-container{max-width:1400px;max-height:900px}}.hand-drawn{font-family:var(--hand-drawn-font);position:relative;color:var(--text-color);display:inline-block}.hand-drawn:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--accent-color);transform:skew(-5deg) rotate(-1deg);opacity:.6}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;transition:opacity .5s ease}.hidden{display:none;opacity:0}#loading-screen h1{font-size:3rem;margin-bottom:10px;transform:rotate(-1deg)}@media (max-width: 768px){#loading-screen h1{font-size:2.5rem}}.game-description{margin-top:30px;padding:15px;background-color:#ffffffb3;border-radius:8px;border:1px dashed var(--border-color);max-width:90%;text-align:left;font-size:.95rem;overflow-y:auto;max-height:60vh}.game-description h3{font-family:var(--hand-drawn-font);color:var(--accent-color);margin:15px 0 10px;transform:rotate(-.5deg)}.game-description ul{padding-left:20px;margin-bottom:15px}.game-description li{margin-bottom:5px;position:relative}.game-description li:before{content:"✓";color:var(--accent-color);position:absolute;left:-18px}@media (max-width: 768px){.game-description{font-size:.85rem;max-width:95%;padding:10px;max-height:50vh}}.goal-description{font-family:var(--body-font);font-size:1.2rem;color:var(--text-color);margin-top:20px;margin-bottom:25px;padding:10px;background-color:#ffffffb3;border-radius:5px;border:1px dashed var(--border-color);max-width:80%;line-height:1.5;transform:rotate(-.5deg)}@media (max-width: 768px){.goal-description{font-size:1rem;max-width:95%}}.subtitle{font-family:var(--hand-drawn-font);font-size:1.2rem;opacity:.8;margin-bottom:40px;transform:rotate(1deg)}.loading-bar{width:70%;height:20px;background-color:#eee;border:2px solid var(--border-color);border-radius:10px;overflow:hidden;position:relative}.loading-progress{height:100%;width:0;background-color:var(--accent-color);transition:width .3s ease}.hand-drawn-button{font-family:var(--hand-drawn-font);background-color:#fff;border:2px solid var(--border-color);padding:10px 20px;font-size:1.1rem;cursor:pointer;position:relative;margin:10px;transform:rotate(-.5deg);transition:all .2s ease}.hand-drawn-button:before{content:"";position:absolute;top:3px;left:3px;right:-3px;bottom:-3px;background-color:var(--accent-color);z-index:-1;opacity:.2}.hand-drawn-button:hover{transform:rotate(.5deg) scale(1.05)}.hand-drawn-button:active{transform:scale(.98)}#game-screen{justify-content:flex-start;padding:0;overflow:hidden}.status-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#ffffffb3;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10;flex-shrink:0}.status-time,.status-distance{display:flex;flex-direction:column;align-items:flex-start}.time-label,.distance-label{font-size:.8rem;opacity:.7}.time-value,.distance-value{font-size:1.2rem;font-weight:700}.status-progress{width:40%}.progress-track{height:10px;background-color:#eee;border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-color);width:0;transition:width .5s ease}.event-container{padding:20px;text-align:left;flex-shrink:0;overflow-y:auto;max-height:35vh}@media (min-width: 1024px){.event-container{max-height:40vh;padding:30px}}@media (max-width: 768px){.event-container{padding:15px;max-height:25vh;flex-shrink:0}}.event-title{font-family:var(--hand-drawn-font);font-size:2rem;margin-bottom:15px;color:var(--text-color);transform:rotate(-.5deg)}@media (max-width: 768px){.event-title{font-size:1.6rem}}.event-description{font-size:1.1rem;margin-bottom:20px;line-height:1.6;background:#ffffff80;padding:15px;border-radius:8px;border:1px solid var(--border-color)}@media (max-width: 768px){.event-description{font-size:1rem;padding:12px}}.event-image{max-width:100%;height:auto;margin-bottom:20px;border-radius:8px;border:2px solid var(--border-color)}.choices-container{padding:0 20px 20px;flex:1;overflow-y:auto;min-height:150px;max-height:none}@media (min-width: 1024px){.choices-container{padding:0 30px 30px;min-height:200px}}@media (max-width: 768px){.choices-container{padding:0 15px 15px;min-height:180px;max-height:none}}.choices-list{display:grid;gap:8px;grid-template-columns:1fr}.choices-list.grid-single-col{grid-template-columns:1fr}.choice-button{display:flex;width:100%;padding:12px 15px;background-color:#fff;border:2px solid var(--border-color);border-radius:8px;font-family:var(--body-font);font-size:1rem;text-align:left;cursor:pointer;transition:transform .15s ease,background-color .15s ease;transform:rotate(-.2deg);min-height:50px;align-items:center;justify-content:flex-start}@media (max-width: 768px){.choice-button{padding:10px 12px;font-size:.9rem;min-height:45px}}.choice-button:hover{background-color:#f7f7f7;transform:translate(4px) rotate(.1deg);border-color:#777}.choice-button:active{background-color:#efefef;transform:translate(2px) translateY(1px) rotate(-.1deg);border-color:#555}.ending-description{margin:20px 0;max-width:600px;line-height:1.8;font-size:1.1rem}.game-stats{margin:20px 0;padding:15px;background-color:#ffffffb3;border-radius:8px;border:1px solid var(--border-color)}.game-stats p{margin:5px 0;font-size:1rem}.game-stats span{font-family:var(--hand-drawn-font);font-weight:700;color:var(--accent-color)}.difficulty-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%;max-width:400px}.difficulty-title{font-family:var(--hand-drawn-font);font-size:1.3rem;margin-bottom:15px;transform:rotate(-.5deg)}.difficulty-button{width:80%;margin:8px auto;padding:12px 20px;font-family:var(--hand-drawn-font);font-size:1.1rem;background-color:#fff;border:2px solid var(--border-color);border-radius:5px;cursor:pointer;transform:rotate(-.5deg);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.difficulty-button:hover{background-color:#fdfdfd;border-color:#666;transform:translateY(-2px) rotate(.5deg) scale(1.03)}.difficulty-button:active{background-color:#f5f5f5;border-color:#555;transform:translateY(0) rotate(-.2deg) scale(.99)}.message-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fffffff2;padding:30px;z-index:1000;pointer-events:auto}.message-text{font-family:var(--hand-drawn-font);font-size:1.4rem;text-align:center;margin-bottom:30px;line-height:1.8;max-width:80%}.event-container::-webkit-scrollbar,.choices-container::-webkit-scrollbar{width:8px}.event-container::-webkit-scrollbar-track,.choices-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.event-container::-webkit-scrollbar-thumb,.choices-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.event-container::-webkit-scrollbar-thumb:hover,.choices-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width: 768px){body{justify-content:stretch;align-items:stretch;padding:0 0 50px;margin:0}.game-container{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}.event-container{padding:15px!important;max-height:30vh!important;flex-shrink:1!important}.choices-container{padding:0 15px 15px!important;max-height:none!important;min-height:0!important;flex:1!important}.status-bar{padding:8px 15px!important}}.icp-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--main-bg-color);text-align:center;padding:10px 15px;color:#888;border-top:1px solid rgba(136,136,136,.2);z-index:1000;line-height:1.4}.icp-footer p{margin:2px 0}.icp-footer .copyright{font-size:13px;font-weight:500;color:#666;margin-bottom:4px}.icp-footer .icp-info{font-size:11px;color:#888}.icp-footer a{color:#888;text-decoration:none;transition:color .2s ease}.icp-footer a:hover{color:var(--accent-color)}@media (max-width: 768px){.icp-footer{padding:8px 10px;line-height:1.3}.icp-footer .copyright{font-size:12px;margin-bottom:3px}.icp-footer .icp-info{font-size:10px}}