:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gb-container{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#e0e0e0;font-family:Courier New,Courier,monospace;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.gb-frame{position:relative;width:400px;height:650px;background-image:url(/assets/images/gameboy_frame.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.gb-screen-lens{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.gb-screen{position:absolute;top:50px;left:40px;width:320px;height:240px;background-color:transparent;overflow:hidden}#game-container canvas{display:block}.gb-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.d-pad{position:absolute;top:360px;left:40px;width:100px;height:100px;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.d-pad-btn{position:absolute;background-color:transparent;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;z-index:10;padding:0;margin:0;min-width:0;min-height:0;border-radius:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.d-pad-up{top:5px;left:38px;width:24px;height:30px}.d-pad-down{bottom:5px;left:38px;width:24px;height:30px}.d-pad-left{top:38px;left:5px;width:30px;height:24px}.d-pad-right{top:38px;right:5px;width:30px;height:24px}.action-btns{position:absolute;top:410px;left:240px;width:0;height:0;transform:rotate(-25deg);transform-origin:0 0;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.action-btn{position:absolute;width:46px;height:46px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:transparent;padding:0;margin:0;min-width:0;min-height:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.action-btn:first-child{left:-23px;top:-23px}.action-btn:last-child{left:37px;top:-23px}.option-btns{position:absolute;top:570px;left:130px;width:140px;height:40px;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.option-btn{position:absolute;width:50px;height:12px;background:transparent;border:none;transform:rotate(-25deg);transform-origin:0 0;cursor:pointer;padding:0;margin:0;min-width:0;min-height:0;border-radius:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.option-btns>div:first-child .option-btn{top:0;left:0}.option-btns>div:last-child .option-btn{top:0;left:70px}.option-label{display:none}.gb-hints-container{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.gb-hints-toggle{width:32px;height:32px;border-radius:8px;background:#dcdcdccc;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:16px;color:#555;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gb-hints-toggle:hover{background:#c8c8c8;transform:scale(1.1)}.gb-hints{width:280px;padding:16px;background:#ffffff40;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gb-hints h3{margin:0 0 4px;font-size:14px;font-weight:600;text-align:center;color:#000000b3;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:4px}.story-section{font-size:12px;line-height:1.5;color:#000c;margin-bottom:8px;text-align:justify}.features-section{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.feature-item{font-size:12px;color:#000000b3;display:flex;align-items:flex-start;gap:4px}.feature-icon{font-size:12px;min-width:16px}.hint-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.keys{display:flex;gap:6px}.key{display:inline-flex;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 4px;background:#fff6;border:1px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:0 1px #0000000d;font-size:12px;font-weight:500;color:#000000b3;font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif}.label{font-size:12px;color:#00000080;font-weight:500;white-space:nowrap}@media(max-width:1024px){.gb-hints-container{display:none}}body{margin:0;padding:0;overflow:hidden;touch-action:none}