@import"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--ps1-bg: #1a1a2e;--ps1-fg: #e0e0e0;--ps1-accent: #e94560;--ps1-accent2: #0f3460;--ps1-gold: #f5c842;--ps1-green: #4ecca3;--ps1-dark: #16213e;--font-ps1: "DotGothic16", cursive, monospace}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-ps1)}#game-container{position:relative;width:100%;height:100%;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}#ps1-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);z-index:5}.hidden{display:none!important}.arrow-ui{position:absolute;top:50%;transform:translateY(-50%);z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:center}#arrow-down{left:max(1rem,50% - 250px);animation:arrowBounceDown 1.5s ease-in-out infinite}#arrow-up{right:max(1rem,50% - 250px);animation:arrowBounceUp 1.5s ease-in-out infinite}.arrow-icon{width:clamp(20px,4vw,30px);height:66vh;color:var(--ps1-gold);filter:drop-shadow(0 0 10px rgba(245,200,66,.8)) drop-shadow(0 0 20px rgba(245,200,66,.4));display:block}@keyframes arrowBounceDown{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% + 4px))}}@keyframes arrowBounceUp{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 4px))}}#model-label{position:absolute;left:50%;transform:translate(-50%);z-index:15;pointer-events:none;animation:labelAppear .3s ease-out}#model-label-text{display:inline-block;background:#16213eeb;border:2px solid var(--ps1-gold);color:var(--ps1-gold);font-family:var(--font-ps1);font-size:clamp(1rem,3vw,1.4rem);padding:.5rem 1.5rem;letter-spacing:.15em;box-shadow:0 0 15px #f5c84233}@keyframes labelAppear{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}#game-ui{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:10}#input-area{padding:1rem;pointer-events:auto}#input-container{display:flex;gap:.5rem;max-width:500px;margin:0 auto}#answer-input{flex:1;min-width:0;width:100%;font-family:var(--font-ps1);font-size:clamp(1rem,3vw,1.2rem);padding:.8rem 1rem;background:#16213ee6;color:var(--ps1-fg);border:2px solid var(--ps1-accent2);outline:none;transition:border-color .3s}#answer-input::placeholder{color:#e0e0e066}#answer-input:focus{border-color:var(--ps1-green);box-shadow:0 0 10px #4ecca333}#submit-button{font-family:var(--font-ps1);font-size:clamp(1rem,3vw,1.2rem);padding:.8rem 1.5rem;background:linear-gradient(180deg,var(--ps1-accent) 0%,#c83050 100%);color:#fff;border:2px solid rgba(255,255,255,.2);cursor:pointer;letter-spacing:.2em;transition:all .2s;white-space:nowrap}#submit-button:hover{background:linear-gradient(180deg,#ff5070 0%,var(--ps1-accent) 100%);box-shadow:0 0 15px #e9456066}#submit-button:active{transform:scale(.95)}#feedback-text{text-align:center;font-size:clamp(.8rem,2.5vw,1rem);margin-top:.5rem;color:var(--ps1-accent);min-height:1.5em;transition:opacity .3s}#clear-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:20;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#clear-content{text-align:center;color:var(--ps1-fg);animation:clearAppear .8s ease-out}@keyframes clearAppear{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}#clear-text{font-size:clamp(2.5rem,8vw,5rem);color:var(--ps1-gold);text-shadow:0 0 20px rgba(245,200,66,.8),0 0 40px rgba(245,200,66,.4);margin-bottom:1rem}#clear-message{font-size:clamp(1rem,3vw,1.5rem);color:var(--ps1-green);margin-bottom:2rem;line-height:1.8}#retry-button{font-family:var(--font-ps1);font-size:clamp(1rem,3vw,1.3rem);padding:.8rem 2.5rem;background:linear-gradient(180deg,var(--ps1-green) 0%,#3daa8a 100%);color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;letter-spacing:.2em;transition:all .2s}#retry-button:hover{background:linear-gradient(180deg,#5ee0b5 0%,var(--ps1-green) 100%);box-shadow:0 0 15px #4ecca366;transform:scale(1.05)}.clear-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}#share-button{font-family:var(--font-ps1);font-size:clamp(1rem,3vw,1.3rem);padding:.8rem 2.5rem;background:#16213ecc;color:var(--ps1-gold);border:2px solid var(--ps1-gold);cursor:pointer;letter-spacing:.1em;transition:all .2s;text-decoration:none;display:inline-block}#share-button:hover{background:var(--ps1-gold);color:var(--ps1-bg);box-shadow:0 0 15px #f5c84266;transform:scale(1.05)}.confetti{position:absolute;width:10px;height:10px;z-index:25;animation:confettiFall 3s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:600px){#input-area{padding:.5rem;width:100%;box-sizing:border-box;max-width:100vw}#input-container{margin:0 auto;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}#answer-input{padding:.6rem .5rem;width:100%;min-width:0;flex:1 1 0%}#submit-button{padding:.6rem 1rem;flex:0 0 auto}}