:root{--ink:#29433d;--muted:#7d8679;--paper:#faf8ed;--line:#dedfce;--orange:#b76b47;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#cfddd2}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b57848;outline-offset:4px}button{border:0}button:disabled{cursor:wait;opacity:.5}button:hover{filter:brightness(.96)}a{color:inherit}#world,.vignette{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(245,246,229,.85),transparent 26%,transparent 70%,rgba(230,235,216,.5)),radial-gradient(ellipse,transparent 45%,#486f5b12 100%)}header{position:fixed;top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;z-index:4}.brand{display:flex;gap:12px;align-items:flex-start;text-decoration:none;font:30px var(--serif);letter-spacing:-1.3px}.brand-star{font:38px var(--serif);color:#b6774b;line-height:1}.brand-period{color:#b6774b}.brand small{display:block;font:8px var(--sans);letter-spacing:2.9px;margin-top:9px;margin-left:2px}nav{display:flex;align-items:center;gap:8px;background:#faf8edb8;padding:7px;border-radius:30px;box-shadow:0 3px 20px #38473808;border:1px solid #fff7}nav button{background:none;font-size:11px;padding:10px 12px}nav button span{background:#e8e9dc;border-radius:20px;padding:2px 5px;margin-left:4px;font-size:9px}.circle{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:16px;display:grid;place-items:center;padding:0}.world-time{position:fixed;top:124px;right:40px;display:grid;grid-template-columns:30px auto;column-gap:9px;align-items:center;font-size:11px;z-index:3}.sun{font:31px Georgia;color:#a37b41;grid-row:span 2}.weather{display:block;font-size:9px;color:#7f8d7c;margin-top:4px}.intro{position:fixed;top:24%;left:5.5%;pointer-events:none;z-index:2}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#7e8d78}.intro h1{font:44px/1.09 var(--serif);letter-spacing:-1.9px;font-weight:400;margin:19px 0 16px}.intro p{font:12px/1.8 var(--sans);color:#728273}.text-link{padding:12px 0;background:none;font-size:11px;pointer-events:auto;border-bottom:1px solid #a7b49e}.text-link span{margin-left:24px;font-size:17px}.intro.dismissed{opacity:0;transition:opacity .8s;pointer-events:none}.intro.dismissed button{pointer-events:none}footer{position:fixed;bottom:57px;left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:4}.resident{position:relative;display:flex;gap:14px;align-items:center;background:#fbf9efee;border:1px solid #ffffffa6;border-radius:14px;box-shadow:0 8px 40px #31452b0e;padding:15px 20px 14px 13px;max-width:475px;min-height:104px}.portrait{width:62px;height:67px;flex-shrink:0;background:#e8e6d7;border-radius:12px;overflow:hidden;display:flex;align-items:end}.portrait img{width:100%;height:100%;object-fit:cover}.resident-content{min-width:0}.resident-title{display:flex;gap:12px;align-items:center}.resident-title strong{font:21px var(--serif)}#presence{font-size:9px;color:#7e8d78}#presence i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9c6f;margin-right:5px}.resident p{font-size:10px;line-height:1.6;margin:6px 9px 10px 0;max-width:310px}.needs{display:flex;gap:10px;align-items:center}.need{display:flex;align-items:center;gap:4px;font-size:8px;color:#8a927f}.need-track{height:3px;width:32px;background:#e6e5d8;border-radius:5px;overflow:hidden}.need-fill{height:100%;background:#9cad85;transition:width 1s}.need:nth-child(2) .need-fill{background:#7eaaa5}.need:nth-child(3) .need-fill{background:#c4a376}.resident-expand{position:absolute;right:10px;top:9px;background:none;color:#91a087;font-size:15px}.world-actions{display:flex;gap:9px;align-items:center}.world-actions>button{height:44px;min-width:44px;background:#fbf9efea;border:1px solid #ffffffa6;border-radius:50%;font-size:23px;box-shadow:0 4px 15px #31452b0a}.world-actions .note-button{display:flex;align-items:center;gap:11px;border-radius:25px;padding:0 21px;font-size:11px;background:#35594c;color:#faf8ed;border-color:#35594c}.note-button span{font-size:19px}.bottomline{position:fixed;bottom:20px;left:39px;right:39px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1px;color:#6e826f;z-index:3}.bottomline>button{background:none;font-size:9px;color:#657966}.controls-hint{letter-spacing:.2px}.controls-hint b{margin:0 10px;font-weight:400}#agent-status::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#ac8a62;margin-right:7px}#agent-status.live::before{background:#709974;box-shadow:0 0 0 3px #7099741a}.location-label{position:fixed;top:50%;left:50%;background:#faf8edee;border:1px solid white;padding:8px 13px;border-radius:20px;font-size:10px;z-index:3;pointer-events:none}#toast{position:fixed;left:50%;bottom:185px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:10px;font-size:12px;z-index:30;max-width:90vw}#scrim{position:fixed;inset:0;background:#263f3635;backdrop-filter:blur(4px);z-index:10}#panel{position:fixed;right:18px;top:18px;bottom:18px;width:min(480px,calc(100vw - 36px));z-index:11;background:var(--paper);border:1px solid #fff9;border-radius:20px;padding:29px;box-shadow:0 20px 100px #182d2a2e;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px;gap:15px}.panel-head h2{font:34px var(--serif);letter-spacing:-1px;margin:10px 0 0}.panel-head .circle{flex-shrink:0}#panel-content{font-size:12px;line-height:1.85}#panel-content p{margin:0 0 17px}.empty{padding:35px 4px;text-align:center;color:#7e8877}.empty .empty-icon{display:block;font:50px var(--serif);color:#b8c4a9;margin-bottom:20px}.empty h3{font:25px var(--serif);font-weight:400;color:var(--ink)}.entry{padding:20px 0;border-bottom:1px solid var(--line)}.entry:first-child{padding-top:0}.entry h3{font:21px/1.25 var(--serif);margin:6px 0 10px;font-weight:400}.entry time,.tag{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#919a87}.entry .body{white-space:pre-wrap;font-size:12px;line-height:1.85}.entry .small{font-size:10px;color:#7f8b79}.entry img{width:100%;border-radius:10px;margin:10px 0}.entry button,.entry a.button,.primary{display:inline-block;border-radius:7px;padding:9px 13px;background:#e9edde;font-size:10px;margin:6px 7px 0 0;text-decoration:none}.primary{background:#35594c!important;color:#faf8ed!important;padding:12px 18px!important;font-size:12px!important}.entry pre{font:10px/1.6 monospace;background:#edeedf;padding:14px;overflow:auto;max-height:270px;white-space:pre}.entry iframe{width:100%;height:300px;border:1px solid var(--line);border-radius:10px;background:white;margin-top:12px}form label{display:block;font-size:10px;margin:17px 0 5px}input,textarea{width:100%;border:1px solid #d7ddcb;background:#fffdf5;border-radius:8px;padding:12px;color:var(--ink);font-size:12px}textarea{min-height:140px;resize:vertical}form .primary{margin-top:17px}.notice{padding:16px;border:1px solid #e2dac1;background:#f4efdd;border-radius:10px;color:#82704c;font-size:11px;margin:18px 0}.settings-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);gap:20px}.settings-row span:last-child{text-align:right}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-grid>div{border:1px solid var(--line);padding:15px;border-radius:10px}.detail-grid strong{display:block;font:24px var(--serif)}code{font-size:11px;background:#e9edde;padding:2px 5px;border-radius:4px}#loading{position:fixed;inset:0;background:#eff0e2;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s}#loading img{width:72px;height:72px;border-radius:22px;animation:bob 2s ease-in-out infinite}#loading h2{font:24px var(--serif);margin:25px 0 10px}#loading span{font-size:11px;color:#87917d}#loading.done{opacity:0;pointer-events:none}@keyframes bob{50%{transform:translateY(-8px)}}[hidden]{display:none!important}
@media(min-width:1600px){.intro{left:7%;top:27%}.intro h1{font-size:56px}}@media(max-width:900px){header{left:22px;right:22px;top:24px}.brand{font-size:25px}.brand-star{font-size:32px}nav{gap:0}nav button{font-size:10px;padding:8px}.intro{left:28px;top:23%}.intro h1{font-size:35px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px;letter-spacing:1px}footer{left:20px;right:20px}.resident{max-width:395px}.resident p{font-size:9px}.world-actions .note-button{padding:0 14px;font-size:10px}.bottomline{left:25px;right:25px}.controls-hint{display:none}.world-time{right:25px;top:107px}}@media(max-width:620px){header{top:20px;left:18px;right:18px}.brand{font-size:23px;gap:8px}.brand-star{font-size:28px}.brand small{font-size:6px;letter-spacing:2px}nav{padding:4px}nav button{padding:8px;font-size:9px}nav button:nth-child(2){max-width:85px;line-height:1.3}nav button span{display:none}.circle{width:25px;height:25px}nav .circle{display:none}.world-time{top:93px;right:19px;font-size:10px}.weather{font-size:8px}.intro{top:20%;left:23px;max-width:185px}.intro h1{font-size:31px;letter-spacing:-1.3px}.intro p{font-size:10px}.intro .eyebrow{display:none}footer{bottom:50px;left:14px;right:14px;flex-direction:column-reverse;gap:13px;align-items:stretch}.resident{max-width:none;width:100%;padding:12px;min-height:93px}.portrait{height:57px;width:54px}.resident p{max-width:260px;margin:5px 12px 8px 0;font-size:10px}.resident-title strong{font-size:20px}#presence{font-size:8px}.needs{gap:9px}.need{font-size:7px}.need-track{width:27px}.world-actions{justify-content:flex-end}.world-actions>button{height:39px;min-width:39px}.world-actions .note-button{font-size:10px;padding:0 17px}.bottomline{bottom:16px;left:19px;right:19px;font-size:6px;letter-spacing:.7px}.bottomline>button{font-size:8px}#panel{padding:23px;right:10px;top:10px;bottom:10px;width:calc(100vw - 20px)}.panel-head h2{font-size:31px}#toast{bottom:220px;width:max-content;max-width:88vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* First-person pixel-world presentation. */
#world canvas{image-rendering:pixelated}.vignette{background:linear-gradient(180deg,#f8f5e898,transparent 23%,transparent 72%,#25392d38)}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:18px monospace;color:#fff9;text-shadow:1px 1px #263b2f77;z-index:2;pointer-events:none}.intro{top:auto;bottom:195px;left:38px;padding:19px 24px;background:#faf8edd9;border:1px solid #fff7;border-radius:12px;backdrop-filter:blur(3px)}.intro h1{font-size:30px;letter-spacing:-.9px;margin:12px 0}.intro p{font-size:10px;margin:0}.intro .text-link{font-size:10px;padding-bottom:5px}.walk-controls{display:none;position:fixed;left:20px;bottom:220px;z-index:5;text-align:center}.walk-controls button{width:40px;height:40px;margin:2px;background:#faf8edba;border:1px solid #fff8;border-radius:7px;touch-action:none;font:22px monospace}.walk-controls>div{display:flex}.intro.dismissed{visibility:hidden}.resident{backdrop-filter:blur(4px)}.bottomline{color:#f6f4e7;text-shadow:0 1px 3px #263d2b}.bottomline>button{color:#fff6e3}.world-time{background:#faf8edbd;padding:10px 15px;border-radius:10px}header .brand{background:#faf8edbd;padding:12px 17px;border-radius:12px}.brand small{margin-top:6px}.world-time{top:133px}@media(max-width:620px){header .brand{padding:8px 11px}.world-time{top:99px}.intro{bottom:225px;left:19px;padding:14px 18px;max-width:230px}.intro h1{font-size:26px}.walk-controls{bottom:225px;left:auto;right:19px}.intro .eyebrow{display:none}.walk-controls{display:block}.world-actions{justify-content:flex-end}nav button{font-size:8px}}@media(pointer:coarse){.walk-controls{display:block}}
/* Tavi's needs remain visible independently of his bottom-left resident card. */
.needs-panel{position:fixed;z-index:5;left:50%;top:112px;transform:translateX(-50%);padding:14px 20px 15px;background:#faf8edef;border:1px solid #fff9;border-radius:12px;backdrop-filter:blur(5px);box-shadow:0 4px 20px #263a2c12}.needs-panel .needs{gap:22px}.needs-panel .need{display:grid;grid-template-columns:1fr auto;gap:8px 7px;font-size:11px;color:#66755f;min-width:82px}.needs-panel .need-value{font-size:9px;color:#8c977e}.needs-panel .need-track{grid-column:1/-1;width:90px;height:7px;border-radius:3px;background:#e0e3d3}.needs-panel .need-fill{border-radius:3px;background:#93ab73}.needs-panel .need:nth-child(2) .need-fill{background:#72a7a0}.needs-panel .need:nth-child(3) .need-fill{background:#c6a06c}.needs-panel .need:nth-child(4) .need-fill{background:#b9a56a}.resident{min-height:90px}.resident p{margin-bottom:0}@media(min-width:1350px){.needs-panel{top:30px}}@media(max-width:800px){.needs-panel{top:112px;padding:12px 17px}.needs-panel .needs{gap:15px}.needs-panel .need{font-size:10px;min-width:66px}.needs-panel .need-track{width:70px}.world-time{top:190px}}@media(max-width:620px){.needs-panel{top:113px;width:calc(100vw - 36px);max-width:410px;padding:13px 15px}.needs-panel .needs{justify-content:space-between;gap:12px}.needs-panel .need{min-width:0;flex:1;font-size:10px}.needs-panel .need-track{width:100%;height:7px}.needs-panel .need-value{font-size:8px}.world-time{top:188px}.resident{min-height:82px}}
/* Compact world navigation and live map. */
.menu-toggle{position:fixed;right:34px;top:90px;z-index:8;width:49px;height:49px;border:2px solid #425d47;border-radius:50%;background:#f7edd8;font-size:25px;box-shadow:0 3px 0 #263c2b2b}.world-menu{position:fixed;right:30px;top:147px;bottom:40px;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:5px;background:none;border:0;box-shadow:none;border-radius:0;overflow:auto;scrollbar-width:thin;max-width:295px}.world-menu>button{display:flex;align-items:center;justify-content:flex-end;gap:15px;width:100%;padding:1px 0;background:none;font-size:13px;font-weight:600;flex-shrink:0}.world-menu>button>span{color:#fff9ec;text-shadow:0 1px 4px #193a27,0 0 10px #193a2799;letter-spacing:0}.world-menu b{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:2px solid #425d47;border-radius:50%;background:#f7edd8;color:#35513e;font-size:24px;font-weight:400;box-shadow:0 3px 0 #263c2b2b}.world-menu small{font:9px 'Segoe UI',sans-serif;margin-left:4px;background:#f7edd8;color:#3f5b44;border-radius:8px;padding:2px 5px;text-shadow:none}.menu-profile{display:flex;align-items:center;gap:8px;align-self:stretch;justify-content:center;color:#35513e;background:#f7edd8;border:2px solid #425d47;border-radius:25px;min-height:39px;font-size:12px;font-weight:600;margin:0 0 10px;padding:8px 16px;flex-shrink:0}.menu-profile i{width:7px;height:7px;border:1px solid #425d47;background:#94b9aa;border-radius:50%}.world-time{top:24px;right:34px;padding:9px 14px;border-radius:25px;background:#b7d7d6ed;color:#365e5c}.world-time .weather{display:none}.world-time .sun{grid-row:auto;font-size:25px}.minimap{position:fixed;left:34px;bottom:169px;width:145px;height:145px;border:2px solid #526a50;background:#f4ead2;border-radius:50%;z-index:4;box-shadow:0 3px 0 #263c2b2b;overflow:hidden}.minimap canvas{width:100%;height:100%;image-rendering:pixelated}.minimap>span{position:absolute;top:12px;left:50%;transform:translateX(-50%);font:9px monospace;color:#829079}.tavi-status{position:fixed;right:34px;bottom:66px;z-index:4;display:flex;align-items:center;gap:13px;max-width:calc(100vw - 465px);background:#f7edd8;border:2px solid #526a50;border-radius:35px;padding:11px 19px 11px 10px;min-height:52px;font-size:12px;box-shadow:0 3px 0 #263c2b2b}.status-orb{display:block;flex-shrink:0;width:26px;height:26px;background:#75a798;border:2px solid #426854;border-radius:50%;box-shadow:inset 4px 5px #a3c5b0}.intro{left:50%;transform:translateX(-50%);bottom:150px}.resident{max-width:390px}.world-menu:before{content:'';position:fixed;right:0;top:135px;width:315px;bottom:0;pointer-events:none;background:linear-gradient(90deg,transparent,#18352355);z-index:-1}.world-menu[hidden]:before{display:none}@media(min-width:1000px){.needs-panel{top:30px}}@media(max-width:800px){.menu-toggle{right:22px;top:87px}.world-time{right:22px;top:24px}.world-menu{right:18px;top:145px;bottom:100px}.minimap{width:119px;height:119px;left:22px;bottom:174px}.tavi-status{right:22px;bottom:171px;max-width:calc(100vw - 175px);font-size:10px;min-height:43px;padding:8px 13px 8px 8px}.status-orb{width:23px;height:23px}.intro{bottom:265px}.resident{max-width:400px}}@media(max-width:620px){.menu-toggle{top:186px;right:20px;width:44px;height:44px}.world-menu{top:238px;right:16px;bottom:135px;max-width:260px}.world-menu>button{font-size:12px;gap:10px}.world-menu b{width:42px;height:42px;font-size:22px}.world-time{right:18px;top:25px;grid-template-columns:22px auto;gap:5px;padding:7px 10px}.world-time #clock{font-size:9px}.world-time .sun{font-size:21px}.minimap{left:18px;bottom:152px;width:100px;height:100px}.tavi-status{left:135px;right:18px;bottom:159px;max-width:none;font-size:9px;line-height:1.5;gap:7px}.status-orb{width:20px;height:20px}.resident{max-width:none}.intro{left:50%;bottom:275px;max-width:260px;width:240px}.walk-controls{bottom:271px;right:18px}.world-menu:before{top:235px;bottom:0}.brand{font-size:20px}.brand small{font-size:5px}header .brand{padding:8px 10px}}
.minimap{width:178px;height:178px;bottom:190px}.resident{max-width:470px;min-height:110px;padding:18px;gap:18px}.portrait{width:76px;height:79px}.resident-title strong{font-size:27px}#presence{font-size:11px}.resident p{font-size:12px;max-width:355px}.bottomline{font-size:10px}.tavi-status{max-width:calc(100vw - 550px);font-size:14px}.world-time{font-size:12px}.world-time #clock{white-space:nowrap}@media(max-width:800px){.minimap{width:142px;height:142px;bottom:190px}.tavi-status{max-width:calc(100vw - 200px);bottom:190px;font-size:11px}.resident{max-width:470px}.resident p{font-size:11px}}@media(max-width:620px){.minimap{width:120px;height:120px;bottom:185px}.resident{min-height:104px;max-width:none;padding:14px}.portrait{width:65px;height:68px}.resident-title strong{font-size:24px}#presence{font-size:10px}.resident p{font-size:11px}.tavi-status{left:154px;bottom:192px;max-width:none;font-size:10px}.world-time #clock{font-size:8px}.bottomline{font-size:7px}}
/* Clock + weather pill with quick sound toggle */
.world-time{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;transition:background .8s,color .8s}.world-time .time-text{display:flex;flex-direction:column;line-height:1.25}.world-time #clock{font-weight:600}.world-time .weather{display:block;font-size:10px;margin:0;color:inherit;opacity:.78}
.world-time[data-sky=twilight]{background:#f1cfaeed;color:#6a4130}.world-time[data-sky=night]{background:#25344bed;color:#e9eef6}.world-time[data-sky=rain]{background:#aebcc0ed;color:#33474a}.world-time[data-sky=night] .sun{color:#f2e7b8}
.sound-quick{width:34px;height:34px;border-radius:50%;background:#fbf6e6;border:2px solid #526a50;color:#35513e;font-size:17px;display:grid;place-items:center;padding:0;flex-shrink:0;position:relative}.sound-quick.off{opacity:.75}.sound-quick.off::after{content:'';position:absolute;width:22px;height:2px;background:#b5523a;transform:rotate(-45deg);border-radius:2px}
/* Activity bubble that floats over Tavi in the world */
.tavi-bubble{position:fixed;left:0;top:0;z-index:2;pointer-events:none;background:#fbf6e6f2;border:2px solid #526a50;color:#29433d;border-radius:14px;padding:5px 11px;font-size:12px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 #263c2b2b;transition:opacity .3s}.tavi-bubble::after{content:'';position:absolute;left:50%;bottom:-7px;width:10px;height:10px;background:inherit;border-right:2px solid #526a50;border-bottom:2px solid #526a50;transform:translateX(-50%) rotate(45deg)}.tavi-bubble[hidden]{display:none}
#volume{accent-color:#4f7a68;width:140px;vertical-align:middle}
@media(max-width:620px){.world-time{padding:6px 6px 6px 10px;gap:6px}.world-time .weather{font-size:8px}.sound-quick{width:28px;height:28px;font-size:14px}.tavi-bubble{font-size:10px;max-width:170px}}
/* The full-width header must not swallow clicks meant for the clock, sound button or world */
header{pointer-events:none}header .brand{pointer-events:auto}.world-time{z-index:5}
@media(max-width:620px){.intro{top:245px;bottom:auto}}
/* Open menu: dim the whole world behind it so labels stay readable, and hide transient overlays */
.world-menu:before{top:0;left:0;right:0;bottom:0;width:auto;background:linear-gradient(90deg,#10231933 0%,#102319b8 70%)}body.menu-open .walk-controls,body.menu-open .intro,body.menu-open .tavi-bubble{visibility:hidden}.world-menu>button>span{font-size:14px}
@media(max-width:620px){.world-menu{bottom:24px}.world-menu:before{top:0}}
.world-menu>button>span,.world-menu>button>span small{display:inline}
.world-menu>button>span{background:none;padding:0;margin:0;border-radius:0;white-space:nowrap;font-size:14px}
@media(max-width:620px){body.menu-open footer,body.menu-open .tavi-status,body.menu-open .minimap{opacity:.2;transition:opacity .2s}}

/* Personality panel bars and offering outcome tags */
.time-bars{display:grid;gap:7px;margin:8px 0 18px}.time-bars div{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:8px;font-size:12px}.time-bars i{display:block;height:8px;border-radius:5px;background:#7fa68d}.time-bars b{font-weight:600;text-align:right}.tag.kept{background:#dcebdc;color:#2f5a3a}.tag.thrown{background:#f1dcd3;color:#7a3a2a}#my-offerings h3,#recent-replies h3{margin-top:26px}
/* No pale band across the top: it showed as haze at night. Only a faint edge darkening remains. */
.vignette{background:radial-gradient(ellipse at center,transparent 60%,#0a141022 100%)}

/* Brand: the voxel-block mark beside a modern, heavy wordmark */
header .brand{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:18px;background:#fbf8eef2;border:1px solid #ffffffb0;box-shadow:0 4px 18px #1f33280f;font:inherit;letter-spacing:0;color:#24382f}
.brand-mark{width:48px;height:52px;display:block;filter:drop-shadow(0 2px 0 #1f332818)}
.brand-text{display:flex;flex-direction:column;gap:3px}
.brand-name{font:800 25px/1 system-ui,'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:-.8px}
.brand-name em{font-style:normal;color:#c4602f}
.brand-text small{font:600 9.5px/1 system-ui,'Segoe UI',Arial,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#5f7a6b;margin:0}
.brand-star,.brand-period{display:none}
@media(max-width:620px){header .brand{padding:7px 12px 7px 8px;gap:8px;border-radius:14px}.brand-mark{width:34px;height:37px}.brand-name{font-size:18px}.brand-text small{font-size:7px;letter-spacing:1.6px}}
@media(min-width:1000px) and (max-width:1179px){.needs-panel{top:112px}}