:root{--ink:#221910;--parchment:#d8c5a1;--parchment-deep:#c2aa80;--gold:#b9934f;--gold-dim:#7f6434;--night:#0f0d11;--moss:#1f2a21;--mist:rgba(212,228,213,0.08)}body,html{margin:0;padding:0;font-family:Palatino Linotype,Book Antiqua,Times New Roman,serif;background:var(--night);color:#f0e2c4}*{box-sizing:border-box}.scene{position:relative;z-index:0;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.scene:before{z-index:-3;background-image:url(/iris-bg.png.webp);background-size:cover;background-position:50%;filter:sepia(10%) brightness(.6) contrast(1) saturate(.8)}.scene:after,.scene:before{content:"";position:fixed;inset:0}.scene:after{z-index:-2;background:radial-gradient(circle at 50% 18%,rgba(203,167,95,.2),transparent 44%),radial-gradient(circle at 12% 84%,rgba(73,99,67,.18),transparent 36%),linear-gradient(180deg,rgba(8,7,10,.48),rgba(8,8,10,.82))}.panel{width:min(980px,100%);display:grid;grid-template-columns:1fr auto;grid-gap:18px;gap:18px;align-items:end}.character-stage{width:min(760px,100%);min-height:950px;position:relative;display:flex;align-items:flex-end;justify-content:center}.image-button{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:1;padding:0;cursor:pointer}.character-image,.image-button{border:0;background:transparent}.character-image{width:min(1300px,94vw);display:block;border-radius:0;filter:drop-shadow(0 24px 40px rgba(0,0,0,.52))}.dialogue-box{width:100%;min-height:88px;padding:14px 16px;border-radius:8px;border:1px solid var(--gold-dim);background:linear-gradient(165deg,rgba(239,223,189,.94),rgba(202,176,132,.92)),repeating-linear-gradient(0deg,rgba(90,68,40,.035),rgba(90,68,40,.035) 1px,transparent 0,transparent 4px);color:var(--ink);line-height:1.65;position:relative;z-index:2;box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 0 0 1px rgba(88,62,27,.18)}.dialogue-stack{width:min(620px,95%);position:relative;z-index:2}.dialogue-box:before{content:"IRIS WINDRIVVER";position:absolute;top:-12px;left:14px;padding:1px 10px;font-size:11px;letter-spacing:1.3px;color:#f2dfb7;background:linear-gradient(180deg,#7d5f30,#584221);border:1px solid #9f7a3d;border-radius:999px;text-transform:uppercase}.dialogue-text{margin:0;animation:dialogue-pop .22s ease-out}@keyframes dialogue-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mood-buttons{display:flex;flex-direction:column;gap:10px;padding-bottom:6px}button,input{font:inherit}.input-row button,.mood-buttons button{border:1px solid #8e6d38;background:linear-gradient(180deg,#5c4727,#3d2f1a);color:#f2dfb7;border-radius:6px;padding:10px 14px;cursor:pointer;text-transform:lowercase;letter-spacing:.3px;box-shadow:inset 0 0 0 1px rgba(255,230,176,.1),0 5px 12px rgba(0,0,0,.26)}.input-row button:hover,.mood-buttons button:hover{background:linear-gradient(180deg,#71572f,#47371e)}.input-panel{width:min(980px,100%);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.question-bubble{max-width:min(680px,84%);padding:8px 11px;border-radius:10px;border:1px solid #8b6a39;background:linear-gradient(180deg,rgba(45,34,21,.94),rgba(27,20,13,.94));color:#f3e4c0;line-height:1.45;position:relative;box-shadow:0 8px 18px rgba(0,0,0,.3)}.question-bubble-stage{position:absolute;right:0;top:-62px;z-index:3;max-width:min(420px,74%)}.question-bubble:after{content:"";position:absolute;right:14px;bottom:-7px;width:12px;height:12px;background:#2d2215;border-right:1px solid #8b6a39;border-bottom:1px solid #8b6a39;transform:rotate(45deg)}.input-row{width:100%;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.input-row input{border:1px solid #7b6035;border-radius:6px;background:linear-gradient(180deg,rgba(29,23,18,.94),rgba(20,16,12,.94));color:#f4e7c7;padding:10px 12px;box-shadow:inset 0 0 0 1px rgba(208,172,111,.07)}.input-row input::placeholder{color:#bca884}@media (max-width:760px){.panel{grid-template-columns:1fr;align-items:center}.character-stage{min-height:620px}.image-button{top:8px}.character-image{width:min(640px,98vw)}.dialogue-box{width:min(560px,96%)}.question-bubble-stage{right:4px;top:-54px;max-width:min(360px,86%)}.mood-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}}