*{margin:0;padding:0;box-sizing:border-box}:root{--accent-color: #4a4a4a;--accent-glow: rgba(74, 74, 74, .45)}body{min-height:100dvh;height:100dvh;background:#000;color:#fff;font-family:Courier New,monospace;padding:clamp(10px,2.6vw,18px);display:flex;flex-direction:column;gap:clamp(10px,2vh,18px);overflow:hidden}.dino-header{text-align:center}.dino-header h1{font-size:clamp(1.4rem,4vw,2.4rem);color:#0ff;margin-bottom:10px;letter-spacing:.08em}.dino-header p{color:#0ff;font-size:clamp(.8rem,2.1vw,1rem);letter-spacing:.05em;margin-bottom:6px}.dino-main{flex:1;min-height:0;width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,2vh,18px)}.color-panel{width:100%;border:1px solid var(--accent-color);padding:14px;border-radius:8px;box-shadow:0 0 16px var(--accent-glow)}.color-panel h2{text-align:center;color:#fff;font-size:clamp(1rem,2vw,1.2rem);margin-bottom:12px}.color-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mode-heading{margin-top:14px}.mode-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.color-option,.mode-option{border:1px solid var(--accent-color);color:#fff;background:#0f0f0f;padding:8px 12px;border-radius:999px;font:inherit;font-size:.88rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.color-option:hover,.mode-option:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.color-option.active,.mode-option.active{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 14px var(--accent-glow)}.game-shell{width:100%;min-height:0;flex:1;display:flex;flex-direction:column}#dino-canvas{width:100%;height:100%;border:1px solid var(--accent-color);box-shadow:0 0 18px var(--accent-glow);border-radius:8px;display:block;background:#000;touch-action:none;min-height:180px}.game-note{margin-top:10px;color:#a8a8a8;text-align:center;font-size:clamp(.8rem,1.8vw,.92rem)}.back-link{display:inline-block;align-self:center;color:var(--accent-color);text-decoration:none;border:2px solid var(--accent-color);padding:10px 24px;font-size:clamp(.88rem,2vw,1rem);transition:background-color .25s ease,color .25s ease}.back-link:hover{background-color:var(--accent-color);color:#000}@media (max-width: 768px){.color-panel{padding:10px}.color-option,.mode-option{padding:7px 10px;font-size:.8rem}.game-note{margin-top:6px;font-size:clamp(.72rem,2vw,.84rem)}}