:root{--bg-color: #101010;--text-color: #F0F0F0;--accent-color: #FFC300;--font-jp: "Noto Sans JP", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);margin:0;padding:0;overflow:hidden}#landing-view,#boulder-selection{position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity .8s ease-in-out}#landing-view{display:flex;justify-content:center;align-items:center;opacity:1;z-index:10}#boulder-selection{display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:5}#sisymaru-circle{position:relative;width:clamp(250px,40vw,350px);height:clamp(250px,40vw,350px);border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;animation:breathe 5s ease-in-out infinite;overflow:hidden;background:none;border:3px solid var(--text-color);padding:0;font-family:inherit;color:inherit}#circle-text{z-index:3}#circle-text h1{font-family:var(--font-jp);font-size:clamp(2.5rem,6vw,4rem);margin:0;font-weight:400}#circle-text p{font-size:clamp(.9rem,2vw,1rem);margin:0;letter-spacing:1px}#circle-fill{position:absolute;bottom:0;left:0;right:0;height:100%;background-color:var(--accent-color);transform-origin:bottom;transform:scaleY(0);z-index:2;transition:transform .1s linear}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.boulder-list{width:80%;max-width:600px}.boulder-list a:before,.boulder-list p:before{content:"> ";white-space:pre}.boulder-list a{display:block;color:var(--text-color);text-decoration:none;font-size:clamp(1rem,2.5vw,1.5rem);padding:.75rem 0;transition:color .3s ease,padding-left .3s ease}.boulder-list a:hover{color:var(--accent-color);padding-left:1rem}.boulder-disabled{color:#666;font-size:clamp(1rem,2.5vw,1.5rem);padding:.75rem 0;margin:0;-webkit-user-select:none;user-select:none}.ciphercrack{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background:#101010;color:#f0f0f0;font-family:Space Mono,monospace;padding:1.5rem;box-sizing:border-box}.ciphertext{font-size:clamp(2.5rem,8vw,4rem);color:#ffc300;letter-spacing:.6rem;margin-bottom:2rem;text-align:center}.grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;width:100%;max-width:20rem}.row{display:flex;gap:.5rem;justify-content:center}.cell{flex:1;max-width:3.2rem;height:3.2rem;border-radius:.5rem;border:2px solid #444;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-transform:uppercase;background:#222}.keyboard{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}.keyboard-row{display:flex;justify-content:center;gap:.3rem}.keyboard-row button{flex:0 0 auto;padding:.8rem 1rem;font-size:1rem;border:none;border-radius:6px;background:#222;color:#fff;cursor:pointer;transition:background .2s}.keyboard-row button:hover{background:#444}.key{flex:1 0 2.5rem;padding:.6rem;border-radius:.25rem;background:#222;color:#f0f0f0;border:none;cursor:pointer}.key.wide{flex:1 0 5rem}.side-panel{margin-top:.5rem;text-align:center;font-size:.9rem}.explain-link{color:#ffc300;text-decoration:none;display:inline-block;margin-top:.5rem}