*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1a2e;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px 180px;font-family:monospace}.site{display:grid;grid-template-columns:7fr 3fr;gap:28px;align-items:start;width:min(1100px,100%)}.gameboy-frame{background:linear-gradient(180deg,#c4c4b4,#a8a898,#8c8c7c);padding:25px 35px 60px;border-radius:15px 15px 40px 40px;box-shadow:0 0 0 3px #6b6b5a,0 8px #5a5a4a,0 12px 20px #00000080,inset 0 2px #fff6,inset 0 -2px #0000001a;position:relative;justify-self:center}.gameboy-frame:before{content:"GAME BOY";position:absolute;top:8px;left:50%;transform:translate(-50%);font-family:Arial Black,sans-serif;font-size:11px;font-weight:900;letter-spacing:2px;color:#1a1a6c;text-shadow:0 1px 0 rgba(255,255,255,.3)}.screen-bezel{background:linear-gradient(135deg,#4a4a5c,#3a3a4c,#2a2a3c);padding:15px 20px 25px;border-radius:8px;box-shadow:inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff1a,0 2px 4px #0000004d;position:relative}.screen-bezel:before{content:"DOT MATRIX WITH STEREO SOUND";position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:6px;letter-spacing:1px;color:#8888a0;text-transform:uppercase}.lcd-frame{background:#2a2a2a;padding:8px;border-radius:4px;box-shadow:inset 0 2px 4px #000c,inset 0 0 0 1px #00000080,0 1px #ffffff1a}#gameCanvas{display:block;background-color:#9bbc0f;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:auto;border-radius:2px;box-shadow:inset 0 0 30px #00000026,inset 0 0 0 1px #0000004d,0 0 8px #9bbc0f4d;position:relative}.gameboy-frame:after{content:"";position:absolute;top:20px;left:45px;width:8px;height:8px;background:radial-gradient(circle,#f33,#a00 70%);border-radius:50%;box-shadow:0 0 6px #f33,inset 0 -1px 2px #0000004d}.experience{width:100%;background:linear-gradient(180deg,#202338,#17192a);border:2px solid #3d4163;border-radius:14px;padding:22px 24px 20px;color:#e8e8f0;box-shadow:0 16px 40px #0006}.experience-title{font-size:20px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.experience-status{font-size:14px;color:#a7adc9;margin-bottom:16px}.experience-content{display:grid;gap:6px;transition:opacity .3s ease,filter .3s ease}.experience-line{font-size:15px;letter-spacing:.3px}.experience-block{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid rgba(139,146,201,.2);background:#0f122499;transition:opacity .3s ease,filter .3s ease,transform .3s ease}.experience-block.locked{opacity:.35;filter:blur(1px);pointer-events:none}.experience-block.unlocked{opacity:1;filter:none}.experience-link{display:inline-flex;width:fit-content;margin-top:10px;padding:8px 12px;border-radius:999px;border:1px solid #8b92c9;color:#dbe1ff;text-decoration:none;font-size:14px;letter-spacing:.4px;transition:transform .2s ease,box-shadow .2s ease}.experience-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #4a5bb659}.skip-button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid #8b92c9;background:transparent;color:#dbe1ff;font-size:13px;letter-spacing:.4px;cursor:pointer;margin-bottom:14px}.skip-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);background:#0f1224;color:#dbe1ff;padding:6px 8px;border-radius:8px;border:1px solid rgba(139,146,201,.3);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.skip-button:hover .skip-tooltip{opacity:1;transform:translateY(0)}.experience.unlocked .experience-status{color:#c6f6a4}.experience.unlocked .experience-content{opacity:1;filter:none;pointer-events:auto}.reset-button{margin-top:16px;align-self:flex-end;padding:8px 14px;border-radius:999px;border:1px solid #8b92c9;background:transparent;color:#dbe1ff;font-size:13px;letter-spacing:.4px;cursor:pointer;display:none;transition:transform .2s ease,box-shadow .2s ease}.reset-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #4a5bb659}.mobile-controls{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:space-between;align-items:center;padding:16px 20px 20px;background:linear-gradient(180deg,#121420f2,#0c0e18fa);border-top:2px solid #3d4163;box-shadow:0 -12px 30px #00000073;z-index:50}.mobile-pad{position:relative;width:120px;height:120px;background:#343752;border-radius:30px;box-shadow:inset 0 0 10px #0006}.dpad{position:absolute;background:#1b1d2f;border:1px solid #4a4f6e;border-radius:12px;width:46px;height:46px}.dpad.up{top:8px;left:37px}.dpad.down{bottom:8px;left:37px}.dpad.left{top:37px;left:8px}.dpad.right{top:37px;right:8px}.mobile-actions{display:flex;gap:14px}.action-button{width:54px;height:54px;border-radius:50%;border:2px solid #4a4f6e;background:#2a2d45;color:#dbe1ff;font-size:18px;font-weight:700}.start-button{padding:10px 14px;border-radius:999px;border:2px solid #4a4f6e;background:#24263b;color:#dbe1ff;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.experience.both-unlocked .reset-button{display:inline-flex}@media (max-width: 700px){body{padding-top:24px}.gameboy-frame{transform:scale(.9)}}@media (max-width: 900px){.site{grid-template-columns:1fr;justify-items:center}.experience{width:min(680px,100%)}.mobile-controls{display:flex}}