:root{--blue-deep: #0a1426;--blue-mid: #15233e;--blue: #1f3354;--blue-light: #2a4368;--blue-glow: rgba(64, 100, 160, .35);--tobacco: #b86a3c;--tobacco-bright: #d18856;--tobacco-deep: #8a4a26;--tobacco-glow: rgba(209, 136, 86, .5);--cream: #ece4d3;--cream-warm: #d8cbb0;--cream-dim: #b8ad95;--metal-light: #4a6390;--metal-mid: #2c4067;--metal-dark: #18233a;--edge-highlight: #6b85b3;--bg: var(--blue-deep);--rule: rgba(184, 106, 60, .32);--case-h: min(720px, 84vh);--case-w: calc(var(--case-h) * .65);--case-thickness: 14px;--cover-thickness: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--blue-deep);color:var(--cream);overflow:hidden;width:100%;height:100%}body{font-family:Cormorant Garamond,serif;font-weight:300;background:#050a14}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;will-change:transform}.atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(184,106,60,.1),transparent 60%),radial-gradient(ellipse 60% 80% at 50% 70%,rgba(31,51,84,.6),transparent 70%),var(--blue-deep)}.atmosphere .glow-1,.atmosphere .glow-2,.atmosphere .glow-3{position:absolute;border-radius:50%;filter:blur(90px)}.atmosphere .glow-1{width:60vmin;height:60vmin;top:8%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(184,106,60,.18),transparent 60%);animation:drift 14s ease-in-out infinite}.atmosphere .glow-2{width:50vmin;height:50vmin;bottom:0%;left:15%;background:radial-gradient(circle,rgba(31,51,84,.6),transparent 60%);animation:drift 18s ease-in-out infinite reverse}.atmosphere .glow-3{width:45vmin;height:45vmin;top:20%;right:8%;background:radial-gradient(circle,rgba(74,99,144,.45),transparent 60%);animation:drift 22s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.08)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;z-index:90;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.9  0 0 0 0 0.8  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:91;background:radial-gradient(ellipse at center,transparent 35%,rgba(5,10,20,.7) 100%)}.topbar{position:fixed;top:0;left:0;right:0;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--tobacco-bright);z-index:50;opacity:0;animation:fadeIn 1.4s ease 4.2s forwards}.topbar .left,.topbar .right{display:flex;gap:28px;align-items:center}.topbar .brand-mark{display:flex;align-items:center;text-decoration:none;opacity:.9;transition:opacity .3s}.topbar .brand-mark:hover{opacity:1}.topbar .brand-mark svg{display:block}@media (max-width: 640px){.topbar{padding:14px 16px;font-size:9px;letter-spacing:.22em}.topbar .left,.topbar .right{gap:14px}.hide-mobile{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stage{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10}.scene{position:relative;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;will-change:transform}.open-prompt{position:absolute;top:-64px;left:50%;transform:translate(-50%);cursor:pointer;z-index:30;padding:14px 28px;-webkit-user-select:none;user-select:none}.prompt-text{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--tobacco-bright);position:relative;padding-left:.5em;text-shadow:0 0 14px rgba(209,136,86,.6),0 0 32px rgba(209,136,86,.25);animation:promptPulse 2.4s ease-in-out infinite;display:inline-block;white-space:nowrap}.prompt-text:before,.prompt-text:after{content:"—";position:absolute;top:50%;transform:translateY(-50%);color:var(--tobacco);font-family:JetBrains Mono,monospace;letter-spacing:normal;opacity:.6;animation:promptDashes 2.4s ease-in-out infinite}.prompt-text:before{left:-22px}.prompt-text:after{right:-22px}@keyframes promptPulse{0%,to{text-shadow:0 0 14px rgba(209,136,86,.5),0 0 32px rgba(209,136,86,.2);color:var(--tobacco-bright)}50%{text-shadow:0 0 22px rgba(209,136,86,.9),0 0 50px rgba(209,136,86,.4);color:#e89c66}}@keyframes promptDashes{0%,to{opacity:.4;transform:translateY(-50%) translate(0)}50%{opacity:.85;transform:translateY(-50%) translate(-3px)}}.open-prompt:hover .prompt-text{animation-duration:1.2s}.case{position:relative;width:var(--case-w);height:var(--case-h);transform-style:preserve-3d;will-change:transform}.case-clickable{cursor:pointer}.case-clickable .case-cover{animation:caseHoverGlow 3s ease-in-out infinite}@keyframes caseHoverGlow{0%,to{filter:drop-shadow(0 0 0 rgba(209,136,86,0))}50%{filter:drop-shadow(0 0 26px rgba(209,136,86,.4))}}.case-clickable:hover .case-cover{animation-duration:1.4s}.case-base{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.case-base-back{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(184,106,60,.08),transparent 70%),linear-gradient(180deg,var(--blue-mid) 0%,var(--blue-deep) 50%,var(--blue) 100%);border-radius:8px;transform:translateZ(0);box-shadow:inset 0 0 80px #000000b3,inset 0 0 4px #b86a3c4d;overflow:hidden}.case-base-back:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(184,106,60,.55);border-radius:4px;pointer-events:none}.case-base-back:after{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(184,106,60,.22);border-radius:3px;pointer-events:none}.base-wall{position:absolute;background:linear-gradient(180deg,var(--metal-mid) 0%,var(--metal-dark) 100%);box-shadow:inset 0 0 1px #6b85b366}.base-wall.top{top:0;left:0;right:0;height:var(--case-thickness);transform-origin:top;transform:rotateX(90deg);background:linear-gradient(180deg,var(--metal-light) 0%,var(--metal-mid) 100%);border-radius:8px 8px 0 0}.base-wall.bottom{bottom:0;left:0;right:0;height:var(--case-thickness);transform-origin:bottom;transform:rotateX(-90deg);background:linear-gradient(0deg,var(--metal-dark) 0%,var(--metal-mid) 100%);border-radius:0 0 8px 8px}.base-wall.left{top:0;bottom:0;left:0;width:var(--case-thickness);transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,var(--metal-mid) 0%,var(--metal-dark) 100%)}.base-wall.right{top:0;bottom:0;right:0;width:var(--case-thickness);transform-origin:right;transform:rotateY(90deg);background:linear-gradient(-90deg,var(--metal-mid) 0%,var(--metal-dark) 100%)}.interior-content{position:absolute;top:36px;right:36px;bottom:36px;left:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;z-index:2}.gold-rule{width:60%;height:1px;background:linear-gradient(to right,transparent,var(--tobacco),transparent);opacity:.75}.gold-rule.thin{width:35%;opacity:.4;margin:6px 0}.interior-mark{font-family:Italiana,serif;font-size:clamp(28px,4vw,36px);letter-spacing:.24em;color:var(--tobacco-bright);margin:16px 0 4px;text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.04)}.interior-tag{font-family:Cardo,serif;font-style:italic;font-size:clamp(11px,1.6vw,13px);color:var(--tobacco);letter-spacing:.08em;margin:8px 0 24px;opacity:.9}.definition-block{margin-bottom:28px;padding:0 8px}.def-pron{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;color:var(--cream-warm);margin-bottom:8px;opacity:.7}.def-body{font-family:Cardo,serif;font-size:clamp(12px,1.6vw,14px);line-height:1.6;color:var(--cream-warm);font-style:italic}.def-body em{font-style:italic;color:var(--cream)}.case-form{width:100%;max-width:280px;display:flex;flex-direction:column;gap:10px}.form-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--tobacco-bright);margin-bottom:4px;text-align:center}.case-form input[type=email]{width:100%;padding:13px 14px;background:#0a1426b3;border:1px solid rgba(184,106,60,.45);border-radius:3px;color:var(--cream);font-family:Cormorant Garamond,serif;font-size:15px;letter-spacing:.04em;outline:none;text-align:center;transition:border-color .3s,background .3s}.case-form input[type=email]:focus{border-color:var(--tobacco-bright);background:#0a1426e6;box-shadow:0 0 12px #d1885640}.case-form input::placeholder{color:var(--cream-dim);font-style:italic;opacity:.6}.case-form button{padding:13px 14px;background:transparent;border:1px solid var(--tobacco);border-radius:3px;color:var(--tobacco-bright);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}.case-form button:disabled{opacity:.5;cursor:wait}.form-error{font-family:Cardo,serif;font-style:italic;font-size:12px;color:#c4856a;letter-spacing:.06em;text-align:center;margin-top:4px;opacity:.95}.form-fine{margin-top:10px;font-family:Cardo,serif;font-style:italic;font-size:11px;color:var(--cream-dim);line-height:1.5;letter-spacing:.04em;opacity:.7}.interior-meta{position:absolute;bottom:12px;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.4em;color:var(--tobacco);opacity:.7}.success-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.success-state .msg{font-family:Cardo,serif;font-style:italic;font-size:17px;color:var(--tobacco-bright);line-height:1.55}.success-state .meta{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--tobacco);margin-top:6px}.case-cover{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;z-index:3;will-change:transform}.cover-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cover-front{top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;transform:translateZ(calc(var(--cover-thickness) / 2));box-shadow:0 60px 120px -30px #000000f2,0 30px 60px -20px #000000bf,inset 0 0 0 1px #b86a3c66}.cover-art{width:100%;height:100%;display:block}.cover-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#fff0 35%,#fff0 65%,#00000026);pointer-events:none;border-radius:8px}.cover-back{top:0;right:0;bottom:0;left:0;border-radius:8px;transform:translateZ(calc(var(--cover-thickness) / -2)) rotateY(180deg);background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(184,106,60,.1),transparent 70%),linear-gradient(180deg,var(--blue-mid) 0%,var(--blue-deep) 50%,var(--blue-mid) 100%);display:flex;align-items:center;justify-content:center}.cover-back:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(184,106,60,.5);border-radius:4px}.cover-back:after{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(184,106,60,.22);border-radius:3px}.cover-back-content{text-align:center;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.back-gold-rule{width:60%;height:1px;background:linear-gradient(to right,transparent,var(--tobacco),transparent);opacity:.6}.back-quote{font-family:Italiana,serif;font-style:italic;font-size:clamp(28px,4vw,38px);letter-spacing:.08em;color:var(--tobacco-bright);line-height:1.15}.back-attr{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--tobacco);opacity:.7}.cover-edge{background:linear-gradient(var(--metal-light),var(--metal-mid),var(--metal-dark));box-shadow:inset 0 0 1px #6b85b366}.cover-edge.top{left:0;right:0;top:0;height:var(--cover-thickness);transform-origin:top;transform:rotateX(90deg);border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--metal-light) 0%,var(--metal-mid) 100%)}.cover-edge.bottom{left:0;right:0;bottom:0;height:var(--cover-thickness);transform-origin:bottom;transform:rotateX(-90deg);border-radius:0 0 8px 8px;background:linear-gradient(0deg,var(--metal-dark) 0%,var(--metal-mid) 100%)}.cover-edge.left{top:0;bottom:0;left:0;width:var(--cover-thickness);transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,var(--metal-dark) 0%,var(--metal-mid) 100%)}.cover-edge.right{top:0;bottom:0;right:0;width:var(--cover-thickness);transform-origin:right;transform:rotateY(90deg);background:linear-gradient(-90deg,var(--edge-highlight) 0%,var(--metal-mid) 50%,var(--metal-dark) 100%)}.case-spine{position:absolute;left:0;top:0;bottom:0;width:12px;transform:translate(-6px);background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,var(--metal-dark) 30%,var(--metal-mid) 50%,var(--metal-dark) 70%,rgba(0,0,0,.5) 100%);border-radius:6px 0 0 6px;z-index:4;pointer-events:none;box-shadow:inset 0 1px #6b85b34d,inset 0 -1px #00000080}.spine-hinge{position:absolute;left:0;width:12px;height:6px;background:linear-gradient(135deg,var(--metal-light),var(--metal-mid),var(--metal-dark));border-radius:2px;box-shadow:inset 0 0 1px #0009}.spine-hinge.h1{top:12%}.spine-hinge.h2{top:50%;transform:translateY(-50%)}.spine-hinge.h3{bottom:12%}footer{position:fixed;bottom:22px;left:0;right:0;text-align:center;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--cream-dim);z-index:50;opacity:.7}footer a{color:var(--tobacco-bright);text-decoration:none;transition:color .3s,text-shadow .3s;pointer-events:auto}footer a:hover{color:#e89c66;text-shadow:0 0 8px rgba(209,136,86,.5)}@media (max-width: 640px){:root{--case-h: min(620px, 76vh);--case-w: calc(var(--case-h) * .62);--case-thickness: 10px;--cover-thickness: 6px}.interior-content{top:24px;right:24px;bottom:24px;left:24px}.definition-block{margin-bottom:18px}.open-prompt{top:-50px}.prompt-text{font-size:10px;letter-spacing:.4em}.prompt-text:before{left:-16px}.prompt-text:after{right:-16px}}@media (prefers-reduced-motion: reduce){.atmosphere .glow-1,.atmosphere .glow-2,.atmosphere .glow-3{animation:none}}