:root{font-family:system-ui,-apple-system,sans-serif;color:#e9e9e0;background:#0b100d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{max-width:480px;min-height:100dvh;margin:auto;background:#111713;display:flex;flex-direction:column;border-inline:1px solid #26352b}header{background:#1c251e;padding:16px 16px 10px;border-bottom:1px solid #38483a}.brand{display:flex;align-items:center;gap:10px;color:#d6bc8d}.brand strong{display:block;font-size:14px;letter-spacing:.06em}.brand small{display:block;color:#a5b2a6;font-size:10px;margin-top:3px}.meta{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:#b8c4b7;font-size:11px}.meta span{display:flex;align-items:center;gap:4px}.meta span:first-child{color:#e2c69a}main{flex:1;min-height:0;display:flex;flex-direction:column}.scene-art{height:170px;position:relative;overflow:hidden;background:linear-gradient(180deg,#4e554c,#77755c,#353d35 70%,#1a251d)}.sun{position:absolute;width:85px;height:85px;border-radius:50%;background:#c4a678;filter:blur(15px);top:15px;right:65px;opacity:.55}.trees{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(95deg,transparent 0 29px,#19271f 30px 34px,transparent 36px 58px);clip-path:polygon(0 42%,8% 20%,14% 45%,22% 12%,31% 40%,39% 19%,50% 46%,60% 15%,70% 40%,80% 18%,90% 44%,100% 10%,100% 100%,0 100%);opacity:.82}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#0d160f);font-size:11px;letter-spacing:.12em;color:#e8dcc4;display:flex;justify-content:space-between;gap:10px}.art-caption span{font-size:9px;color:#b8bdad}.chat{padding:15px;display:flex;flex-direction:column;gap:14px;max-height:38dvh;min-height:180px;overflow:auto}.message{max-width:95%;align-self:flex-start}.message.player{align-self:flex-end}.message label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#d1b78b;display:block;margin-bottom:6px}.message.player label{color:#a5cbaa;text-align:right}.message p{white-space:pre-wrap;line-height:1.55;font-size:14px;margin:0;padding:12px 13px;background:#263128;border:1px solid #3b4a3d;border-radius:12px}.message.player p{background:#304437}.thinking{font-size:12px;color:#b7c5b7;font-style:italic}.composer{margin-top:auto;padding:12px 15px 16px;border-top:1px solid #344137;display:flex;flex-direction:column;gap:9px}.composer textarea{width:100%;resize:vertical;border-radius:10px;background:#202a22;color:#fff;border:1px solid #516050;padding:12px;outline:none}.composer textarea:focus{border-color:#c8ad80}.composer button,.actions button,.upload{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;background:#c5ab80;color:#182018;font-weight:700;padding:12px}.error{background:#512e2c;color:#ffe2dc;margin:10px;padding:10px;border-radius:8px;font-size:12px}.error button{margin-left:8px}.panel{padding:20px 16px;min-height:60dvh}.panel h2{font-size:23px;margin:0 0 15px}.muted{color:#a7b4a8;font-size:13px;line-height:1.5}.entry{background:#222d25;border:1px solid #354639;padding:14px;border-radius:10px;margin:11px 0;font-size:14px;line-height:1.55}.entry p{margin:6px 0 0}.entry small{color:#d0b789;font-size:10px}.actions{display:grid;gap:9px;margin-top:24px}.actions .danger{background:#583a36;color:#ffe7e0}.upload input{display:none}footer{position:sticky;bottom:0;background:#1c261e;border-top:1px solid #3b4b3c;display:flex;justify-content:space-around;padding:11px 4px calc(10px + env(safe-area-inset-bottom))}footer button{flex:1;background:none;border:0;color:#899b8c;display:flex;align-items:center;flex-direction:column;gap:5px;padding:4px 1px;font-size:9px}footer button.active{color:#dfc393}.savefoot{text-align:center;color:#829286;background:#121b15;padding:6px;font-size:9px;letter-spacing:.06em}@media(min-width:500px){.shell{box-shadow:0 0 50px #0008}.chat{max-height:400px}}
