:root{color-scheme:dark;--bg:#131016;--surface:#1c1720;--surface-raised:#211c26;--border:#2e2635;--text:#e9e5ec;--muted:#907da1;--accent:#c198e7;--accent-dim:#a67acf;--soft-accent:#2d2336;--gold:#d9bc77;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button{color:inherit}a{color:inherit}button,input,select,textarea{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,border-color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}button:disabled:active{transform:none}button svg,.icon{width:18px;height:18px;display:block;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}svg{max-width:100%}.skip{position:fixed;top:-60px;left:10px;z-index:100;padding:10px;background:var(--accent);color:var(--bg)}.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#18141b;border-right:1px solid var(--border);padding:32px 16px 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:0 10px 43px;font-size:25px;font-weight:850;letter-spacing:1.6px;line-height:1.05}.brand-symbol{display:grid;place-items:center;color:var(--accent);width:42px;height:46px;font-size:52px;font-weight:400;letter-spacing:0}.brand-small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:8px;font-weight:500}.nav-label{font-size:9px;color:#79658c;letter-spacing:1.7px;padding:0 13px;margin-bottom:12px;font-weight:600}.nav-item{width:100%;display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;padding:12px 12px;margin-bottom:5px;border-radius:7px;text-align:left;font-size:12px;color:#a090ae;white-space:nowrap}.nav-item.active{background:#2c2533;border-color:#392d45;color:#d4b8ee;font-weight:600}.nav-item:not(.active):hover{background:#26202c;color:var(--text)}.nav-count{margin-left:auto;font-size:10px;padding:0 5px;border-radius:4px;background:#3d3049;line-height:20px}.sidebar-next{display:flex;align-items:center;gap:10px;padding:25px 12px;color:#6f5c80;font-size:11px;border-top:1px solid var(--border);margin-top:19px}.soon{font-size:7px;letter-spacing:.7px;margin-left:auto;border:1px solid #342c3c;padding:2px 4px;border-radius:3px}.sidebar-bottom{margin-top:auto}.adventure-note{margin:30px 12px 23px;padding:18px 10px 5px 0;border-top:1px solid var(--border)}.sparkle{font-size:29px;color:#a48bbc;display:block;margin-bottom:8px}.adventure-note strong{font-size:11px;color:#b9adc4;font-weight:500}.adventure-note p{font-size:11px;color:#7a668c;margin-top:6px;line-height:1.8}.profile{display:flex;align-items:center;gap:9px;padding:21px 4px;border-top:1px solid var(--border);margin-top:12px}.avatar{display:grid;place-items:center;background:#352b3e;color:#bc9ed9;width:35px;height:35px;border-radius:10px;border:1px solid #473756;font-family:Georgia,serif;font-size:19px}.profile strong{display:block;font-size:11px;font-weight:500}.profile small{display:flex;align-items:center;gap:5px;margin-top:4px;color:#826d96;font-size:9px}.profile-level{margin-left:auto;color:#b59fca;border:1px solid #3d3247;font-size:9px;border-radius:4px;padding:1px 5px}.app-shell{margin-left:222px}.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:15px;color:var(--muted)}.breadcrumb span{color:#554762}.breadcrumb strong{font-weight:450;color:#c9c0d2}.save-status{display:flex;align-items:center;gap:7px;color:#917ea2;font-size:10px}.status-dot{width:5px;height:5px;background:#9770bc;border-radius:50%;display:inline-block}.save-status.error{color:#f1a396}.save-status.error .status-dot{background:#f1a396}main{padding:33px 36px 20px;max-width:1780px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:600;color:#917fa2}h1{font-size:30px;letter-spacing:-1.2px;font-weight:650;line-height:1.25;margin-top:9px}h1>span{color:var(--accent)}.page-heading p{color:var(--muted);font-size:12px;margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:7px;font-size:11px;line-height:1.4;font-weight:500;white-space:nowrap;min-height:38px;text-decoration:none}.button.secondary{background:#1e1923;color:#c8bfd1}.button.secondary:hover{background:#2c2533;border-color:#4c4058}.button.primary{background:var(--accent);color:#271835;border-color:var(--accent);font-weight:650}.button.primary:hover{background:#d0b2ed}.button svg{width:15px;height:15px}.hero{min-height:224px;background:linear-gradient(115deg,#2e2438,#2b2332 42%,#241e2a);border:1px solid #3f314d;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;padding:25px 32px;margin-bottom:22px}.hero-copy{position:relative;z-index:2;flex:1}.hero-tag{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#bea0da;font-weight:500}.hero-tag svg{width:13px;height:13px}.hero h2{font-size:31px;line-height:1.18;font-weight:550;letter-spacing:-.8px;color:#ece3f5;margin:14px 0 10px}.hero p{font-size:11px;color:#a89ab6}.hero-foot{display:flex;align-items:center;gap:6px;margin-top:18px;font-size:9px;color:#bda6d2}.tiny-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.hero-art{position:absolute;width:430px;height:230px;left:40%;bottom:0;color:#9e82b9;opacity:.9}.hero-art svg{position:absolute;bottom:5px;width:400px;left:15px}.orbit{border:1px solid #9774b81a;border-radius:50%;position:absolute;left:79px;top:-15px;height:280px;width:280px}.orbit-two{left:107px;top:11px;height:225px;width:225px}.hero-rune{position:absolute;left:110px;top:12px;font-size:125px;color:#a07cc10c;transform:rotate(15deg)}.art-caption{position:absolute;bottom:13px;text-align:center;left:69px;right:28px;font-size:6px;letter-spacing:2px;color:#8c75a2}.hero-progress{position:relative;z-index:2;margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:15px;width:173px}.hero-progress>span{font-size:10px;color:#ad9ebb}.progress-ring{background:conic-gradient(var(--accent) var(--progress,0%),#c198e71c 0);border-radius:50%;width:117px;height:117px;padding:5px;transform:rotate(0deg)}.progress-ring>div{background:#2a2330;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:33px;font-weight:550;color:#e4d5f3;letter-spacing:-1px}.progress-ring strong span{font-size:18px;margin-left:2px;color:#b09bc3}.progress-ring>div>span{font-size:9px;color:#9987aa;margin-top:-1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:33px}.stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:17px 18px;display:flex;gap:12px;align-items:flex-start}.stat-icon{display:grid;place-items:center;background:#2a2331;border-radius:8px;padding:9px;color:#9b7eb6;margin-top:2px}.stat-icon.gold{color:#cbb478;background:#332e20}.stat-icon.blue{color:#93afba;background:#253035}.stat-label{color:#9583a6;font-size:10px}.stat-value{font-size:27px;font-weight:550;line-height:1.35;letter-spacing:-.5px}.stat-hint{font-size:9px;color:#7c678f}.stat-value small{font-size:13px;color:#836f96;margin-left:4px;font-weight:400}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:550;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}.pill{background:#2c2434;color:#b193ce;border:1px solid #3b2e47;border-radius:4px;font-size:7px;letter-spacing:.8px;line-height:18px;padding:0 5px;font-weight:500}.section-heading p{color:var(--muted);font-size:10px;margin-top:6px}.week-arrows{display:flex;gap:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:5px;width:29px;height:29px;color:#8d7a9e}.icon-button:hover{background:#2e2735;color:#d3c0e5}.week-arrows .icon-button{border-color:var(--border);background:var(--surface)}.icon-button svg{width:15px;height:15px}.search-row{display:flex;gap:9px;margin-bottom:15px}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:#1c1820;border:1px solid var(--border);border-radius:6px;padding:0 10px;height:36px;color:#87739a}.search-box input{background:transparent;border:0;color:var(--text);font-size:10px;width:100%;height:100%;outline-offset:0}.search-box input:focus{outline:0}.search-box:focus-within{border-color:#9570b7}.search-box svg{width:14px;height:14px}input::placeholder,textarea::placeholder{color:#736084}.search-box kbd{font-size:9px;border:1px solid #3e3448;border-radius:3px;padding:0 5px;color:#8b789d}.select-wrap{display:flex;align-items:center;gap:6px;background:#1c1820;border:1px solid var(--border);border-radius:6px;padding:0 9px;color:#8c789e;max-width:174px}.select-wrap svg{width:13px}.select-wrap select{background:transparent;border:0;color:#a799b5;font-size:9px;max-width:135px;height:34px;cursor:pointer}.select-wrap option{background:#211b26}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:18px}.tabs{display:flex;align-items:center;gap:4px}.tab{padding:6px 9px;display:flex;align-items:center;gap:7px;background:transparent;border-radius:5px;color:#8e7ba0;font-size:10px}.tab.active{background:#2d2435;color:#c9ace5}.tab span{font-size:8px;background:#ffffff08;min-width:16px;padding:0 3px;border-radius:3px}.tab:hover{background:#2c2533}.key-filter{display:flex;align-items:center;gap:5px;color:#8c789e;font-size:9px;cursor:pointer;white-space:nowrap}.key-filter input{accent-color:var(--accent);height:12px;width:12px;margin:0 3px 0 0}.key-filter svg{width:12px;height:12px}.dungeon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dungeon-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:border-color .2s,transform .2s;min-width:0}.dungeon-card:hover{border-color:#534560;transform:translateY(-2px)}.dungeon-card.completed{border-color:#4d3663}.card-art{height:162px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 75%,var(--tint,#426269) -110%,#1d1822 83%)}.card-art:before{content:"";position:absolute;width:110px;height:110px;border:1px solid #d9c3ee14;border-radius:50%;left:calc(50% - 55px);top:35px;box-shadow:0 0 0 18px #d9c3ee04,0 0 0 38px #d9c3ee02}.card-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:37px;background:linear-gradient(transparent,var(--surface))}.card-art img{height:133px;width:82%;object-fit:contain;position:absolute;bottom:8px;left:9%;filter:drop-shadow(0 10px 12px #0007);transition:transform .25s}.dungeon-card:hover .card-art img{transform:scale(1.06)}.level-badge{position:absolute;left:11px;top:11px;z-index:1;font-size:8px;color:#c9bbd6;background:#19151cba;border:1px solid #6857773b;padding:2px 6px;border-radius:4px}.card-check{position:absolute;right:11px;top:11px;border:1px solid #66557650;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#907da1;background:#241d2a80;z-index:1}.card-check svg{width:13px;height:13px}.completed .card-check{background:var(--accent);color:#2b1b3a;border-color:var(--accent)}.card-content{padding:2px 14px 13px}.card-region{font-size:8px;color:#9684a6;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.card-content h3{font-size:14px;line-height:1.25;font-weight:600;letter-spacing:-.2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-name{font-size:9px;line-height:1.6;color:#836e96;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 12px;min-height:15px}.card-meta{display:flex;gap:5px;align-items:center;justify-content:space-between;font-size:8px;padding-bottom:12px;color:#9b8aab;min-height:24px}.card-meta>span{display:flex;gap:4px;align-items:center}.card-meta svg{width:11px;height:11px}.card-meta .no-key{color:#b7a67c}.seasonal{color:#b7a67c;font-size:7px}.card-action{display:flex;width:100%;justify-content:center;align-items:center;gap:6px;background:#29222f;color:#bea6d4;border:1px solid #3f324c;padding:8px 4px;border-radius:6px;font-size:9px;font-weight:500}.card-action svg{width:13px;height:13px}.card-action:hover{background:#372b42;border-color:#654c7d}.completed .card-action{background:#c198e714;color:#c198e7;border-color:#533d68}.drop-tag{color:var(--gold)!important}.history-notice{font-size:11px;background:#2a2331;border:1px solid #3f334b;color:#bcaccb;padding:12px;border-radius:8px;margin-bottom:17px}.catalog-foot{display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#6c5a7d;line-height:1.8;padding:22px 0}.catalog-foot svg{width:12px;height:12px;margin-top:3px}.catalog-foot a{color:#9d89af;text-underline-offset:2px}.right-rail{padding-top:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:12px;font-weight:550;display:flex;align-items:center;gap:7px}.panel-heading svg{width:14px;height:14px;color:#a087b7}.text-button{padding:0;background:none;color:#b491d4;font-size:10px}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.panel-subtitle{font-size:9px;color:#836f96;margin-top:7px}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px}.calendar-month strong{font-size:11px;font-weight:500;text-transform:capitalize}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#756287;font-size:8px;margin-bottom:5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}.calendar-day{position:relative;display:grid;place-items:center;font-size:10px;color:#a89ab6;aspect-ratio:1;background:transparent;border:1px solid transparent;padding:0}.calendar-day.outside{color:#493d55}.calendar-day.in-week{background:#2c2335}.calendar-day.week-start{border-radius:5px 0 0 5px}.calendar-day.week-end{border-radius:0 5px 5px 0}.calendar-day.selected{background:var(--accent);color:#2d1d3c;font-weight:650;border-radius:5px}.calendar-day.today:not(.selected){border-color:#79569a;border-radius:5px}.calendar-day.has-activity:after{position:absolute;content:"";height:3px;width:3px;border-radius:50%;background:#c4a0e6;bottom:3px}.calendar-day.selected.has-activity:after{background:#3c2155}.calendar-day:hover:not(:disabled):not(.selected){background:#453654}.calendar-legend{border-top:1px solid var(--border);padding-top:12px;margin-top:14px;display:flex;flex-wrap:wrap;gap:7px 10px;font-size:7px;color:#917ea2}.calendar-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{background:#b085d8;width:4px;height:4px;border-radius:50%}.legend-week{width:8px;height:8px;background:#392b47;border-radius:2px}.reset-panel{display:grid;grid-template-columns:29px 1fr;gap:10px;background:#241e2a;border:1px solid #3b2e47;border-radius:10px;padding:17px;margin-top:15px}.reset-icon{color:#b795d7;background:#382a45;border:1px solid #4e3961;border-radius:7px;height:28px;display:grid;place-items:center}.reset-icon svg{width:14px}.reset-panel .eyebrow{font-size:7px;letter-spacing:1.1px;color:#9980b0}.reset-panel h3{font-size:13px;font-weight:500;margin:4px 0;color:#cfb7e6}.reset-panel p{font-size:8px;color:#907da1}.reset-note{font-size:9px;color:#857198;line-height:1.8;grid-column:1/-1;border-top:1px solid #3a2e45;padding-top:11px;margin-top:2px}.activity-panel{margin-top:15px}.activity-empty{text-align:center;padding:25px 0 8px}.activity-empty>span{display:inline-flex;background:#292230;border:1px dashed #4c3b5b;border-radius:50%;padding:11px;color:#755f8a;margin-bottom:12px}.activity-empty p{font-size:10px;color:#a698b4;margin-bottom:5px}.activity-empty small{display:block;color:#746185;font-size:9px;line-height:1.7}.activity-item{display:flex;gap:9px;padding-top:15px;align-items:center}.activity-item img{width:33px;height:35px;object-fit:contain;background:#2e2635;border-radius:6px}.activity-item strong{font-size:10px;font-weight:500;display:block}.activity-item small{color:#867199;font-size:8px}.activity-item>.activity-drop{margin-left:auto;color:#d7bd75}.activity-drop svg{width:12px;height:12px}.local-note{display:flex;gap:8px;margin:19px 8px;color:#736084;font-size:8px;line-height:1.8}.local-note svg{width:14px;height:14px;margin-top:2px}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);font-size:8px;color:#685777;padding:18px 0;gap:15px;margin-top:14px}.empty-state{text-align:center;padding:55px 20px;background:#1c1720;border:1px dashed #392d45;border-radius:10px}.empty-state>span{color:#7f6795;display:inline-flex;margin-bottom:15px}.empty-state h3{font-size:16px;font-weight:500}.empty-state p{font-size:11px;color:var(--muted);margin:7px 0 20px}.modal{width:min(440px,calc(100% - 32px));background:#1f1a23;color:var(--text);border:1px solid #4e3e5d;border-radius:16px;padding:29px;box-shadow:0 20px 100px #0008;max-height:calc(100dvh - 40px)}.modal::backdrop{background:#08050ab8;backdrop-filter:blur(6px)}.close-modal{position:absolute;right:12px;top:12px}.modal-portrait{height:115px;display:grid;place-items:center;background:radial-gradient(ellipse,#6c498c33,transparent 65%);margin-bottom:15px}.modal-portrait img{height:115px;width:140px;object-fit:contain;filter:drop-shadow(0 9px 9px #0005)}.modal .eyebrow{text-align:center;font-size:8px;color:#9f80bc}.modal h2{text-align:center;font-size:24px;font-weight:550;letter-spacing:-.7px;margin:7px 0}.modal-subtitle{text-align:center;font-size:11px;color:#9482a4;margin-bottom:24px}.field-label{display:block;font-size:11px;color:#b7aac3;margin-bottom:7px}.field-label>span{color:#776489;font-size:9px;margin-left:4px}.date-input,textarea{width:100%;background:#17131b;border:1px solid #3e314b;border-radius:6px;padding:10px;color:#c9b7d9;font-size:12px}textarea{resize:vertical;min-height:65px}.drop-field{border:0;padding:0;margin:21px 0}.drop-field legend{font-size:12px;color:#beafcc;margin-bottom:10px}.drop-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drop-options label{cursor:pointer;position:relative}.drop-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.drop-options label>span{font-size:10px;border:1px solid #40324d;border-radius:7px;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 5px;color:#9e89b1}.drop-options svg{width:15px}.drop-options input:checked+span{border-color:#a57bcd;background:#382947;color:#d1b3ed}.drop-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:23px}.modal-actions .danger{margin-right:auto;font-size:9px;color:#cf9b85}.modal-actions .button{padding:10px}.form-error{color:#e5a38e;font-size:11px;margin-top:9px}.about-modal{width:min(530px,calc(100% - 32px));padding:32px}.about-modal .brand-symbol{margin:auto}.about-modal h2{font-size:23px;margin:17px 0}.about-modal p{font-size:12px;color:#a494b3;margin-bottom:15px;line-height:1.8}.about-modal code{font-size:10px;color:#c4b4d3}.about-modal a{color:#c8a9e5}.about-modal>.button{margin-top:5px;width:100%}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:#d4bcea;color:#281c34;border:1px solid #e1cdf3;border-radius:9px;box-shadow:0 7px 40px #0005;padding:13px 20px;font-size:12px;max-width:90vw}.toast.error{background:#edc1b4;color:#542b20;border-color:#f2cfc3}.loading{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.loader{width:18px;height:18px;border:2px solid #3c2f49;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.report-panel h2{font-size:19px;font-weight:500}.report-panel>p{font-size:12px;color:var(--muted);margin:8px 0 18px}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.report-table th{text-align:left;color:#907da1;font-size:9px;font-weight:500;letter-spacing:.5px}.report-table th,.report-table td{padding:14px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.report-table tr:last-child td{border-bottom:0}.report-table tbody tr:hover{background:#26202c}.report-table td small{color:#776489;font-size:10px}.report-progress{width:100px;height:4px;background:#33293d;border-radius:4px;display:inline-block;vertical-align:middle;margin-right:8px}.report-progress i{display:block;height:100%;background:var(--accent);border-radius:4px}
@media(min-width:1600px){main{padding-left:45px;padding-right:45px}.workspace-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px}.card-art{height:200px}.card-art img{height:169px}.card-content{padding:5px 18px 17px}.card-content h3{font-size:16px}.card-name{font-size:10px}.card-action{font-size:11px}.hero-art{left:45%}.hero-progress{margin-right:30px}}
@media(max-width:1250px){.sidebar{width:196px;padding:28px 10px 0}.app-shell{margin-left:196px}.brand{padding-left:9px;font-size:23px;gap:8px}.brand-small{font-size:7px}.brand-symbol{width:34px}.nav-item{font-size:11px;padding:11px 10px;gap:8px}.nav-label{font-size:8px}.sidebar-next{padding:20px 8px;gap:5px;font-size:10px}.soon{font-size:6px}main{padding:28px 24px 16px}.topbar{padding:0 24px}.workspace-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.dungeon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{left:32%}.stat{padding:14px 12px;gap:8px}.stat-icon{padding:7px}.stat-label{font-size:9px}.hero-progress{width:139px}.page-heading h1{font-size:27px}.stats{gap:10px}.panel{padding:15px}.filter-row{flex-wrap:wrap}.search-row{flex-wrap:wrap}.search-box{min-width:170px}}
@media(max-width:960px){.sidebar{width:180px}.app-shell{margin-left:180px}.brand{font-size:21px}.brand-small{font-size:6px}.soon{display:none}.workspace-layout{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.calendar-panel{grid-row:span 2}.reset-panel,.activity-panel{margin:0}.local-note{grid-column:1/-1;margin:0 5px}.dungeon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{left:37%;opacity:.5}.hero-progress{width:115px}.hero{padding:24px}.hero h2{font-size:29px}.hero p{max-width:220px}.stat-icon{display:none}.stat-value{font-size:25px}.page-heading{align-items:flex-start}.export-button{font-size:0;padding:10px}.export-button svg{width:17px;height:17px}.page-heading h1{font-size:26px}.card-content{padding:2px 11px 11px}.card-art{height:145px}.card-art img{height:120px}.card-content h3{font-size:12px}.card-meta{font-size:7px}.card-action{font-size:8px}.key-filter{margin-left:auto}}
@media(max-width:760px){.sidebar{width:72px;padding:21px 10px 0}.brand{padding:0 0 29px;justify-content:center}.brand>span:last-child,.nav-label,.nav-count,.sidebar-next,.adventure-note,.profile,.sidebar-bottom{display:none}.brand-symbol{font-size:43px}.nav-item{font-size:0;justify-content:center;padding:14px 0}.nav-item span[data-icon]{display:inline-flex}.nav-item svg{width:20px;height:20px}.app-shell{margin-left:72px}.topbar{height:55px;padding:0 18px}.save-status{font-size:8px}.breadcrumb{font-size:9px;gap:8px}main{padding:25px 18px 10px}.hero{min-height:206px}.hero-progress{display:none}.hero-art{left:36%;opacity:.65}.page-heading h1{font-size:25px}.eyebrow{font-size:7px}.page-heading p{font-size:10px}.dungeon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:160px}.card-art img{height:135px}.card-content{padding:2px 14px 13px}.card-content h3{font-size:14px}.card-action{font-size:10px}.card-meta{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:27px}.stat-icon{display:grid}.stat-label{font-size:10px}.stat-hint{font-size:8px}.hero-foot{font-size:8px}.toast{left:50%}.page-footer{align-items:flex-start;font-size:7px}.page-footer span:last-child{text-align:right;max-width:170px}}
@media(max-width:480px){.sidebar{width:55px;padding-left:6px;padding-right:6px}.app-shell{margin-left:55px}.topbar{padding:0 13px}.save-status{font-size:0;gap:0}.save-status .status-dot{width:6px;height:6px}.breadcrumb{font-size:9px}main{padding:24px 13px 10px}.page-heading{gap:9px;margin-bottom:20px}.page-heading h1{font-size:24px;max-width:250px;letter-spacing:-.7px}.eyebrow{font-size:6px;letter-spacing:1px}.page-heading p{font-size:10px;line-height:1.7}.export-button{padding:7px;min-height:32px}.hero{padding:21px;min-height:225px}.hero-art{left:25%;bottom:-5px;opacity:.3;pointer-events:none}.hero-copy{z-index:2}.hero h2{font-size:28px}.hero p{font-size:10px;max-width:170px}.hero-foot{font-size:7px}.stat{padding:13px 11px;gap:8px}.stat-icon{padding:6px}.stat-icon svg{width:14px;height:14px}.stat-value{font-size:25px}.stat-label{font-size:8px}.stat-hint{font-size:7px}.section-heading h2{font-size:16px}.pill{font-size:6px}.section-heading h2{gap:6px}.section-heading p{font-size:9px}.dungeon-grid{gap:10px}.card-art{height:142px}.card-art img{height:119px}.card-content{padding:1px 10px 10px}.card-content h3{font-size:12px}.card-region{font-size:7px}.card-name{font-size:8px;margin-bottom:9px}.card-action{font-size:8px;padding:8px 3px}.card-action svg{width:11px;height:11px}.card-meta{font-size:7px;gap:3px;padding-bottom:10px;flex-wrap:wrap}.card-meta svg{width:9px;height:9px}.level-badge{font-size:7px;left:8px;top:8px}.card-check{right:8px;top:8px;width:19px;height:19px}.search-row{gap:7px}.search-box{min-width:100%;height:36px}.select-wrap{max-width:none;height:31px;flex:1}.select-wrap select{max-width:100%;width:100%;font-size:10px;height:29px}.tab{font-size:9px;padding:6px 7px;gap:5px}.tabs{gap:3px}.filter-row{row-gap:10px}.key-filter{font-size:8px}.right-rail{grid-template-columns:1fr}.calendar-panel{grid-row:auto}.calendar-day{aspect-ratio:1.25}.local-note{grid-column:auto}.page-footer{font-size:6px}.drop-options label>span{font-size:9px;gap:4px}.modal{padding:24px}.modal-actions{gap:5px;flex-wrap:wrap}.modal-actions .button{font-size:10px}.modal-actions .danger{font-size:9px}.report-panel{padding:16px}.report-panel h2{font-size:17px}.report-table td,.report-table th{padding:12px 8px}.report-progress{width:65px}.report-actions .button{font-size:10px}}
@media(max-width:960px){body[data-view="history"] .right-rail{order:-1;display:block}body[data-view="history"] .right-rail .reset-panel,body[data-view="history"] .right-rail .activity-panel,body[data-view="history"] .right-rail .local-note{display:none}body[data-view="history"] .calendar-days{max-width:400px;margin:0 auto}body[data-view="history"] .calendar-day{aspect-ratio:1.8}body[data-view="history"] .calendar-weekdays{max-width:400px;margin:0 auto 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}