/* CYPHER — Midnight Eras / enchanted pop-noir */
:root{--bg:#100c24;--card:#211733;--gold:#f7c9e7;--text:#fff7ff;--muted:#d2c2e3;--line:#725581;--pink:#f1a8d8;--lilac:#b7a0ff;--spark:#f7e9b4}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 35% at 20% 5%,#6a346d77,transparent 75%),radial-gradient(ellipse 70% 45% at 95% 12%,#493c91aa,transparent 78%),linear-gradient(165deg,#120b23 0%,#20102e 50%,#100b25 100%);color:var(--text);font-family:'Trebuchet MS',system-ui,sans-serif;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 9% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 32%,#ffe2fb 0 1px,transparent 2px),radial-gradient(circle at 36% 72%,#fff 0 1px,transparent 2px),radial-gradient(circle at 85% 85%,#f8c5e8 0 1px,transparent 2px);background-size:190px 240px,260px 190px,310px 300px,420px 320px;animation:shimmer 10s ease-in-out infinite alternate;z-index:-1}
@keyframes shimmer{from{opacity:.2;transform:translateY(0)}to{opacity:.72;transform:translateY(-12px)}}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.wrap{max-width:1120px;padding-top:24px}.top{border-bottom:1px solid #e6bde63d;backdrop-filter:blur(12px)}.top b{font-family:Georgia,serif;font-size:1.2rem;color:#ffe0f5;letter-spacing:.28em}.top .small{letter-spacing:.13em;text-align:right}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(4rem,13vw,8.5rem);line-height:1.05;letter-spacing:.09em;background:linear-gradient(110deg,#fff2fb 10%,#eeb0d7 42%,#c6b6ff 70%,#f9dbac 95%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 65px #df91d65e;filter:drop-shadow(0 8px 16px #10071c)}h2{color:#ffe4f7;font-size:clamp(1.8rem,4vw,2.6rem)}h3{color:#fbe1f6}.hero{padding:78px 10px 62px;position:relative;animation:rise .8s ease both}.hero:before{content:'✦';position:absolute;top:22px;left:14%;font-size:40px;color:#ffd5ed;animation:shimmer 4s infinite alternate}.hero:after{content:'✧';position:absolute;right:12%;bottom:30px;font-size:60px;color:#cdbdff;animation:shimmer 6s infinite alternate}.hero p{font-size:clamp(1rem,2.5vw,1.3rem);max-width:610px;margin:auto}.eyebrow{color:#f6c0e7;letter-spacing:.25em}.card{background:linear-gradient(145deg,#2c1c41e8,#1c1838ed);border:1px solid #c9a0d75c;box-shadow:0 18px 65px #08061580,0 0 0 1px #ffffff08 inset;border-radius:24px;padding:clamp(19px,4vw,36px);animation:rise .5s ease both;backdrop-filter:blur(15px)}.rule,.puzzle{background:linear-gradient(145deg,#3b254ba8,#242041c4);border:1px solid #b995c05c;border-radius:17px;transition:transform .25s,border-color .25s,box-shadow .25s}.rule:hover,.puzzle:hover{transform:translateY(-3px);border-color:#edbce2;box-shadow:0 12px 32px #0a081d77}.rule strong{color:#ffcae9}.puzzle.done{border-color:#a6d6cb}.hint{background:#493358aa;border:1px solid #a67bb466;border-radius:12px}p,.small{color:var(--muted)}button{background:linear-gradient(110deg,#f3b8dd,#c5afff);color:#24142f;border:1px solid #ffe2f4aa;border-radius:100px;padding:14px 24px;box-shadow:0 8px 26px #d98fd23b;letter-spacing:.055em;transition:transform .2s,box-shadow .2s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d98fd270}button.secondary{background:#6d4c87;color:#fff0fc;border-color:#9c7cae}input{background:#160f2b;border:1px solid #b18bb4;border-radius:12px;color:#fff5ff}input:focus{outline:2px solid #f0aee0;outline-offset:2px}.status{color:#f9d1ed;background:#271b3b;border-color:#ad8eb9}.digit{background:linear-gradient(160deg,#372448,#201831);border:1px solid #f0bbdf;color:#ffdef4;box-shadow:0 0 22px #d98fd230}.ok{color:#b6efda}.err{color:#ffbdc6}::selection{background:#d18bc6;color:#180c27}
@media(max-width:600px){.hero{padding:58px 0 35px}.hero:before{left:5%}.hero:after{right:5%;font-size:35px}.top .small{font-size:.7rem}.card{margin:15px 0}.rule,.puzzle{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}