@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Spectral:wght@400;600;700&display=swap";:root{color-scheme:dark;--ink:#130e18;--blue:#201b47;--gold:#e8bd61;--parchment:#f2dfae;--burgundy:#762d43;--panel:rgba(17,12,24,.94)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0d0914;color:#fff;font-family:Spectral,Georgia,serif}button{font:inherit}button:focus-visible,.prayer-scroll:focus-visible{outline:3px solid #ffe18a;outline-offset:3px}[hidden]{display:none!important}.selection-screen{height:100%;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 38%,rgba(90,65,131,.4),transparent 25%),linear-gradient(#08050e99,#08050eeb),url(../assets/prayer-room.png) center/cover;position:relative}.selection-screen:before{content:"";position:absolute;inset:18px;border:2px solid rgba(232,189,97,.48);box-shadow:inset 0 0 0 5px #00000059;pointer-events:none}.title-crest{font-size:30px;color:var(--gold);text-shadow:0 0 18px #f6c768;margin-bottom:6px}.eyebrow,.category{font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-size:10px}h1{font-family:"Press Start 2P",monospace;text-transform:uppercase;font-size:clamp(30px,5vw,64px);line-height:1.25;margin:10px 0;color:#f7e8b5;text-shadow:4px 4px 0 #5d283c,8px 8px 0 #17102a}.subtitle{font-size:clamp(18px,2vw,25px);margin:4px 0 22px;color:#eadfbf}.character-choices{display:flex;justify-content:center;gap:20px}.character-card{width:190px;min-height:226px;border:3px solid #917245;border-radius:2px;color:#f7e8c4;background:linear-gradient(#2c2041,#171124);box-shadow:0 7px #09060e,0 0 24px #e6b8581f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .15s,border-color .15s}.character-card:hover{transform:translateY(-5px);border-color:#f4cb70}.character-card strong{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff0b6}.character-card>span:last-child{font-size:15px;color:#c9bdd8}.portrait{position:relative;width:100px;height:128px;display:block}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center 20%;filter:drop-shadow(4px 5px 3px rgba(0,0,0,.55))}.selection-note{font-size:14px;color:#b9acc8;margin:22px 0 0}.game-screen{position:relative;width:100%;height:100%;background:#090710}.scene{position:absolute;inset:0;background:url(../assets/prayer-room.png) center/cover no-repeat;image-rendering:auto}.vignette{position:absolute;inset:0;background:radial-gradient(circle at 47% 48%,transparent 15%,rgba(6,3,12,.18) 58%,rgba(6,3,12,.78) 100%)}.hud{position:absolute;z-index:10;top:18px;left:18px;display:flex;gap:12px;align-items:center}.counter{font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5;background:#0a0711e6;border:2px solid #8c7045;padding:8px 12px;color:#d9cba9;box-shadow:4px 4px #07040b}.counter strong{color:#ffe48f;font-size:15px;margin-left:9px}.pixel-button{font-family:"Press Start 2P",monospace;text-transform:uppercase;border:3px solid #f0c66c;background:linear-gradient(#8c3c50,#572338);color:#fff5c9;text-shadow:2px 2px #371627;padding:15px 18px;cursor:pointer;box-shadow:0 5px #28101b;letter-spacing:.3px;font-size:10px}.pixel-button:hover{filter:brightness(1.16);transform:translateY(-1px)}.pixel-button:active{transform:translateY(4px);box-shadow:0 1px #28101b}.pixel-button--small{font-size:8px;padding:10px 11px}.pixel-button--pray,.pixel-button--next{width:100%;font-size:12px}.pixel-button--pray{background:linear-gradient(#3d5897,#243465)}.pixel-button:disabled{opacity:.6;cursor:not-allowed}.prayer-panel{position:absolute;z-index:5;right:3.5vw;top:7vh;width:min(39vw,570px);height:86vh;display:flex;flex-direction:column;padding:28px 30px 23px;background:linear-gradient(var(--panel),rgba(22,15,29,.97));border:3px solid #a9864f;box-shadow:0 0 0 6px #08050cc7,0 18px 50px #0000008c,inset 0 0 45px #bd82361a}.prayer-panel:before,.prayer-panel:after{content:"";position:absolute;width:18px;height:18px;border-color:#e6bd67}.prayer-panel:before{left:7px;top:7px;border-left:2px solid;border-top:2px solid}.prayer-panel:after{right:7px;bottom:7px;border-right:2px solid;border-bottom:2px solid}.panel-ornament{color:#f0c866;text-align:center;font-size:16px}.category{text-align:center;margin:5px 0 10px}.prayer-panel h2{text-align:center;color:#f4e7be;font-size:clamp(22px,2.2vw,34px);line-height:1.05;margin:0 0 14px}.prayer-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:3px 12px 12px 2px;scrollbar-color:#9c7049 #24182c}.prayer-scroll p{font-size:clamp(17px,1.35vw,22px);line-height:1.55;margin:0 auto;color:#eee4cf;max-width:35ch}.response{flex:1;min-height:0;display:grid;place-content:center;text-align:center;padding:12px;border-top:1px solid #765c3d;border-bottom:1px solid #765c3d;margin-bottom:14px;animation:reveal .35s ease-out}.response-mark{font-size:32px;color:#ffd675;text-shadow:0 0 15px #ffc252}.response p{font-size:21px;line-height:1.35;margin:8px 0;color:#fff2cb}.response small{font-family:"Press Start 2P",monospace;font-size:8px;color:#d9ba72}.formation-note{text-align:center;color:#9689a3;font-size:12px;margin:10px 0 0}.source-toggle{position:absolute;z-index:12;left:18px;bottom:18px;border:1px solid #87704b;background:#09060ee6;color:#dacaa8;padding:7px 10px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:7px;text-transform:uppercase}.source-note{position:absolute;z-index:11;left:18px;bottom:54px;width:min(430px,86vw);background:#09060ef5;border:1px solid #8d7449;padding:13px;color:#d5c9b2;font-size:14px}.character{position:absolute;left:34%;bottom:6%;width:160px;height:315px;transform-origin:50% 100%;filter:drop-shadow(8px 10px 4px rgba(0,0,0,.6));transition:transform .45s ease}.character-sprite{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.aura{position:absolute;z-index:0;left:-30px;top:18px;width:220px;height:290px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,215,116,.7),rgba(109,76,211,.2) 45%,transparent 68%);transition:opacity .3s}.spark{position:absolute;z-index:10;color:#ffd770;opacity:0;text-shadow:0 0 8px #fff;font-size:18px}.spark--1{left:-10px;top:90px}.spark--2{right:-15px;top:55px}.spark--3{right:4px;top:180px}.character[data-state=praying]{transform:translateY(24px)}.character[data-state=praying] .character-sprite{filter:brightness(1.06)}.character[data-state=praying] .aura{opacity:1;animation:pulse 1.4s infinite}.character[data-state=praying] .spark{animation:sparkle 1.6s infinite}.character[data-state=praying] .spark--2{animation-delay:.3s}.character[data-state=praying] .spark--3{animation-delay:.7s}@keyframes pulse{50%{transform:scale(1.1);opacity:.72}}@keyframes sparkle{0%,to{opacity:0;transform:translateY(8px) scale(.5)}45%{opacity:1;transform:translateY(-12px) scale(1.1)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}@media(max-width:800px){.selection-screen{overflow-y:auto;display:block;padding-top:38px}.character-choices{gap:10px}.character-card{width:43vw;max-width:180px;min-height:205px}.portrait{transform:scale(.82);margin:-8px}.game-screen{overflow:hidden}.scene{height:53%;background-position:center}.character{left:36%;bottom:0;transform:scale(.72);transform-origin:50% 100%}.character[data-state=praying]{transform:translateY(-52px) scale(.68)}.hud{top:8px;left:8px}.counter{padding:6px 8px}.counter span{display:none}.prayer-panel{inset:auto 0 0;width:100%;height:58%;padding:17px 18px 13px;border-left:0;border-right:0;border-bottom:0}.prayer-panel h2{font-size:23px;margin-bottom:8px}.prayer-scroll p{font-size:17px;line-height:1.42}.panel-ornament{display:none}.pixel-button--pray,.pixel-button--next{padding:12px;min-height:48px}.formation-note{font-size:10px}.source-toggle{display:none}.response p{font-size:17px}.response{padding:5px;margin-bottom:8px}}@media(max-width:420px){h1{font-size:30px}.subtitle{font-size:17px}.character-card{min-height:190px}.character-card strong{font-size:11px}.selection-note{margin-top:14px}.prayer-panel{height:58%}.scene{height:45%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}