:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-1:#17103d;--sky-2:#44206f;--panel:#21163f;--panel-light:#37245e;--stone:#7c82a7;--stone-dark:#535a7b;--gold:#ffd35a;--orange:#ff8a3d;--pink:#ff5fa2;--cyan:#61f5ff;--green:#74ff8f;--ink:#100b25;--white:#fff7d6;font-family:"Press Start 2P",Courier New,monospace}*{box-sizing:border-box}body{background:var(--sky-1);min-width:320px;min-height:100vh;color:var(--white);image-rendering:pixelated;margin:0}button,input{font:inherit}button{color:var(--ink);background:var(--gold);box-shadow:0 6px 0 #a8661b, 0 0 0 4px var(--ink);cursor:pointer;text-transform:uppercase;border:0;padding:14px 16px}button:hover:not(:disabled){box-shadow:0 4px 0 #a8661b, 0 0 0 4px var(--ink);transform:translateY(2px)}button:disabled{cursor:wait;opacity:.6}input{border:4px solid var(--ink);width:100%;min-height:48px;color:var(--ink);outline:4px solid var(--gold);background:#fff8c9;padding:12px}.scene{background:linear-gradient(180deg, var(--sky-1), var(--sky-2) 62%, #241040 62%, #1a0f2a 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.stars,.stars:before,.stars:after{content:"";background-image:radial-gradient(var(--white) 2px, transparent 2px), radial-gradient(var(--gold) 2px, transparent 2px);opacity:.55;background-position:20px 30px,90px 80px;background-size:150px 110px,190px 150px;position:absolute;inset:0}.castle-stage{z-index:1;pointer-events:none;min-height:100vh;position:absolute;inset:0}.moon{background:var(--gold);width:86px;height:86px;position:absolute;top:35px;left:8%;box-shadow:0 0 0 8px #ffeaa2,0 0 40px #ffeaa2}.fireworks span{background:var(--pink);width:10px;height:10px;box-shadow:18px 0 var(--cyan), -18px 0 var(--gold), 0 18px var(--green), 0 -18px var(--orange);animation:1.4s steps(2,end) infinite pop;position:absolute}.fireworks span:first-child{top:90px;right:25%}.fireworks span:nth-child(2){animation-delay:.3s;top:150px;left:32%}.fireworks span:nth-child(3){animation-delay:.65s;top:42px;right:8%}.fireworks span:nth-child(4){animation-delay:.95s;top:210px;left:8%}.castle{filter:drop-shadow(14px 14px #00000059);grid-template-columns:minmax(92px,120px) minmax(240px,1fr) minmax(92px,120px);align-items:end;width:min(760px,86vw);display:grid;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.tower,.keep{border:6px solid var(--ink);background:linear-gradient(90deg, transparent 0 26px, #ffffff14 26px 31px, transparent 31px), var(--stone);position:relative}.tower{z-index:1;height:310px}.keep{z-index:2;height:250px;margin-inline:-14px}.roof{background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:6px solid var(--ink);width:calc(100% + 28px);height:72px;position:absolute;top:-72px;left:-14px}.flag{background:var(--ink);width:8px;height:58px;position:absolute;top:-118px;left:54px}.flag:after{content:"";background:var(--pink);width:48px;height:30px;position:absolute;top:0;left:8px;box-shadow:inset -12px 0 #c02f73}.battlements{justify-content:space-between;width:calc(100% + 12px);display:flex;position:absolute;top:-34px;left:-6px}.battlements i{background:var(--stone);border:6px solid var(--ink);border-bottom:0;width:18%;height:36px}.window,.rose-window{background:var(--cyan);border:5px solid var(--ink);position:absolute;box-shadow:inset 0 -12px #2fb7d1}.window{width:34px;height:58px;top:80px;left:50%;transform:translate(-50%)}.rose-window{width:56px;height:56px;top:50px;left:50%;transform:translate(-50%)}.door{border:6px solid var(--ink);transform-origin:0 100%;background:#6c3b1d;border-bottom:0;border-radius:60px 60px 0 0;width:130px;height:132px;transition:transform .7s steps(6,end),filter .7s steps(6,end);position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 8px #9d5a28}.door.open{filter:brightness(1.8);transform:translate(-50%)skewY(0)scaleX(.25)}.door span{background:#2d180f;width:6px;position:absolute;top:22px;bottom:0}.door span:first-child{left:38px}.door span:nth-child(2){left:62px}.door span:nth-child(3){left:86px}.guardian{filter:drop-shadow(8px 8px #00000059);width:108px;height:214px;animation:1.1s steps(2,end) infinite idle;position:absolute;bottom:66px;left:calc(50% + min(260px,28vw))}.helmet,.face,.body,.legs,.shield,.spear{position:absolute}.helmet{border:5px solid var(--ink);width:52px;height:42px;box-shadow:inset 0 -12px var(--stone-dark);background:#c5cbe3;top:0;left:30px}.face{border:5px solid var(--ink);background:#f2b37c;width:40px;height:34px;top:36px;left:36px}.body{border:5px solid var(--ink);background:#5572d8;width:58px;height:78px;top:72px;left:28px;box-shadow:inset 0 -20px #304ca5}.shield{background:var(--pink);border:5px solid var(--ink);width:46px;height:58px;color:var(--gold);place-items:center;font-size:18px;display:grid;top:90px;left:0}.spear{border-left:3px solid var(--ink);border-right:3px solid var(--ink);background:#f3d9a2;width:7px;height:178px;top:16px;right:2px}.spear:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#dfe7ff;width:24px;height:30px;position:absolute;top:-28px;left:-10px}.legs{background:linear-gradient(90deg,#21294f 0 18px,#0000 18px 30px,#21294f 30px);width:48px;height:48px;top:148px;left:34px}.treasure-chest{border:5px solid var(--ink);filter:drop-shadow(0 0 12px #ffd35a59);background:#9a4d24;width:86px;height:58px;position:absolute;bottom:58px;left:calc(50% + min(345px,35vw));box-shadow:inset 0 -18px #5d2f19,8px 8px #00000059,0 0 20px #ffd35a59}.treasure-chest:before{content:"";border:5px solid var(--ink);background:#c36a2f;border-bottom:0;width:86px;height:34px;position:absolute;top:-28px;left:-5px;box-shadow:inset 0 -12px #8f411e}.treasure-chest:after{content:"";background:var(--gold);width:18px;height:38px;box-shadow:0 0 0 4px var(--ink), 0 18px 0 var(--gold), 0 18px 0 4px var(--ink);position:absolute;top:-8px;left:34px}.treasure-chest span{background:var(--cyan);width:8px;height:8px;box-shadow:44px 0 var(--pink), 22px -10px var(--green), 28px 16px var(--gold);animation:.9s steps(2,end) infinite sparkle;position:absolute;top:-18px;left:16px}.torches span{border:4px solid var(--ink);background:#5a331b;width:20px;height:70px;position:absolute;bottom:78px}.torches span:before{content:"";background:var(--orange);width:30px;height:38px;box-shadow:inset 0 -14px var(--gold), 0 0 20px var(--orange);animation:.55s steps(2,end) infinite flame;position:absolute;top:-38px;left:-8px}.torches span:first-child{left:18%}.torches span:last-child{right:18%}.panel{z-index:4;border:6px solid var(--ink);background:linear-gradient(180deg, var(--panel-light), var(--panel));width:min(620px,100vw - 36px);max-height:calc(100vh - 56px);padding:26px;position:relative;box-shadow:12px 12px #00000059,inset 0 0 0 6px #5c3e8c}.panel h1{color:var(--gold);text-shadow:4px 4px 0 var(--ink);margin:0 0 14px;font-size:clamp(1rem,2.4vw,1.8rem);line-height:1.4}.subtitle,.guardian-line,.message p,label{font-size:.72rem;line-height:1.8}.gate-form{gap:18px;margin:28px 0;display:grid}.input-row,.chat-form{gap:14px;display:flex}.guardian-line{color:var(--cyan)}.chat-panel{grid-template-rows:auto minmax(260px,52vh) auto;gap:18px;min-height:min(650px,100vh - 56px);display:grid}.chat-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:var(--green);margin:0 0 6px;font-size:.62rem}.messages{scrollbar-color:var(--gold) var(--ink);flex-direction:column;gap:14px;min-height:0;padding:8px 6px 14px;display:flex;overflow-y:auto}.message{grid-template-columns:44px 1fr;align-items:start;gap:12px;display:grid}.message.user{grid-template-columns:1fr 44px}.message.user .avatar{grid-column:2}.message.user p{background:#3b245c;grid-area:1/1}.avatar{border:4px solid var(--ink);background:var(--gold);width:44px;height:44px;color:var(--ink);place-items:center;display:grid}.message p{border:4px solid var(--ink);background:#173352;margin:0;padding:14px}.message.pending p:after{content:" ▒";animation:.7s steps(2,end) infinite blink}.hidden{display:none}.shake{animation:.16s steps(2,end) 3 shake}@keyframes flame{50%{transform:translateY(4px)scaleX(.8)}}@keyframes idle{50%{transform:translateY(5px)}}@keyframes pop{50%{opacity:.25;transform:scale(1.6)}}@keyframes blink{50%{opacity:0}}@keyframes shake{50%{transform:translate(8px)}}@keyframes sparkle{50%{opacity:.3;transform:translateY(-4px)}}@media (width<=900px){.scene{padding:18px}.castle-stage{min-height:100vh}.castle{grid-template-columns:84px minmax(170px,1fr) 84px;bottom:52px}.tower{height:220px}.keep{height:185px}.door{width:94px;height:96px}.guardian{transform-origin:0 100%;left:calc(50% + min(200px,24vw));transform:scale(.75)}.treasure-chest{transform-origin:0 100%;left:calc(50% + min(270px,31vw));transform:scale(.75)}}@media (width<=560px){.input-row,.chat-form{flex-direction:column}.panel{padding:18px}.subtitle,.guardian-line,.message p,label,input,button{font-size:.58rem}}