:root{--paper:#f7f5ef;--card:#fffefa;--ink:#292e2a;--muted:#777b72;--line:#e5e5da;--green:#375b45;--sage:#e9efe4;--gold:#b68735;--violet:#766294;--soft:#eee9f3;--radius:18px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4b790;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;border-right:1px solid var(--line);background:#eeeee5;padding:37px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.brand small{display:block;font-size:7px;letter-spacing:1.8px;font-weight:600;margin-top:3px}.brand-mark{font-family:Georgia,serif;font-size:38px;font-weight:bold;line-height:1;color:var(--green);letter-spacing:-13px;width:44px}.brand-mark span{color:var(--gold)}.nav-label{font-size:10px;color:#898c80;letter-spacing:1.6px;margin:62px 12px 14px;font-weight:600}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;padding:12px;border-radius:9px;text-align:left;color:#757b6f;font-weight:550;display:flex;gap:12px;align-items:center}.nav-item>span:first-child{font-size:21px;line-height:1}.nav-item.active{background:#dde5d5;color:var(--green)}.nav-tag{margin-left:auto;font-size:8px;letter-spacing:1.2px;background:#c9d7bd;padding:3px 5px;border-radius:4px}.sidebar-note{margin:70px 12px auto;color:var(--green)}.sidebar-note h3{font:25px/1.25 Georgia,serif;letter-spacing:-.7px;margin:14px 0}.sidebar-note p{color:#8a8d80;font-size:12px}.tiny-star{color:var(--gold);font-size:25px}.credits{font-size:10px;line-height:1.9;color:#93978a;margin:35px 10px 0}.credits a{text-decoration:none;font-size:9px}.shell{margin-left:248px}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px}.breadcrumb{font-size:10px;letter-spacing:1.5px;color:#909487}.breadcrumb span{margin:0 14px;color:#b3b5ab}.breadcrumb b{font-weight:550;color:#626b5d;letter-spacing:0;font-size:12px}.header-right{display:flex;align-items:center;gap:25px}select{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink)}.status-dot{font-size:10px;color:var(--muted)}.status-dot::before{content:"";display:inline-block;width:6px;height:6px;background:#7c9b6a;border-radius:50%;margin-right:7px}.status-dot.error::before{background:#c86854}main{max-width:1400px;padding:36px 46px 40px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--green);font-weight:700}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:16px}.page-heading h1{font:38px/1.14 Georgia,serif;letter-spacing:-1.4px;margin:8px 0 8px;font-weight:normal}.page-heading h1 em{color:var(--green);font-weight:normal}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-tag{font-size:11px;white-space:nowrap;color:var(--muted);padding-bottom:4px}.top-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.character-card{display:flex;position:relative;min-height:215px;overflow:hidden;padding:26px;gap:20px;align-items:center}.portrait{width:155px;flex-shrink:0;position:relative;height:155px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#cad9b6 0 27%,transparent 28%),linear-gradient(0deg,#dee7d4 0 35%,#edf0df 35% 100%);border-radius:14px;overflow:hidden}.portrait::before{content:"✦";position:absolute;color:#b6ba87;font-size:15px;top:15px;right:22px}.portrait::after{content:"";width:70px;height:11px;border-radius:50%;background:#b7caa6;position:absolute;bottom:29px;left:44px}.pixel{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;position:relative;z-index:1}.portrait img{width:150px;height:150px;transform:translateY(2px)}.character-info{flex:1;min-width:0}.level-pill{color:var(--green);font-size:9px;letter-spacing:1.5px;font-weight:650;display:inline-block;padding:4px 8px;background:var(--sage);border-radius:5px}.character-info h2{font:29px/1.2 Georgia,serif;margin:9px 0 3px}.character-info>p{color:var(--muted);font-size:11px;margin:0 0 18px}.progress-meta{font-size:9px;display:flex;justify-content:space-between;color:var(--muted);gap:12px}.progress{height:5px;background:#edf0e6;border-radius:4px;overflow:hidden;margin:7px 0 13px}.progress>i{display:block;height:100%;background:#8aa572;border-radius:4px}.text-button{background:none;border:0;padding:0;color:var(--green);font-size:11px;text-decoration:underline;text-underline-offset:4px}.week-card{padding:23px 26px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-title h2{font-size:13px;margin:0;font-weight:650}.quiet{font-size:11px;color:var(--muted)}.week-summary{display:flex;align-items:baseline;gap:7px;margin:12px 0 2px}.week-summary strong{font:28px Georgia,serif}.week-summary small{color:var(--muted);font-size:10px}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;height:81px;margin-top:10px}.chart-column{text-align:center;font-size:9px;color:#939887;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.chart-bar{background:#c7d6b7;border-radius:4px 4px 2px 2px;width:70%;min-height:3px}.chart-column:last-child .chart-bar{background:#6d8b57}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 32px}.metric{display:flex;align-items:center;gap:13px;padding:17px 20px}.metric-icon{border-radius:10px;background:var(--sage);width:35px;height:35px;display:grid;place-items:center;color:var(--green);font-size:18px}.metric:nth-child(2) .metric-icon{color:var(--gold);background:#f7eedb}.metric:nth-child(3) .metric-icon{color:#a76848;background:#f5e9dc}.metric:nth-child(4) .metric-icon{color:var(--violet);background:var(--soft)}.metric strong{font:23px/1.1 Georgia,serif}.metric small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.board-grid{display:grid;grid-template-columns:1fr 270px;gap:25px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-head h2{font:23px Georgia,serif;font-weight:normal;margin:0}.section-head p{color:var(--muted);font-size:10px;margin:5px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid transparent;text-decoration:none}.primary{background:var(--green);color:white}.secondary{background:transparent;border-color:var(--line);color:var(--green)}.quest-list{display:grid;gap:9px}.quest-row{display:flex;align-items:center;padding:15px 16px;gap:13px;border-radius:12px;transition:transform .15s,border-color .15s}.quest-row:hover{border-color:#bbcab0;transform:translateY(-1px)}.claim{width:23px;height:23px;flex-shrink:0;border:1px solid #cdd4c4;border-radius:7px;background:transparent;color:var(--green);padding:0;display:grid;place-items:center}.quest-row.done{background:#f1f2eb;opacity:.72}.quest-row.done .claim{background:#dae5ce;border-color:transparent}.quest-title{font-size:12px;font-weight:600;margin:0;line-height:1.4}.quest-meta{font-size:9px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cat{color:var(--green);background:#ebefe5;padding:1px 6px;border-radius:4px}.quest-body{flex:1;min-width:0}.quest-xp{white-space:nowrap;font-size:10px;color:var(--gold);font-weight:600}.quest-edit{color:#8c9282;background:none;border:0;padding:3px 5px;font-size:15px}.quest-details{font-size:10px;color:#7a826f;padding:9px 0 0;max-width:460px}.quest-details summary{cursor:pointer;color:var(--green)}.quest-details ol{padding-left:18px;line-height:1.7}.party-card{padding:21px}.party-card h3{font:20px Georgia,serif;margin:0}.party-person{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.party-person:last-child{border:0;padding-bottom:2px}.party-avatar{width:49px;height:49px;background:#edf0e4;border-radius:12px}.party-avatar img{width:55px;height:55px;margin:-3px}.party-person strong{font-size:11px;display:block}.party-person small{font-size:9px;color:var(--muted)}.party-level{margin-left:auto;color:var(--green);font-size:10px;font-weight:bold}.note-card{padding:22px;margin-top:16px;background:#e9e9dc;border:0}.note-card>span{color:var(--gold);font-size:20px}.note-card h3{font:20px Georgia,serif;margin:9px 0}.note-card p{color:#858b7a;font-size:11px;line-height:1.7;margin:0}.footer-note{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9da28f;margin-top:32px}.loading{padding:60px;text-align:center;color:var(--muted)}.empty{padding:25px;font-size:12px;color:var(--muted)}dialog{padding:29px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);width:560px;max-width:calc(100vw - 28px);max-height:90vh;overflow:auto;box-shadow:0 25px 100px #29362f25}dialog::backdrop{background:#29382e60;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-head h2{font:28px Georgia,serif;font-weight:normal;margin:5px 0}.icon-button{border:0;background:none;font-size:24px;color:var(--muted);padding:0 4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}form input:not([type=checkbox],[type=radio]),form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:11px 12px;border-radius:8px;background:white;color:var(--ink)}.check-label{display:flex;gap:9px;align-items:center;font-weight:normal}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-error{color:#ac4c3e;font-size:11px;min-height:16px;margin:5px 0}fieldset{border:0;padding:0;margin:4px 0 0}legend{font-size:11px;font-weight:600;margin-bottom:12px}#avatar-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-option{background:#f1f2e9;border:2px solid transparent;border-radius:12px;padding:5px;cursor:pointer;text-align:center;margin:0}.avatar-option:has(input:checked){border-color:#6f8b5e;background:#e6eddb}.avatar-option input{position:absolute;opacity:0}.avatar-option:focus-within{outline:2px solid var(--green)}.avatar-option img{display:block;width:90px;height:90px;margin:auto}.avatar-option span{font-size:9px;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,15px);background:var(--green);color:white;border-radius:12px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}#reward-overlay{position:fixed;inset:0;background:#17271ce8;z-index:30;display:none;place-items:center;color:#fff;text-align:center;backdrop-filter:blur(5px)}#reward-overlay.show{display:grid}.reward-content{animation:rewardIn .35s ease-out}.reward-content img{image-rendering:pixelated;animation:heroHop .65s ease-in-out infinite alternate}.reward-content .eyebrow{color:#bbcf9e}.reward-content h2{font:48px Georgia,serif;margin:7px}.reward-content p{color:#edd28b;font-size:19px}.reward-stars{color:#e5bd62;font-size:35px;letter-spacing:12px;animation:shimmer .8s infinite alternate}@keyframes rewardIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes heroHop{to{transform:translateY(-8px)}}@keyframes shimmer{to{opacity:.5;transform:scale(1.12)}}.watch-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:25px}.preview-card{padding:30px;text-align:center;background:#eaece2}.preview-card .eyebrow{margin-bottom:20px}.watch-housing{position:relative;width:310px;height:340px;margin:0 auto}.watch-ring{position:absolute;width:292px;height:292px;background:#282c2c;top:16px;left:9px;border-radius:50%;padding:16px;border:5px solid #555a56;box-shadow:0 10px 25px #30393226,inset 0 0 0 1px #737b70}.watch-ring::before,.watch-ring::after{content:"";position:absolute;width:120px;height:30px;background:#4a504b;left:80px;z-index:-1}.watch-ring::before{top:-28px}.watch-ring::after{bottom:-28px}#watch-canvas{width:250px;height:250px;border-radius:50%;background:#111a15;display:block}.watch-side{position:absolute;background:#51584e;border:1px solid #353d34;width:9px;height:25px;border-radius:3px}.watch-side.left{left:2px}.watch-side.right{right:2px}.watch-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.watch-controls button{background:#fafbf5;border:1px solid #cdd5c3;padding:9px 12px;border-radius:8px;font-size:10px;color:var(--green)}.preview-note{font-size:10px;color:#8a927e;margin:16px auto 0;max-width:270px}.connection-panel{display:grid;gap:15px}.link-card{padding:23px 25px}.link-card h2{font:22px Georgia,serif;font-weight:normal;margin:0 0 13px}.link-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;gap:15px}.link-row:last-child{border:0}.link-row span{color:var(--muted)}.link-card label{display:block;font-size:11px;margin-top:15px;color:var(--muted)}.link-card input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:white;margin:6px 0 10px;font-size:12px}.command{font:10px/1.7 ui-monospace,monospace;background:#f1f3e9;border-radius:9px;padding:13px;overflow-wrap:anywhere;margin:8px 0 12px;color:#56664a}.link-card .button{margin-right:6px;margin-top:6px}.instructions{font-size:11px;color:var(--muted);line-height:1.9;padding-left:17px;margin-bottom:0}.link-info{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0 0}.inline-status{font-size:11px;color:var(--green);margin-top:10px;min-height:18px}@media(min-width:1600px){main{padding-top:50px}.character-card{min-height:240px}}@media(max-width:1150px){.sidebar{width:205px;padding:32px 18px}.shell{margin-left:205px}.brand{font-size:21px}header{padding:0 27px}main{padding:30px 27px}.top-grid{grid-template-columns:1.2fr 1fr}.character-card{padding:20px;gap:13px}.portrait{width:110px;height:140px}.portrait img{width:135px;height:135px}.portrait::after{left:22px}.board-grid{grid-template-columns:1fr 225px}.metrics{gap:9px}.metric{padding:15px 12px;gap:9px}.watch-grid{grid-template-columns:1fr}.preview-card{padding:25px}.sidebar-note{margin-top:60px}}@media(max-width:900px){.top-grid{grid-template-columns:1fr}.character-card{min-height:185px}.portrait{width:145px}.board-grid{grid-template-columns:1fr}.party-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.note-card{margin-top:0}.metrics{grid-template-columns:repeat(2,1fr)}.chart{height:70px}.week-card{padding:20px}.page-heading h1{font-size:33px}}@media(max-width:650px){.sidebar{position:static;width:auto;height:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px}.brand small{font-size:7px}.brand-mark{font-size:34px}.nav-label,.sidebar-note,.credits{display:none}nav{display:flex;margin-top:18px;gap:10px}.nav-item{flex:1;padding:9px 12px;font-size:12px}.nav-tag{display:none}.shell{margin-left:0}header{height:62px;padding:0 20px}.header-right{gap:13px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 7px}.breadcrumb b{font-size:10px}.header-right select{font-size:11px;padding:7px}.status-dot{font-size:0}.status-dot::before{margin:0}main{padding:24px 20px}.page-heading h1{font-size:32px}.date-tag{display:none}.character-card{padding:18px;gap:15px}.portrait{width:120px;height:140px}.character-info h2{font-size:25px}.character-info>p{margin-bottom:12px}.metrics{margin:15px 0 24px}.metric{padding:14px}.board-grid{gap:20px}.party-aside{grid-template-columns:1fr}.note-card{display:none}.quest-row{padding:14px 12px;gap:10px}.quest-title{font-size:11px}.quest-meta{font-size:8px}.quest-xp{font-size:9px}.footer-note{font-size:8px;gap:10px}.form-row{gap:10px}.watch-housing{transform:scale(.9);margin:-10px auto -18px;width:290px}.watch-ring{left:0}.watch-side.right{right:-9px}.watch-side.left{left:-8px}.preview-card{padding:24px 10px}.link-card{padding:20px}.link-card h2{font-size:21px}#toast{left:50%;width:max-content;max-width:90vw}#avatar-picker{gap:6px}.avatar-option img{width:74px;height:74px}.avatar-option span{font-size:8px}.reward-content h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.avatar-option{position:relative}.avatar-option input{inset:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}

#toast{transition:opacity .2s,transform .2s}

.art-workbench{display:flex;gap:24px;padding:24px;margin-bottom:22px}.art-current{min-width:140px;text-align:center}.art-current img{width:160px;height:128px;object-fit:contain;background:#111b16;border-radius:16px}.art-options{flex:1;min-width:0}.art-workbench label,.art-search label{display:grid;gap:8px;font-size:12px}.art-workbench select,.art-search select,.art-search input{max-width:100%;min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}.art-actions,.art-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.art-search{padding:20px;display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:end}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.art-tile{padding:14px;text-align:center;min-width:0}.art-tile img{width:96px;height:80px;object-fit:contain;background:#111b16;border-radius:10px}.art-tile h3{font-size:11px;overflow-wrap:anywhere;min-height:36px}.art-tile button{font-size:10px;width:100%}.art-pagination{justify-content:center;margin:24px 0}button:disabled{opacity:.45;cursor:default}@media(max-width:650px){nav{flex-wrap:wrap}.nav-item{flex:1 1 40%}.art-workbench{flex-direction:column;padding:18px}.art-search{grid-template-columns:1fr}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-current{min-width:0}}