*{box-sizing:border-box}body{color:#f7e8b5;background:#05070d;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}.home,.aboutPage,.gameScreen{background:radial-gradient(circle at 20%,#ffad3347,#0000 35%),radial-gradient(circle at 80%,#256dff40,#0000 35%),linear-gradient(90deg,#120b04 0%,#05070d 50%,#020817 100%);min-height:100vh}.hero{text-align:center;width:min(980px,92%);margin:0 auto;padding:120px 0}.eyebrow{color:#f6be55;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.hero h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(3rem,7vw,6rem)}.titleCard h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,3vw,3rem)}.winScreen h1,.loseScreen h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,7vw,6rem)}.creatorName{color:#f6be55;letter-spacing:.25em;text-transform:uppercase;margin:8px 0;font-size:.9rem}.hero h2{color:#82b7ff;font-weight:400}.titleTagline{color:#82b7ff;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0;font-size:.82rem}.intro{color:#d8d4c5;max-width:720px;margin:30px auto;font-size:1.2rem;line-height:1.8}.heroActions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.primaryBtn,.secondaryBtn,.decodeBtn,.hintBtn,.bottomBar button{color:#ffe7a3;cursor:pointer;background:#ffb53d1f;border:1px solid #ffd0758c;border-radius:12px;padding:14px 22px;box-shadow:0 0 30px #ffaa2d1f}.secondaryBtn,.hintBtn{color:#b9d7ff;background:#3478ff1f;border-color:#6facff80}.primaryBtn:hover,.secondaryBtn:hover,.decodeBtn:hover,.hintBtn:hover,.bottomBar button:hover{transform:translateY(-1px)}button:disabled:hover{transform:none}.gameScreen{padding:24px;overflow:hidden}.topBar{grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:18px;display:grid}.meterCard,.titleCard,.levelCard,.glassCard,.puzzleBox,.bottomBar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c16b8;border:1px solid #ffdc9733;border-radius:18px;box-shadow:0 0 35px #00000059}.meterCard,.levelCard{padding:18px}.titleCard{text-align:center;padding:16px}.meter{background:#ffffff14;border-radius:999px;height:16px;margin:10px 0;overflow:hidden}.meter div{background:linear-gradient(90deg,#fff1a8,#f0a62a);height:100%;transition:width .35s;box-shadow:0 0 18px #ffbb3db3}.interfaceGrid{grid-template-columns:300px 1fr 330px;gap:18px;margin-top:20px;display:grid}.sidePanel{flex-direction:column;gap:16px;display:flex}.glassCard{padding:18px}.glassCard h3{color:#f6be55;text-transform:uppercase;letter-spacing:.1em;margin-top:0;font-size:.9rem}.glassCard p,.status,.hintText{color:#d8d4c5;line-height:1.6}.toolIcons{gap:12px;font-size:1.7rem;display:flex}pre{color:#d8d4c5;white-space:pre-wrap;font-size:.8rem;line-height:1.6}.decoderArea{flex-direction:column;justify-content:center;align-items:center;min-height:660px;display:flex}.decoderWheel{aspect-ratio:1;background:conic-gradient(from 180deg,#ffab2dcc,#ffab2d26,#2a80ffbf,#2a80ff2e,#ffab2dcc);border-radius:50%;place-items:center;width:min(520px,80vw);animation:4s infinite alternate pulseGlow;display:grid;position:relative;box-shadow:0 0 70px #ffae2d40,0 0 80px #2a80ff40}.ring{border:1px solid #ffecb447;border-radius:50%;position:absolute}.ring1{inset:10%}.ring2{inset:23%}.ring3{inset:36%}.core{color:#fff;background:#05070de6;border-radius:50%;place-items:center;width:92px;height:92px;font-size:2.5rem;display:grid;box-shadow:0 0 40px #ffffff80}.puzzleBox{z-index:2;width:min(760px,100%);margin-top:-30px;padding:22px;position:relative}.puzzleBox h2{margin:0 0 14px}.puzzleText{color:#fff;letter-spacing:.08em;background:#ffffff0d;border:1px dashed #ffdc9759;border-radius:14px;margin-bottom:16px;padding:18px}.puzzleBox label{color:#f6be55;margin-bottom:8px;display:block}.puzzleBox input{color:#fff;background:#0000006b;border:1px solid #ffdc9740;border-radius:12px;outline:none;width:100%;padding:15px}.puzzleBox input:focus{border-color:#f6be55bf;box-shadow:0 0 20px #f6be551f}.actionRow{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.bottomBar{justify-content:space-between;align-items:center;margin-top:18px;padding:14px 18px;display:flex}.winScreen,.loseScreen{text-align:center;place-items:center;padding:40px;display:grid}.aboutPage{padding:60px min(8vw,110px)}.aboutPage section{background:#080c169e;border:1px solid #ffdc972e;border-radius:18px;max-width:850px;margin:16px 0;padding:22px}@keyframes pulseGlow{0%{filter:brightness(.92);transform:scale(.99)}to{filter:brightness(1.1);transform:scale(1.01)}}.levelIntroOverlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle,#ffbe4629,#0000 30%),#000000c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.levelIntroCard,.endingCard{text-align:center;background:linear-gradient(135deg,#ffbc4a14,#3278ff14),#050810eb;border:1px solid #ffdc9759;border-radius:24px;width:min(720px,92vw);padding:34px;box-shadow:0 0 60px #ffaa2d29,0 0 80px #2c75ff1f}.levelIntroCard h2,.endingCard h1{color:#fff0b8;letter-spacing:.08em;text-transform:uppercase;margin:10px 0}.levelIntroCard h3{color:#7db5ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-weight:400}.levelIntroCard p,.endingCard p{color:#d8d4c5;font-size:1.05rem;line-height:1.7}.levelIntroCard button,.endingCard button{margin-top:18px}.notesList{gap:12px;display:grid}.notesList p{background:#ffffff0a;border-left:3px solid #f6be55b3;border-radius:10px;margin:0;padding:12px}@media (max-width:1100px){.topBar,.interfaceGrid{grid-template-columns:1fr}.decoderArea{order:1;min-height:auto}.sidePanel{order:2}}@media (max-width:640px){.gameScreen{padding:16px}.hero{padding:90px 0}.bottomBar{text-align:center;flex-direction:column;gap:12px}.levelIntroCard,.endingCard{padding:24px}.puzzleText{letter-spacing:.04em;word-break:break-word}}.aboutPage .aboutHero{text-align:center;background:0 0;border:0;border-radius:0;width:min(980px,94%);max-width:none;margin:0 auto 40px;padding:70px 0 30px}.aboutPage .aboutHero h1{letter-spacing:.1em;text-transform:uppercase;color:#fff0b8;margin:0;font-size:clamp(2.8rem,7vw,6rem)}.aboutPage .aboutHero h2{color:#7db5ff;margin-top:10px;font-weight:400}.aboutPage .aboutHero .eyebrow{color:#f6be55;margin:0 auto 12px}.aboutPage .aboutHero .creatorName{color:#f6be55;letter-spacing:.25em;text-transform:uppercase;margin:8px auto;font-size:.9rem}.aboutPage .aboutHero>p:not(.eyebrow):not(.creatorName){color:#d8d4c5;max-width:820px;margin:20px auto;font-size:1.1rem;line-height:1.8}.aboutPage .aboutGrid{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1180px,94%);max-width:none;margin:0 auto;padding:0;display:grid}.aboutPage .aboutCard{background:linear-gradient(135deg,#ffbc4a0f,#3278ff0f),#050810d1;border:1px solid #ffdc9738;border-radius:20px;padding:24px;box-shadow:0 0 35px #00000040}.aboutPage .aboutCard h2{color:#f6be55;letter-spacing:.08em;text-transform:uppercase;margin-top:0;font-size:1.05rem}.aboutPage .aboutCard p,.aboutPage .aboutCard li{color:#d8d4c5;font-size:1rem;line-height:1.75}.aboutPage .aboutCard ul{margin-bottom:0;padding-left:20px}.aboutPage .finalJudgeCard{text-align:center;width:min(1180px,94%);max-width:none;margin:20px auto 70px}@media (max-width:800px){.aboutPage .aboutGrid{grid-template-columns:1fr}}