:root{--red: #c8102e;--red-deep: #7a0a1c;--gold: #e8c170;--ink: #0a0510}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(circle at 50% 30%,#1a0a14 0%,var(--ink) 70%);color:#f4e9d8;font-family:Cinzel,serif;overflow:hidden}.hidden{display:none!important}#gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;background:radial-gradient(circle at 50% 40%,#1a0a14,#060309 80%)}.gate-card{width:min(90vw,420px);padding:2.4rem 2rem;text-align:center;background:linear-gradient(160deg,#281018e6,#0c060cf2);border:1px solid rgba(232,193,112,.35);border-radius:18px;box-shadow:0 0 60px #c8102e40,inset 0 0 30px #0009;animation:floatIn .8s ease both}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.97)}}.rune-ring{font-family:MedievalSharp,cursive;letter-spacing:.4em;color:var(--gold);opacity:.8;margin-bottom:1rem;font-size:1.1rem}.gate-card h1{font-size:1.7rem;font-weight:700;color:#fff;text-shadow:0 0 18px rgba(200,16,46,.6)}.gate-sub{margin:.6rem 0 1.6rem;font-size:.9rem;opacity:.7;font-family:MedievalSharp,cursive}#gate-form{display:flex;flex-direction:column;gap:.8rem}#gate-input{padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(232,193,112,.4);background:#0006;color:#fff;font-size:1rem;font-family:inherit;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}#gate-input:focus{border-color:var(--gold);box-shadow:0 0 16px #e8c17059}button,.reveal-btn{cursor:pointer;font-family:Cinzel,serif;font-weight:700}#gate-form button{padding:.85rem 1rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font-size:1rem;letter-spacing:.04em;transition:transform .12s,box-shadow .2s;box-shadow:0 6px 20px #c8102e66}#gate-form button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c8102e8c}.gate-error{margin-top:1rem;min-height:1.2em;color:#ff8a8a;font-size:.85rem;font-family:MedievalSharp,cursive}.gate-error.shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-5px)}}#scene-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}#three-canvas{display:block;width:100%;height:100%}#hint{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);z-index:12;font-family:MedievalSharp,cursive;font-size:.85rem;color:#f4e9d899;background:#06030980;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(232,193,112,.2);pointer-events:none;white-space:nowrap}#flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#fff;opacity:0;pointer-events:none}#flash.boom{animation:boom 1.1s ease-out}#scene-wrap.quake{animation:quake .7s cubic-bezier(.36,.07,.19,.97)}@keyframes quake{0%,to{transform:translate(0)}10%{transform:translate(-10px,6px)}20%{transform:translate(9px,-8px)}30%{transform:translate(-12px,-6px)}40%{transform:translate(11px,7px)}50%{transform:translate(-7px,5px)}60%{transform:translate(8px,-4px)}70%{transform:translate(-5px,3px)}80%{transform:translate(4px,-2px)}90%{transform:translate(-2px,1px)}}@keyframes boom{0%{opacity:0}6%{opacity:.95;background:#fff}30%{opacity:.4;background:#ffd9a0}to{opacity:0;background:#f84}}#reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#060309c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0}}.reveal-card{width:min(90vw,440px);padding:2.4rem 2rem;text-align:center;background:linear-gradient(160deg,#281018f2,#0c060cfa);border:1px solid rgba(232,193,112,.4);border-radius:18px;box-shadow:0 0 70px #c8102e59;animation:floatIn .5s ease both}.reveal-icon{font-size:3.4rem;margin-bottom:.6rem;filter:drop-shadow(0 0 16px rgba(232,193,112,.6))}.reveal-card h2{color:#fff;font-size:1.5rem;margin-bottom:1.6rem;text-shadow:0 0 18px rgba(200,16,46,.6)}.reveal-card p{margin:.7rem 0 1.6rem;opacity:.8;font-family:MedievalSharp,cursive;font-size:.95rem}.reveal-btn{display:inline-block;text-decoration:none;padding:.9rem 1.6rem;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font-size:1.05rem;box-shadow:0 6px 22px #c8102e73;transition:transform .12s,box-shadow .2s}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #c8102e99}.reveal-close{display:block;margin:1.4rem auto 0;background:none;border:none;color:#f4e9d88c;font-family:MedievalSharp,cursive;font-size:.85rem;text-decoration:underline}.reveal-close:hover{color:var(--gold)}