:root{--ds-width: 574px;--ds-half-height: 319px;--ds-screen-width: 268px;--ds-screen-height: 199px;--ds-corner-radius: 42px;--ds-hinge-height: 20px;--ds-body-light: #f8f8f8;--ds-body-mid: #e8e8e8;--ds-body-dark: #d0d0d0;--ds-screen-bezel: #111;--ds-screen-off: #040406;--ds-button-face: #d8d8d8;--ds-dpad-color: #2d2d2d}.ds-landing-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0d14,#1a1a28);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ds-landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,107,0,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(100,100,255,.04) 0%,transparent 40%);z-index:0}.ds-shell{position:relative;z-index:1;display:flex;flex-direction:column;width:var(--ds-width);filter:drop-shadow(0 20px 60px rgba(0,0,0,.5));transform:perspective(1000px) rotateX(2deg);transform-style:preserve-3d;transition:transform .4s ease}.ds-shell:hover{transform:perspective(1000px) rotateX(0)}.ds-top-half{height:var(--ds-half-height);background:linear-gradient(180deg,var(--ds-body-light) 0%,var(--ds-body-mid) 30%,var(--ds-body-dark) 100%);border-radius:var(--ds-corner-radius) var(--ds-corner-radius) 0 0;padding:12px 16px 8px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 2px #fffc,inset 2px 0 #fff6,inset -2px 0 #0000000d}.ds-top-half:before{content:"";position:absolute;top:0;left:10%;right:10%;height:50%;border-radius:var(--ds-corner-radius) var(--ds-corner-radius) 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.15) 40%,transparent 100%);pointer-events:none}.ds-speakers{display:flex;justify-content:space-between;width:100%;padding:0 20px;margin-bottom:8px}.ds-speaker-grille{display:flex;gap:3px}.speaker-hole{width:8px;height:8px;background:#888;border-radius:50%;box-shadow:inset 0 1px 2px #000000b3}.ds-screen-bezel{background:var(--ds-screen-bezel);border-radius:4px;padding:6px 8px;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff4d;display:flex;align-items:center;justify-content:center}.ds-screen-bezel.top{flex:1}.ds-screen-bezel.bottom{flex-shrink:0}.ds-screen{width:var(--ds-screen-width);height:var(--ds-screen-height);background:var(--ds-screen-off);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 20px #00000080;transform:translateZ(0);backface-visibility:hidden}.ds-screen.on{background:#0a0a12;box-shadow:inset 0 0 20px #0000004d,0 0 30px #6464ff1a}.ds-screen-off{width:100%;height:100%;background:var(--ds-screen-off)}.ds-camera{display:none}.ds-hinge{height:var(--ds-hinge-height);background:linear-gradient(180deg,#e8e8e8,#c8c8c8,#909090,#b0b0b0,#d0d0d0);position:relative;box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #0003,0 2px 4px #0000004d}.ds-hinge:before{content:"";position:absolute;top:2px;left:20px;right:20px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 20%,rgba(255,255,255,.7) 80%,transparent 100%);border-radius:2px}.ds-hinge-segment{display:none}.ds-bottom-half{height:var(--ds-half-height);background:linear-gradient(180deg,var(--ds-body-dark) 0%,var(--ds-body-mid) 30%,var(--ds-body-light) 100%);border-radius:0 0 var(--ds-corner-radius) var(--ds-corner-radius);padding:10px 12px 16px;position:relative;display:flex;flex-direction:column;box-shadow:inset 0 -2px #fff9,inset 2px 0 #ffffff4d,inset -2px 0 #0000000d,0 8px 24px #0000004d}.ds-bottom-half:before{content:"";position:absolute;top:0;left:10%;right:10%;height:25%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none}.ds-bottom-main{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px}.ds-dpad{position:relative;width:89px;height:89px;flex-shrink:0}.ds-dpad>div{position:absolute;background:var(--ds-dpad-color);cursor:pointer;transition:filter .1s ease}.ds-dpad>div:not(.dpad-center):hover{filter:brightness(1.3)}.ds-dpad>div:not(.dpad-center):active{filter:brightness(.8)}.dpad-up,.dpad-down{width:31px;height:35px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff26,0 2px 4px #0006}.dpad-up{top:0;border-radius:7px 7px 0 0}.dpad-down{bottom:0;border-radius:0 0 7px 7px}.dpad-left,.dpad-right{width:35px;height:31px;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff26,0 2px 4px #0006}.dpad-left{left:0;border-radius:7px 0 0 7px}.dpad-right{right:0;border-radius:0 7px 7px 0}.dpad-center{width:31px;height:31px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#404040,#252525);border-radius:50%;box-shadow:inset 0 2px 3px #00000080}.ds-buttons{position:relative;width:89px;height:89px;flex-shrink:0}.ds-btn{position:absolute;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--ds-button-face) 0%,#c0c0c0 100%);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -2px 2px #00000026,0 2px 4px #0000004d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#666;font-family:Arial,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease}.ds-btn:active{transform:scale(.92);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #0000001a,0 1px 2px #0003}.btn-x{top:0;left:50%;transform:translate(-50%)}.btn-a{top:50%;right:0;transform:translateY(-50%)}.btn-b{bottom:0;left:50%;transform:translate(-50%)}.btn-y{top:50%;left:0;transform:translateY(-50%)}.ds-start-select{display:flex;gap:10px;justify-content:center;margin-top:6px;margin-right:20px;align-self:flex-end}.ds-small-btn{font-size:8px;font-weight:700;font-family:Arial,sans-serif;color:#888;background:linear-gradient(180deg,#e0e0e0,#c8c8c8);padding:4px 12px;border-radius:5px;letter-spacing:.5px;box-shadow:inset 0 1px #fff9,0 1px 2px #0003;cursor:pointer;transition:transform .1s ease}.ds-small-btn:active{transform:scale(.95)}.ds-power-led{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#222}.ds-power-led.on{background:#0f0;box-shadow:0 0 6px #0f0,0 0 12px #0f09;animation:ledPulse 2s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:1;box-shadow:0 0 6px #0f0,0 0 12px #0f09}50%{opacity:.6;box-shadow:0 0 4px #0f0,0 0 8px #0f06}}.ds-mic-hole{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:3px;height:3px;background:#555;border-radius:50%;box-shadow:inset 0 1px 2px #0009}.ds-off-prompt{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ds-screen-off);cursor:pointer}.ds-power-text{font-family:Courier New,monospace;font-size:17px;color:#444;animation:blink 1.5s ease-in-out infinite;font-style:italic}.ds-power-hint{font-family:Courier New,monospace;font-size:12px;color:#333;margin-top:8px;font-style:italic}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.ds-boot-logo{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080810;animation:fadeIn .5s ease}.boot-logo-img{width:168px;height:auto}.boot-tagline{font-size:16px;color:#666;margin-top:16px;letter-spacing:5px;text-transform:uppercase;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ds-warning-top{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#141428,#0a0a18)}.warning-icon{font-size:56px;animation:warningPulse 1s ease-in-out infinite}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ds-warning{width:100%;height:100%;display:flex;flex-direction:column;padding:12px 14px;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);cursor:pointer}.warning-title{font-size:10px;font-weight:700;color:#333;text-align:center;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #ccc}.warning-content{flex:1;font-size:9px;color:#444;line-height:1.4;overflow:hidden}.warning-content p{margin-bottom:4px}.warning-content ul{list-style:none;padding:0;margin:0}.warning-content li{margin:3px 0}.warning-continue{font-size:7px;color:#666;text-align:center;padding-top:6px;border-top:1px solid #ccc;animation:blink 1.5s ease-in-out infinite}.ds-home-top{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#181830,#101020);padding:8px;position:relative;transform:translateZ(1px)}.ds-home-top-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.ds-home-top-icon{font-size:38px}.ds-home-top-title{font-size:24px;font-weight:700;color:#fff}.ds-home-top-desc{font-size:15px;color:#888;text-align:center;line-height:1.4}.ds-brand-logo{position:absolute;bottom:8px;right:8px;width:70px;height:auto;opacity:.6}.ds-home-menu{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#3a5888,#2a4878,#1a3868);padding:10px;transform:translateZ(1px)}.ds-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;flex:1}.ds-menu-item:nth-child(5){grid-column:2}.ds-menu-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .15s ease}.ds-menu-item.selected,.ds-menu-item.clickable:hover{background:#fff3;border-color:#ff6b00;box-shadow:0 0 10px #ff6b004d}.ds-menu-item:not(.clickable).selected{border-color:#ffffff4d;box-shadow:none}.ds-menu-icon{font-size:24px}.ds-menu-label{font-size:10px;font-weight:600;color:#fff;text-align:center;line-height:1.2}.ds-menu-hint{font-size:11px;color:#fff6;text-align:center;margin-top:8px}@media (max-width: 520px){.ds-shell{transform:scale(.7) perspective(1000px) rotateX(2deg)}.ds-shell:hover{transform:scale(.7) perspective(1000px) rotateX(0)}}.dino-game{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#87ceeb,#e0f6ff 70%,beige 70%,beige)}.dino-sky{position:absolute;top:0;left:0;right:0;height:70%;background:linear-gradient(180deg,#87ceeb,#e0f6ff)}.dino-play-area{width:100%;height:100%;position:relative}.dino-poop{position:absolute;left:30px;font-size:28px;line-height:1;transition:transform .1s ease;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));z-index:10}.dino-obstacle{position:absolute;display:flex;align-items:flex-end;justify-content:center;font-size:24px;z-index:5}.dino-obstacle.cactus{font-size:28px}.dino-obstacle.bird{font-size:22px;animation:flapWings .2s ease-in-out infinite alternate}@keyframes flapWings{0%{transform:scaleY(1)}to{transform:scaleY(.85)}}.dino-ground{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(180deg,#c2b280,#a89060);border-top:2px solid #8b7355}.dino-ground:before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#8b7355 0px,#8b7355 10px,transparent 10px,transparent 20px)}.dino-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;z-index:20}.dino-start-text{font-size:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:blink 1s ease-in-out infinite}.dino-gameover{font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:8px}.dino-final-score{font-size:14px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-bottom:8px}.dino-restart{font-size:10px;color:#ddd;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:blink 1s ease-in-out infinite}.dino-score{position:absolute;top:8px;right:10px;font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#333;text-shadow:1px 1px 0 #fff;z-index:15}.dino-high-score{position:absolute;top:8px;right:80px;font-family:Courier New,monospace;font-size:12px;color:#666;text-shadow:1px 1px 0 #fff;z-index:15}.ds-game-controls{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a2e,#16213e);padding:15px}.game-instructions{text-align:center}.game-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}.game-hint{font-size:13px;color:#aaa;margin-bottom:20px}.game-back{font-size:11px;color:#666;cursor:pointer;padding:8px 16px;border:1px solid #444;border-radius:4px;transition:all .2s ease}.game-back:hover{color:#fff;border-color:#ff6b00;background:#ff6b001a}.dino-ghost{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:3;opacity:.6}.ghost-emoji{font-size:20px;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.ghost-tag{font-size:7px;color:#fff;background:#00000080;padding:1px 3px;border-radius:2px;margin-top:-2px}.dino-leaderboard{margin-top:12px;background:#0006;border-radius:4px;padding:6px 10px;min-width:100px}.leaderboard-title{font-size:9px;color:#ff6b00;text-align:center;margin-bottom:4px;letter-spacing:1px}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#fff;padding:2px 0;gap:8px}.lb-rank{color:#888;width:14px}.lb-tag{font-weight:700;letter-spacing:1px}.lb-score{color:#aaa;font-family:Courier New,monospace}.tag-input-form{display:flex;flex-direction:column;align-items:center;gap:6px}.tag-prompt{font-size:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.tag-input{width:60px;padding:4px 8px;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:3px;border:2px solid #ff6b00;border-radius:4px;background:#0009;color:#fff;outline:none}.tag-input::placeholder{color:#666;letter-spacing:3px}.tag-input:focus{border-color:#ff9500;box-shadow:0 0 8px #ff6b0066}.tag-buttons{display:flex;gap:8px;margin-top:4px}.tag-btn{padding:4px 12px;font-size:10px;font-weight:700;border:1px solid #ff6b00;border-radius:3px;background:#ff6b0033;color:#fff;cursor:pointer;transition:all .15s ease}.tag-btn:hover:not(:disabled){background:#ff6b0066}.tag-btn:disabled{opacity:.5;cursor:not-allowed}.tag-btn.skip{border-color:#666;background:#64646433}.tag-btn.skip:hover:not(:disabled){background:#64646466}