#bellarion-life{--bag-art:url("../assets/backgrounds/bag.webp");--board-art:url("../assets/backgrounds/board.webp");--paper-art:url("../assets/backgrounds/paper.webp")}
#bellarion-life{color-scheme:light;--ink:#30271f;--gold:#a57d46;--paper:#f1e6cf;--dark:#262329;--wine:#65404a;font:14px/1.5 system-ui,sans-serif;color:var(--ink);background:#eee4d1;border:1px solid #a88a5e;overflow:hidden;border-radius:12px}
#bellarion-life *{box-sizing:border-box}#bellarion-life h2,#bellarion-life h3,#bellarion-life h4,#bellarion-life p{margin:0}#bellarion-life h2,#bellarion-life h3,#bellarion-life h4{font-family:Georgia,serif;font-weight:400;color:inherit}#bellarion-life h2{font-size:36px;letter-spacing:.1em}#bellarion-life h3{font-size:25px}#bellarion-life h4{font-size:20px}#bellarion-life .small{font-size:12px;color:#6d5c49}#bellarion-life .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase}#bellarion-life .brand{padding:20px 24px;background:var(--dark);color:#f6ead0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}#bellarion-life .brand-name{font:400 22px Georgia,serif}#bellarion-life .coin{font-variant-numeric:tabular-nums;color:#e7c389}#bellarion-life nav{display:flex;flex-wrap:wrap;gap:4px;padding:10px 16px;background:#e6d8bd;border-bottom:1px solid #b89c6e}#bellarion-life button{font:inherit;border:1px solid #b6996a;color:var(--ink);background:#f7eedb;border-radius:5px;padding:9px 13px;min-height:42px}#bellarion-life button[aria-selected=true],#bellarion-life .primary{background:var(--wine);color:#fff3db;border-color:var(--wine)}#bellarion-life button:disabled{opacity:.48}#bellarion-life button:hover:not(:disabled){filter:brightness(.94)}#bellarion-life button:focus-visible,#bellarion-life input:focus-visible{outline:3px solid #7b5462;outline-offset:3px}#bellarion-life [hidden]{display:none!important}#bellarion-life main{padding:24px}#bellarion-life .section-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}#bellarion-life .character-title{text-align:center;margin-bottom:14px}#bellarion-life .character-title .eyebrow{color:#795633}#bellarion-life .character-stage{display:grid;grid-template-columns:minmax(145px,1fr) minmax(200px,2.15fr) minmax(145px,1fr);gap:18px;align-items:center;background:radial-gradient(ellipse at center,#dcc7a4 0%,#f0e5d0 64%);padding:8px 0 16px}#bellarion-life .character-art{width:100%;height:455px;object-fit:contain;filter:drop-shadow(0 15px 12px #422e2430)}#bellarion-life .side h4{border-bottom:1px solid #c4ab82;padding-bottom:8px;margin-bottom:10px}#bellarion-life .stat{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:10px;border-bottom:1px solid #dac9ab}#bellarion-life .stat strong{font-weight:500;font-variant-numeric:tabular-nums}#bellarion-life .equip{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #dac9ab}#bellarion-life .equip i{width:20px;flex-shrink:0;color:#83623d}#bellarion-life .equip-name{font-size:12px}#bellarion-life .equip-slot{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6d5c49}#bellarion-life .xp-line{max-width:380px;margin:0 auto 22px;text-align:center;font-size:12px}#bellarion-life .xp-track{height:6px;background:#d8c9af;margin-top:8px;border-radius:8px;overflow:hidden}#bellarion-life .xp-track span{display:block;height:100%;background:#916d43;width:0%}#bellarion-life .inventory-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:12px 0}#bellarion-life .bag{background:#6b452a var(--bag-art) center/100% 100% no-repeat;min-height:280px;padding:65px 13% 63px;border-radius:10px}#bellarion-life .bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#bellarion-life .item-cell{background:#f1dcaedb;min-height:73px;padding:9px 4px;border:1px solid #7b5737;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:4px;font-size:11px;line-height:1.25;text-align:center;position:relative}#bellarion-life .item-cell svg{width:24px;height:24px}#bellarion-life .item-cell.selected{outline:2px solid #f1d191;outline-offset:2px;background:#fff0c9}#bellarion-life .item-cell.empty{background:#64452b36;border:1px dashed #aa8159;color:#f1dbb9}#bellarion-life .equipped-tag{font-size:10px;color:#5f422b}#bellarion-life .item-detail{padding:14px 0;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #c3aa83}#bellarion-life .item-detail p{font-size:12px;max-width:570px}#bellarion-life .board{background:#543520 var(--board-art) center/cover;padding:40px 28px;border:7px solid #54351f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;box-shadow:inset 0 0 25px #20150b80}#bellarion-life .quest-paper{background:#ead6aa var(--paper-art) center/100% 100%;padding:35px 22px 28px;color:#3d2b1c;display:flex;flex-direction:column;gap:13px;min-height:340px;box-shadow:0 8px 10px #100a0640;clip-path:polygon(1% 0,99% 1%,100% 98%,2% 100%,0 40%)}#bellarion-life .quest-paper:nth-child(2){transform:rotate(1deg)}#bellarion-life .quest-paper:nth-child(3){transform:rotate(-1deg)}#bellarion-life .quest-paper h4{font-size:22px;line-height:1.2}#bellarion-life .quest-paper .quest-icon{margin:0 auto;color:#5e422c;width:36px;height:36px}#bellarion-life .quest-paper p{font-size:13px}#bellarion-life .quest-paper label{margin-top:auto;display:flex;gap:9px;align-items:center;min-height:44px}#bellarion-life input[type=checkbox]{accent-color:#704550;width:19px;height:19px;flex-shrink:0}#bellarion-life .reward{border-top:1px solid #9b7d5155;padding-top:10px;font-size:12px}#bellarion-life .quest-paper.done{filter:sepia(.3)}#bellarion-life .quest-paper.done h4{text-decoration:line-through}#bellarion-life .month-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#bellarion-life .habit-block{border-top:1px solid #bca37b;padding:18px 0}#bellarion-life .habit-title{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:10px}#bellarion-life .month-days{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:5px}#bellarion-life .day{padding:0;min-height:36px;aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-size:12px;border-radius:3px;background:#f6eddb}#bellarion-life .day[aria-pressed=true]{background:#5f765c;color:#fff9e9;border-color:#5f765c}#bellarion-life .day.today{outline:2px solid #9c763f;outline-offset:1px}#bellarion-life .day:disabled{opacity:1;background:#e1d6c3;color:#817563;border-color:#d5c8b1}#bellarion-life .legend{font-size:12px;color:#6d5c49;padding-top:10px}#bellarion-life .market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#bellarion-life .market-item{background:#f5ead3;border:1px solid #bca37b;padding:20px;display:flex;flex-direction:column;gap:12px}#bellarion-life .market-icon{display:grid;place-items:center;min-height:95px;background:radial-gradient(circle,#d7bc8b,#eadbc0 70%);border-bottom:1px solid #c6ac82}#bellarion-life .market-icon svg{width:45px;height:45px;color:#745738}#bellarion-life .market-item p{font-size:13px}#bellarion-life .market-item button{margin-top:auto}#bellarion-life .daily-task{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #c5ae8a}#bellarion-life .daily-task .daily-reward{margin-left:auto;text-align:right;white-space:nowrap;font-size:12px}#bellarion-life .daily-task:has(input:checked) .daily-name{text-decoration:line-through}#bellarion-life .refuge-intro{padding:25px;background:#e0d0b1;border:1px solid #b69a6d;margin-bottom:20px}#bellarion-life .refuge-intro h3{margin-bottom:8px}#bellarion-life .refuge-intro p{max-width:650px}#bellarion-life .pair{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#bellarion-life .pair span{border:1px solid #a88a5e;padding:6px 13px;background:#f3e7ce}#bellarion-life .history-list{padding-left:20px}#bellarion-life .history-list li{padding:10px 0;border-bottom:1px solid #d1bc98}#bellarion-life .notice{font-size:12px;color:#6d5c49;margin-top:16px}#bellarion-life .status{background:#e0d0b0;padding:12px 24px;border-top:1px solid #b99d70;font-size:13px;min-height:45px}#bellarion-life footer{padding:10px 24px;background:var(--dark);color:#d8c7a8;font-size:11px}#bellarion-life .text-button{background:transparent;border:0;padding:4px 0;min-height:36px;text-decoration:underline;color:#63434c}
@media(max-width:760px){#bellarion-life main{padding:18px}#bellarion-life .character-stage{grid-template-columns:minmax(110px,1fr) minmax(160px,1.7fr) minmax(110px,1fr);gap:10px}#bellarion-life .character-art{height:385px}#bellarion-life .board{padding:32px 20px;grid-template-columns:1fr}#bellarion-life .quest-paper{min-height:270px;transform:none!important;padding:35px 30px}#bellarion-life .market-grid{grid-template-columns:1fr}#bellarion-life .month-days{grid-template-columns:repeat(10,minmax(0,1fr))}#bellarion-life .day{min-height:40px}#bellarion-life .bag{padding:58px 12% 55px;min-height:280px}}
@media(max-width:520px){#bellarion-life .brand{padding:18px}#bellarion-life main{padding:14px}#bellarion-life .character-stage{grid-template-columns:1fr 1fr;gap:18px}#bellarion-life .art-wrap{grid-column:1/-1;grid-row:1}#bellarion-life .character-art{height:390px}#bellarion-life .side{align-self:start}#bellarion-life .side h4{font-size:18px}#bellarion-life .bag{padding:52px 12% 50px;min-height:290px;background-size:100% 100%}#bellarion-life .bag-grid{gap:5px}#bellarion-life .item-cell{min-height:75px;font-size:10px;padding:6px 2px}#bellarion-life .month-days{grid-template-columns:repeat(7,minmax(0,1fr))}#bellarion-life .day{min-height:40px}#bellarion-life .month-controls{width:100%;justify-content:space-between}#bellarion-life .board{padding:25px 12px}#bellarion-life .quest-paper{padding:32px 25px}#bellarion-life nav button{font-size:12px;padding:9px 10px;min-height:44px}}
@media(pointer:coarse){#bellarion-life .day{min-height:44px}#bellarion-life .month-days{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}#bellarion-life button{min-height:44px}}
#bellarion-life{--nomad-art:url("../assets/backgrounds/nomad.webp")}
@font-face{font-family:"Bellarion Schoolbook";src:local("Century Schoolbook"),local("CenturySchoolbook"),local("Century Schoolbook Regular");font-style:normal;font-weight:400;font-display:swap}
#bellarion-life{font-family:"Bellarion Schoolbook","Century Schoolbook","New Century Schoolbook","TeX Gyre Schola",Georgia,serif}
#bellarion-life .nomad-frame{background:#30261e var(--nomad-art) center/cover;border:1px solid #927348;box-shadow:inset 0 0 60px #18131066;margin:-4px -4px 26px;border-radius:8px;overflow:hidden;color:#fff0d0}
#bellarion-life .character-title{padding:22px 15px 14px;background:linear-gradient(#171311e6,#17131155);margin:0;text-shadow:0 2px 6px #140e09}
#bellarion-life .character-title .eyebrow{color:#f0d3a0}
#bellarion-life .character-title h2{font-size:38px}
#bellarion-life .character-stage{background:linear-gradient(90deg,#17130d50,transparent 35%,transparent 65%,#17130d55);grid-template-columns:155px minmax(190px,1fr) 225px;gap:16px;padding:4px 18px 18px;align-items:center}
#bellarion-life .character-art{height:530px;filter:drop-shadow(0 16px 8px #170c07aa)}
#bellarion-life .side{background:#221d19ed;color:#fff0d0;border:1px solid #9a7b4d;border-radius:5px;padding:12px}
#bellarion-life .side h4{font-size:18px;border-color:#94774e;margin-bottom:10px}
#bellarion-life .side .small,#bellarion-life .side .notice{color:#dcc7a5}
#bellarion-life .side .stat{border-color:#6f583d;padding:10px 0;font-size:13px}
#bellarion-life .gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#bellarion-life .gear-slot{min-width:0;min-height:73px;padding:6px 3px;background:#3b3025;color:#e9d7b5;border:1px solid #84643f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;line-height:1.2}
#bellarion-life .gear-slot .slot-label{min-height:14px;text-align:center}
#bellarion-life .gear-slot .empty-silhouette{width:32px;height:32px;display:grid;place-items:center;color:#b9a17e;opacity:.6}
#bellarion-life .gear-slot.empty-slot{border-style:dashed;background:#2d261f}
#bellarion-life .gear-slot.selected{outline:2px solid #f1cf82;outline-offset:1px}
#bellarion-life .gear-slot.compatible{border:2px solid #e3bd72;background:#4a3a27}
#bellarion-life .nomad-frame .xp-line{color:#fff0ce;margin:0;padding:12px 24px 18px;max-width:none;background:#201811dd;text-shadow:0 1px 2px #000}
#bellarion-life .nomad-frame .xp-track{max-width:380px;margin:8px auto 0;background:#7a6954}
#bellarion-life .nomad-frame .xp-track span{background:#dec28c}
#bellarion-life .sprite{width:32px;height:32px;max-width:32px;max-height:32px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;filter:drop-shadow(1px 2px 1px #1a0d0b65)}
#bellarion-life .bag{min-height:280px;padding:65px 14% 65px;background-size:100% 100%}
#bellarion-life .bag-grid{width:min(100%,360px);aspect-ratio:5/2;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;margin:auto;position:relative}
#bellarion-life .bag-cell{padding:0;min-height:0;min-width:0;background:#5c3d2644;border:1px solid #d4af7977;border-radius:2px;color:#ead5b1;font-size:11px;display:grid;place-items:center}
#bellarion-life .bag-cell:hover{background:#dbbc8366}
#bellarion-life .packed-item{padding:3px;min-height:0;min-width:0;border:1px solid #bc935a;border-radius:3px;background:#ead4a4e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;z-index:1;position:relative}
#bellarion-life .packed-item.selected{background:#fff0c5;outline:2px solid #f3cb7d;outline-offset:1px;z-index:2}
#bellarion-life .packed-item .footprint{font-size:11px;line-height:1;color:#5e452a}
#bellarion-life .packed-item.tall{background:linear-gradient(#dcc08b,#c49b61);box-shadow:inset 0 0 0 1px #efd5a466}
#bellarion-life .detail-copy{display:flex;align-items:center;gap:12px;flex:1;min-width:170px}
#bellarion-life .detail-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#bellarion-life .market-icon .sprite{width:32px;height:32px}
#bellarion-life .market-item .footprint-text{font-size:12px;color:#6d5c49}
@media(max-width:850px){#bellarion-life .character-stage{grid-template-columns:140px minmax(150px,1fr) 200px;gap:10px;padding:5px 12px 16px}#bellarion-life .side{padding:9px}#bellarion-life .character-art{height:510px}}
@media(max-width:700px){#bellarion-life .character-stage{grid-template-columns:1fr 1fr;gap:12px}#bellarion-life .art-wrap{grid-column:1/-1;grid-row:1}#bellarion-life .character-art{height:400px}#bellarion-life .side{align-self:start}#bellarion-life .bag{padding:58px 12% 55px}}
@media(max-width:480px){#bellarion-life .character-stage{grid-template-columns:1fr}#bellarion-life .art-wrap{grid-column:1;grid-row:1}#bellarion-life .character-art{height:380px}#bellarion-life .attribute-panel #bl2-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#bellarion-life .gear-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#bellarion-life .gear-slot{min-height:75px}#bellarion-life .bag{min-height:232px;padding:57px 9% 58px}#bellarion-life .bag-grid{aspect-ratio:5/2;gap:4px}#bellarion-life .packed-item{gap:2px}#bellarion-life .packed-item .footprint{font-size:11px}#bellarion-life .item-detail h4{font-size:18px}#bellarion-life .nomad-frame{margin-left:0;margin-right:0}}

#bellarion-life{--ink:#f0dfbf;--gold:#d4b06e;--paper:#28231e;--dark:#171513;--wine:#66502e;background:#1b1916;color:var(--ink);border-color:#8d6e42}
#bellarion-life .brand{background:linear-gradient(115deg,#151311,#272118);color:#f3dfb6;border-bottom:1px solid #7d6038}
#bellarion-life .brand .eyebrow{color:#cfaf79}
#bellarion-life .coin{color:#f3ca78}
#bellarion-life nav{background:#231f19;border-color:#785d38}
#bellarion-life button{background:#30291f;color:#ecd8af;border-color:#87673c}
#bellarion-life button[aria-selected=true],#bellarion-life .primary{background:#cfad69;color:#201a11;border-color:#e2c286}
#bellarion-life button:focus-visible,#bellarion-life input:focus-visible{outline-color:#f1c979}
#bellarion-life h3,#bellarion-life h4{color:#edd2a0}
#bellarion-life .eyebrow{color:#c9a86e}
#bellarion-life .small,#bellarion-life .notice,#bellarion-life .legend{color:#c5b597}
#bellarion-life .section-head{border-bottom:1px solid #80643e;padding-bottom:15px}
#bellarion-life .refuge-intro{background:linear-gradient(90deg,#1d1915f5,#251e16dd),var(--nomad-art) center/cover;border-color:#8d6c3c;color:#ead8b5;box-shadow:inset 0 1px 0 #e0bb6c22}
#bellarion-life .refuge-intro h3{color:#f1d296}
#bellarion-life .pair span{background:#2c251bd9;border-color:#967347;color:#ead2a4}
#bellarion-life .daily-task{border-color:#5d4c34}
#bellarion-life .daily-task .daily-reward{color:#e6c27e}
#bellarion-life input[type=checkbox]{accent-color:#d6b16a}
#bellarion-life .daily-task:has(input:checked) .daily-name{color:#bcae92}
#bellarion-life .text-button{color:#e3c084}
#bellarion-life .board{border-color:#5b4024;box-shadow:0 5px 18px #0004,inset 0 0 35px #1c100b99}
#bellarion-life .quest-paper,#bellarion-life .quest-paper h4{color:#3d2b1c}
#bellarion-life .quest-paper .eyebrow{color:#67492b}
#bellarion-life .quest-paper .quest-icon{color:#6f4e2a}
#bellarion-life .quest-paper .reward{border-color:#97723b66}
#bellarion-life .month-controls button{color:#f2d49b;background:#31291e}
#bellarion-life .habit-block{border-color:#6c5534}
#bellarion-life .day{background:#2c271f;color:#d8c5a1;border-color:#665337}
#bellarion-life .day[aria-pressed=true]{background:#d0ab63;color:#211b11;border-color:#e3c286}
#bellarion-life .day.today{outline-color:#f1cd86}
#bellarion-life .day:disabled{background:#211e1a;color:#8d816c;border-color:#3b342a}
#bellarion-life .market-item{background:linear-gradient(145deg,#30281d,#24201a);border-color:#896a3f;box-shadow:inset 0 1px 0 #efd5a522}
#bellarion-life .market-icon{background:radial-gradient(ellipse,#66502d,#31291f 72%);border-color:#7c6038}
#bellarion-life .market-item .footprint-text{color:#c8b28c}
#bellarion-life .history-list{color:#dfca9f}
#bellarion-life .history-list li{border-color:#5f4c32}
#bellarion-life .history-list li::marker{color:#e3bd77}
#bellarion-life .item-detail{border-color:#7c623d}
#bellarion-life .inventory-head .small{color:#dfbd7d}
#bellarion-life .status{background:#302719;border-color:#967544;color:#f2d7a4}
#bellarion-life footer{background:#141210;color:#baa98a;border-top:1px solid #4f3d26}
#bellarion-life .gear-slot{color:#ecd8af;background:#3b3025;border-color:#84643f}
#bellarion-life .gear-slot.empty-slot{background:#2d261f;border-style:dashed}
#bellarion-life .gear-slot.compatible{background:#4a3a27;border-color:#e3bd72}
#bellarion-life .bag-cell{color:#ead5b1;background:#5c3d2644;border-color:#d4af7977}
#bellarion-life .packed-item{background:#ead4a4e8;border-color:#bc935a}
#bellarion-life .packed-item.selected{background:#fff0c5}
#bellarion-life .packed-item.tall{background:linear-gradient(#dcc08b,#c49b61)}
#bellarion-life .nomad-frame .character-art{transform-origin:50% 96%;animation:bellarion-idle-preview 5.5s ease-in-out infinite;animation-play-state:paused;will-change:transform}
#bellarion-life[data-idle="on"] .character-art{animation-play-state:running}
#bellarion-life .idle-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#201811dd;padding:0 14px 14px;color:#cbb38b;font-size:11px}
#bellarion-life .idle-controls button{font-size:12px;padding:6px 12px;min-height:36px;background:#32291d;color:#edd3a4;border-color:#8c6b3c}
@keyframes bellarion-idle-preview{0%,100%{transform:translateY(0) scale(1,1) rotate(-.06deg)}50%{transform:translateY(-1px) scale(1.002,1.007) rotate(.06deg)}}
@media(prefers-reduced-motion:reduce){#bellarion-life:not([data-idle="on"]) .character-art{animation:none;will-change:auto}}
@media(pointer:coarse){#bellarion-life .idle-controls button{min-height:44px}}