body,h1{color:#fff}.container,.exit-hint,.footer{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{margin-bottom:3rem}h1{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.description{font-size:clamp(1rem, 2.5vw, 1.2rem);color:#ccc;line-height:1.6;max-width:600px;margin:0 auto 2rem}.fullscreen-section{margin:2rem 0}.fullscreen-btn{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #444;color:#fff;padding:1rem 2rem;font-size:clamp(.9rem, 2vw, 1.1rem);border-radius:12px;cursor:pointer;transition:.3s;margin:.5rem;display:inline-block;text-decoration:none;font-family:inherit;font-weight:500;box-shadow:0 4px 15px rgb(0 0 0 / .3);position:relative;overflow:hidden}.fullscreen-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .1),transparent);transition:left .5s}.fullscreen-btn:hover::before{left:100%}.fullscreen-btn:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#666;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .4)}.fullscreen-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgb(0 0 0 / .3)}.fullscreen-btn:focus{outline:#fff solid 2px;outline-offset:2px}.instructions{margin-top:3rem;padding:2rem;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:16px;border:1px solid #333;max-width:800px;width:100%;box-shadow:0 8px 32px rgb(0 0 0 / .4)}.instructions h2{color:#fff;margin-bottom:1.5rem;font-size:clamp(1.2rem, 3vw, 1.5rem);font-weight:600}.instructions ul{text-align:left;color:#ccc;line-height:1.8;list-style:none;padding:0}.instructions li{margin-bottom:1rem;padding-left:2rem;position:relative;transition:color .3s}.instructions li:before{content:"→";color:#666;position:absolute;left:0;font-weight:700;transition:color .3s}.instructions li:hover,.instructions li:hover:before{color:#fff}.footer{padding:2rem 1rem;color:#666;font-size:.9rem;border-top:1px solid #333;margin-top:auto}.black-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;display:none;justify-content:center;align-items:center;cursor:pointer}.exit-hint{color:#333;font-size:1rem;opacity:0;transition:opacity .5s;padding:1rem;border-radius:8px;background:rgb(255 255 255 / .05);backdrop-filter:blur(10px)}.black-screen:hover .exit-hint{opacity:1}@media (max-width:768px){.container{padding:1rem}.header{margin-bottom:2rem}.fullscreen-btn{padding:1rem 1.5rem;display:block;margin:1rem auto;width:100%;max-width:320px}.instructions{margin-top:2rem;padding:1.5rem}.instructions li{padding-left:1.5rem;margin-bottom:.8rem}}@media (max-width:480px){.container{padding:.5rem}.instructions{padding:1rem;margin-top:1.5rem}.exit-hint{font-size:.9rem;padding:.8rem}}@media (min-width:1200px){.container{padding:3rem 1rem}.header{margin-bottom:4rem}.instructions{padding:3rem}}@media (min-resolution:2dppx){.fullscreen-btn{border-width:1px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-color-scheme:dark){body{background-color:#000;color:#fff}}.page-layout{display:grid;grid-template-columns:20% 1fr 20%;gap:1rem;width:100%;align-items:stretch}.sidebar{display:flex;justify-content:center;align-items:flex-start}.container{width:100%;max-width:100%;padding:2rem 1rem}@media (max-width:1023px){.page-layout{grid-template-columns:1fr}.sidebar{display:none}}