:root{--bg:#15181c;--stone:#2b323a;--stone-dark:#1c2126;--stone-light:#3f4a55;--edge:#0b0d10;--copper:#b87333;--gold:#e9c98b;--orange:#d9905a;--cream:#eadcbc;--muted:#9aa4ad;--parch:#d9c9a2;--parch-dark:#b9a77c;--display:"Palatino Linotype", "Book Antiqua", Palatino, "Iowan Old Style", "Alegreya SC", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at top, #242b33, var(--bg) 70%);color:var(--cream);font:13px/1.4 Verdana,Geneva,Tahoma,sans-serif}#app{max-width:1440px;height:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}:focus-visible{outline:2px solid var(--gold);outline-offset:1px}#menu-btn{display:none}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}h1{font:bold 26px var(--display);font-variant:small-caps;color:var(--cream);text-shadow:0 2px #000,0 0 14px #b8733366;letter-spacing:.08em;margin:0}h1 .logo{width:230px;height:40px;image-rendering:pixelated;display:block}h1{align-items:baseline;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}select,button{color:var(--cream);border:1px solid var(--edge);font:inherit;cursor:pointer;background:linear-gradient(#49545f,#2c333a);border-radius:2px;padding:5px 10px;box-shadow:inset 0 1px #5e6c7a}button:hover{color:var(--gold)}button.active{color:var(--gold);background:linear-gradient(#171b20,#2b323a);box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #b8733355}button.danger:hover{color:#ff7a6a}main{flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:12px;min-height:0;display:grid}.left{flex-direction:column;gap:10px;min-height:0;display:flex}.frame{background:radial-gradient(circle at 8px 8px, var(--copper) 2.2px, #0000 3.2px), radial-gradient(circle at calc(100% - 8px) 8px, var(--copper) 2.2px, #0000 3.2px), radial-gradient(circle at 8px calc(100% - 8px), var(--copper) 2.2px, #0000 3.2px), radial-gradient(circle at calc(100% - 8px) calc(100% - 8px), var(--copper) 2.2px, #0000 3.2px), var(--stone);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px var(--stone-light), inset 0 0 0 3px #11151a;border-radius:3px}#stage{border:3px solid var(--edge);min-height:360px;box-shadow:0 0 0 2px var(--stone-light), 0 6px 20px #000a;border-radius:4px;flex:1;position:relative;overflow:hidden}#stage canvas{width:100%;height:100%;display:block}#status{color:var(--gold);pointer-events:none;text-shadow:0 1px #000;background:#1d2329e6;border:1px solid #b8733388;border-radius:3px;padding:4px 10px;font-weight:700;position:absolute;top:10px;left:10px}#xp-counter{color:var(--cream);text-shadow:0 1px #000;pointer-events:none;background:#1d2329e6;border:1px solid #b8733388;border-radius:3px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}#xp-counter img{width:20px;height:20px}#xp-drops{pointer-events:none;width:120px;height:170px;position:absolute;top:44px;right:18px}.drop{color:#fff;text-shadow:1px 1px #000;align-items:center;gap:4px;font-size:14px;font-weight:700;animation:1.8s linear forwards xp-rise;display:flex;position:absolute;bottom:0;right:0}.drop img{width:18px;height:18px}@keyframes xp-rise{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-160px)}}#chatbox{flex-direction:column;padding:6px;display:flex;position:relative}#chat-head{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 5px 6px;display:flex}#chat-head b{font:bold 13px var(--display);font-variant:small-caps;letter-spacing:.08em;color:var(--gold);text-shadow:0 1px #000}#log{color:#e6dcc4;background:#15191d;border-radius:2px;height:124px;padding:5px 10px;overflow-y:auto;box-shadow:inset 0 0 0 1px #0b0d10,inset 0 1px 4px #000}#log .msg{padding:1px 0 1px 18px;position:relative}#log .msg:before{content:"·";text-align:center;color:#58646f;width:12px;position:absolute;top:0;left:3px}#log .msg[data-cat=levels]:before{content:"▲";color:var(--gold);font-size:9px;top:2px}#log .msg[data-cat=loot]:before{content:"◆";color:#9fd7c8;font-size:9px;top:2px}#log .msg[data-cat=combat]:before{content:"✕";color:#e08a7a}#log .msg[data-cat=travel]:before{content:"➜";color:var(--muted)}#log .msg[data-cat=chat]:before{content:"“";color:#7f95ab;font:700 14px Georgia,serif;top:-1px}#log .msg[data-cat=mastery]:before{content:"✦";color:#7fc8b4;font-size:9px;top:1px}#log .levelup{color:#f3d48a;font-weight:700}#log .upgrade{color:#9fc4ea}#log .away{color:#9fe39a;font-weight:700}#log .info{color:#aab2b8}#log .chat{color:#d9dde2}#log .chat .chat-name{font-weight:700}.overhead-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.overhead{white-space:nowrap;will-change:transform;color:#ff0;text-shadow:1px 1px #000;font:700 14px Arial,Helvetica,sans-serif;position:absolute;top:0;left:0}aside{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}#doing-panel{flex:none}#side{flex-direction:column;flex:1 0 260px;min-height:260px;padding:12px 12px 10px;display:flex}.panel{padding:10px 12px 12px}#side>.tabpanel{scrollbar-gutter:stable;flex:1;min-height:0;padding:8px 2px 2px;overflow-y:auto}#side>.tabpanel:focus-visible{outline-offset:-2px}#tabs{border-bottom:1px solid #b8733355;gap:3px;padding:0 6px;display:flex}#tabs [role=tab]{min-width:0;font:bold 12px var(--display);font-variant:small-caps;letter-spacing:.02em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-bottom:none;border-radius:3px 3px 0 0;flex:auto;padding:6px 4px 5px;overflow:hidden}#tabs [role=tab][aria-selected=true]{background:linear-gradient(#3a434d, var(--stone));color:var(--gold);text-shadow:0 1px #000;position:relative;top:1px;box-shadow:inset 0 1px #6a7886,inset 0 0 0 1px #b8733366}.subtabs{margin:0 0 8px;display:flex}.subtabs [role=tab]{color:var(--muted);border-radius:0;flex:1;padding:3px 6px;font-size:11.5px}.subtabs [role=tab]:first-child{border-radius:3px 0 0 3px}.subtabs [role=tab]:last-child{border-left:none;border-radius:0 3px 3px 0}.subtabs [role=tab][aria-selected=true]{color:var(--gold);background:linear-gradient(#171b20,#2b323a);box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #b8733355}.panel h2{font:bold 15px var(--display);font-variant:small-caps;letter-spacing:.06em;color:var(--gold);text-shadow:0 1px #000;border-bottom:1px solid #b8733355;justify-content:space-between;margin:0 0 8px;padding-bottom:3px;display:flex}.panel h2 span{color:var(--muted);align-self:center;font:12px Verdana,sans-serif}#skills{flex-direction:column;gap:6px;display:flex}#equipment{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.equip-slot{color:var(--cream);align-items:center;gap:6px;font-size:11px;display:flex}.equip-slot .slot{flex:none;width:34px}#equipment .meta{grid-column:1/-1;margin-top:2px}.skill{background:var(--stone-dark);border:1px solid var(--edge);border-radius:3px;align-items:center;gap:10px;padding:8px;display:flex}.skill-icon{width:36px;height:36px}.skill-body{flex:1}.skill-head{color:var(--cream);text-shadow:0 1px #000;justify-content:space-between;font-weight:700;display:flex}.skill-head .lvl{color:var(--gold);font-size:15px}.skill-head small{color:var(--orange);font-weight:400}.bar{border:1px solid var(--edge);background:#101316;border-radius:2px;height:10px;margin:4px 0 3px;overflow:hidden}.bar .fill{background:linear-gradient(#5fd03a,#2f8a1c);height:100%;transition:width .3s}.sub,.meta{color:#b7bec5;font-size:11px}.meta b{color:var(--cream)}.grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.slot{aspect-ratio:1;background:var(--stone-dark);border:1px solid var(--edge);border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px 3px #000}.slot img{filter:drop-shadow(1px 2px #0008);width:72%;height:72%}.slot .qty{color:#fff;text-shadow:0 0 2px #000,1px 1px #000,-1px -1px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}#bank{grid-template-columns:repeat(5,1fr)}#bank .empty{color:var(--muted);grid-column:1/-1;font-style:italic}h1 small{font-variant:normal;letter-spacing:0;color:var(--muted);text-shadow:1px 1px #000;margin-left:8px;font:13px Verdana,sans-serif}.goal{background:var(--stone-dark);border:1px solid var(--edge);border-radius:3px;margin-bottom:6px;padding:7px 8px}.goal.current{border-color:var(--gold)}.goal.bought{opacity:.6}.goal-head{color:var(--gold);text-shadow:1px 1px #000;justify-content:space-between;font-weight:700;display:flex}.goal-price{color:var(--orange)}.goal-blurb{color:#b7bec5;margin:2px 0 4px;font-size:11px}.goal-state{margin-top:4px;font-size:11px}.goal-state button,#goals .sub button{padding:2px 8px;font-size:11px}.goal-state .done{color:#7fd05a;font-weight:700}.goal-state .locked{color:var(--muted);font-style:italic}.goal-state .saving{color:var(--gold);font-weight:700}.bar .fill.gold{background:linear-gradient(#ffd84a,#c99a1e)}#goals h3{font:bold 13px var(--display);font-variant:small-caps;letter-spacing:.05em;color:var(--orange);text-shadow:1px 1px #000;margin:10px 0 4px}#goals h3:first-child{margin-top:0}#goals>.sub{margin-bottom:6px}.goal-state .auto{color:#c9b993}.goal-state button[disabled]{opacity:.4;cursor:default}.goal.locked-goal{opacity:.7}.goal.request .req-line{color:var(--cream);align-items:center;gap:6px;margin:3px 0 2px;font-size:12px;display:flex}.goal.request .req-line img{width:24px;height:24px;image-rendering:pixelated}.rep{margin:2px 0 6px;font-size:11px}.rep-row{color:var(--cream);padding:2px 0}.rep-row .sub{display:block}.goals-done summary{cursor:pointer;color:var(--gold);margin:8px 0 4px;font-size:12px}.tbl{border-collapse:collapse;width:100%;margin:6px 0;font-size:11px}.tbl th{text-align:left;color:var(--orange);border-bottom:1px solid var(--stone-light);padding:2px 4px}.tbl td{border-bottom:1px solid var(--stone-dark);color:var(--cream);padding:2px 4px}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#catchup{z-index:5;background:#000a;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#away-summary{z-index:50;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#000b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#catchup[hidden],#away-summary[hidden]{display:none}#away-summary .summary-box{overscroll-behavior:contain;width:min(460px,100%);min-width:0;max-width:none;max-height:100%;padding-bottom:0;overflow-y:auto}#away-summary .summary-actions{background:linear-gradient(#b9a77c00, var(--parch-dark) 30%);justify-content:center;gap:8px;margin:10px -22px 0;padding:8px 22px 12px;display:flex;position:sticky;bottom:0}#away-summary .summary-actions button{min-width:96px;margin:0}#away-summary .tbl td:first-child{text-align:left}.catchup-box,.summary-box{text-align:center;background:linear-gradient(var(--parch), var(--parch-dark));color:#000;border:2px solid #5a4a2e;border-radius:3px;min-width:min(300px,100%);max-width:460px;padding:16px 22px;box-shadow:0 4px 12px #0008}.catchup-box b{color:#00008b;font-size:15px}.catchup-box .bar{background:#8a7a55;margin-top:8px}.summary-box h3{color:#7a1d00;margin:0 0 6px;font:700 16px Georgia,serif}.summary-box .tbl th,.summary-box .tbl td{color:#000;border-color:#b9a77c}.summary-box .meta,.summary-box .sub{color:#333;margin-top:4px}.summary-box button{margin-top:10px}#chat-tabs{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}#chat-tabs button{border:1px solid var(--stone-light);box-shadow:none;color:var(--muted);background:#0003;border-radius:10px;flex:none;padding:1px 8px;font-size:10.5px}#chat-tabs button.active{color:var(--cream);border-color:var(--copper);background:#b8733322}#chat-tabs #history-btn{color:var(--cream);margin-left:6px}#log.hide-levels .msg[data-cat=levels],#log.hide-mastery .msg[data-cat=mastery],#log.hide-combat .msg[data-cat=combat],#log.hide-loot .msg[data-cat=loot],#log.hide-travel .msg[data-cat=travel],#log.hide-chat .msg[data-cat=chat]{display:none}#log .unlock{color:#9fc4ea}#level-banner{z-index:3;max-width:min(420px,100% - 32px);color:var(--cream);cursor:pointer;background:#1e2228ee;border:1px solid #b87333;border-radius:22px 6px 6px 22px;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px #0008,inset 0 0 0 1px #3a4250}#level-banner[hidden]{display:none}#level-banner img{background:#2c323b;border-radius:50%;flex:none;width:36px;height:36px;box-shadow:0 0 0 2px #b87333}#level-banner b{letter-spacing:.02em;color:#f6e7c1;font-size:17px;display:block}#level-banner span{color:#c9c2b0;font-size:12px;display:block}#level-banner.show{animation:.35s ease-out lvl-in,.5s ease-in 4s forwards lvl-out}@keyframes lvl-in{0%{transform:translate(-50%,-140%)}to{transform:translate(-50%)}}@keyframes lvl-out{to{opacity:0;transform:translate(-50%,-140%)}}@media (width<=700px){#level-banner{top:auto;bottom:10px}#level-banner.show{animation-name:lvl-in-b,lvl-out-b}@keyframes lvl-in-b{0%{transform:translate(-50%,140%)}to{transform:translate(-50%)}}@keyframes lvl-out-b{to{opacity:0;transform:translate(-50%,140%)}}}#doing{font-size:12px}.doing-head{color:var(--gold);text-shadow:1px 1px #000;align-items:center;gap:8px;display:flex}.doing-head img{flex:none;width:28px;height:28px}.doing-why{color:var(--cream);margin:5px 0;font-size:11px}.doing-steps{flex-wrap:wrap;align-items:center;gap:3px;font-size:11px;display:flex}.doing-steps span{background:var(--stone-dark);border:1px solid var(--edge);color:var(--muted);border-radius:2px;padding:1px 5px}.doing-steps span.past{color:#65717c;text-decoration:line-through}.doing-steps span.now{color:#000;background:var(--gold);font-weight:700}.doing-steps i{color:var(--orange);font-style:normal}.doing-block{color:#ffb08a;margin-top:5px;font-size:11px;font-weight:700}.doing-goal{color:#b7bec5;margin-top:6px;font-size:11px}.doing-goal b{color:var(--cream)}.pinned{text-align:left;background:#fff3c4;border:1px solid #b9a77c;border-radius:3px;margin:4px 0 8px;padding:6px 8px}.pinned div{color:#7a1d00;align-items:center;gap:6px;font-weight:700;display:flex}.pinned img{width:20px;height:20px}.pin-star{text-align:center;color:#c99a1e;text-shadow:1px 1px #000;width:20px}.hist-row{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 4px;display:flex}.hist-row .sub{color:#5a4a30;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hist-row img{width:16px;height:16px;image-rendering:pixelated}#log .msg.mastery{color:#7fc8b4;opacity:.85;white-space:nowrap;text-overflow:ellipsis;padding:0 0 0 18px;font-size:10px;line-height:1.2;overflow:hidden}#log .msg.milestone{color:#f0b36a;font-weight:700}.milestone-next{color:#c9b27a}.title-line{margin-top:4px}.fill.mastery{background:linear-gradient(#7fc8b4,#3f8a78)}.doing-mastery{margin-top:6px;font-size:11px}.doing-mastery .bar{margin:2px 0}#ledger details{margin:4px 0}#ledger summary{cursor:pointer;color:var(--orange);font-size:12px}.led-list{grid-template-columns:1fr;gap:1px;max-height:260px;display:grid;overflow-y:auto}.led-row{border-bottom:1px solid var(--stone-dark);color:var(--cream);align-items:center;gap:6px;padding:1px 2px;font-size:11px;display:flex}.led-row img{width:18px;height:18px;image-rendering:pixelated}.led-row .led-name{flex:1;min-width:0}.led-row .num{font-variant-numeric:tabular-nums}.led-row.unknown{color:#6f665a}.led-m{color:#9fd7c8;align-items:center;gap:3px;display:inline-flex}.led-m .bar{width:34px;height:5px;display:inline-block}.led-m .bar .fill{height:100%;display:block}.led-ms{color:var(--cream);border-bottom:1px solid var(--stone-dark);padding:2px 2px 3px;font-size:11px}.led-ms div{color:#c9b27a}.led-ms .num{color:#9fd7c8}#priorities h3{font:bold 13px var(--display);font-variant:small-caps;letter-spacing:.05em;color:var(--orange);text-shadow:1px 1px #000;margin:10px 0 4px}#priorities>.sub{margin-bottom:4px}#priorities select,#priorities input,#priorities button{padding:2px 5px;font-size:11px}#priorities input{color:var(--cream);border:1px solid var(--edge);background:#101316}.pri-skills{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.pri-row{background:var(--stone-dark);border:1px solid var(--edge);color:var(--cream);border-radius:2px;grid-template-columns:18px minmax(0,1fr) 20px auto 38px;align-items:center;gap:5px;padding:2px 4px;font-size:11px;display:grid}.pri-row img{width:18px;height:18px}.pri-row .pri-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pri-row .pri-lvl{color:var(--gold);text-align:right;font-weight:400}.pri-row.favour{border-color:var(--gold)}.pri-row.avoid .pri-name{color:var(--muted)}.pri-seg{display:inline-flex}#priorities .pri-seg button{border-radius:0;padding:1px 4px;font-size:10px}#priorities .pri-seg button+button{border-left:none}#priorities .pri-seg button.active{color:var(--gold);background:linear-gradient(#2e271f,#4a3f32);box-shadow:inset 0 1px 3px #000}.pri-row.avoid .pri-seg button.active{color:#ffb08a}#priorities .pri-target{text-align:right;width:38px;padding:1px 3px}#priorities .pri-target.reached{color:#7fd05a}.pri-line{color:var(--cream);align-items:center;gap:6px;margin:4px 0 2px;font-size:11px;display:flex}.pri-line>span{flex:none;width:70px}.pri-line select{flex:1;min-width:0}.pri-add select{flex:1}#priorities .pri-qty{width:56px}.pri-help{margin:0 0 4px 76px}.pri-stock{background:var(--stone-dark);border:1px solid var(--edge);color:var(--cream);border-radius:2px;align-items:center;gap:6px;margin:4px 0;padding:3px 5px;font-size:11px;display:flex}.pri-stock img{width:24px;height:24px;image-rendering:pixelated}.pri-stock-body{flex:1}.pri-stock-body .bar{height:6px;margin:2px 0 0}.pri-foot{text-align:right;margin-top:8px}.doing-prio{color:#b7bec5;cursor:pointer;flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px;font-size:11px;display:flex}.doing-prio span{border:1px solid var(--edge);background:var(--stone-dark);color:var(--cream);border-radius:2px;padding:0 5px}.doing-prio:hover span{color:var(--gold)}#work-link{border-top:1px solid #b8733355;margin-top:8px;padding-top:8px}#work-link[hidden]{display:none}#work-link.big button{color:#fff3dc;background:linear-gradient(#b87333,#7a4420);border-color:#3a1f0c;width:100%;padding:7px 10px;font-weight:700;box-shadow:inset 0 1px #e0a06a}#work-link.big button:hover{color:var(--gold);background:linear-gradient(#c98040,#874b24)}#work-link.big .sub{margin-top:4px}#work-link.small{text-align:right;border-top:none;margin-top:4px;padding-top:0}#work-link.small button{box-shadow:none;color:var(--orange);text-underline-offset:2px;background:0 0;border:none;padding:2px 0;font-size:12px;text-decoration:underline}#work-link.small button:hover{color:var(--gold)}@media (width<=860px){#app{height:auto;min-height:100%}main{flex:none;grid-template:"stage stage""task side""log side"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;min-height:auto}.left,aside{display:contents}#stage{flex:none;grid-area:stage;height:56vh;min-height:260px}#doing-panel{grid-area:task}#chatbox{grid-area:log;align-self:stretch}#log{flex:auto;height:124px}#side{flex:none;grid-area:side;min-height:0}#side>.tabpanel{max-height:75vh}.grid,#bank{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}#skills{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.skill{gap:6px;padding:6px}.skill-icon{width:28px;height:28px}}@media (width<=860px) and (height<=500px) and (orientation:landscape){#stage{height:calc(100dvh - 24px);min-height:220px}}@media (width<=600px){#app{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));padding-bottom:calc(64px + env(safe-area-inset-bottom))}main{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""task""log""side";gap:8px}#stage{height:46svh;min-height:240px}#side{padding:8px 10px 10px;scroll-margin-top:8px}#side>.tabpanel{max-height:none;padding-top:2px;overflow:visible}#tabs{z-index:40;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:2px solid var(--edge);box-shadow:0 -1px 0 var(--stone-light), 0 -6px 16px #0008;background:linear-gradient(#2f3740,#1c2126);gap:0;position:fixed;bottom:0;left:0;right:0}#tabs [role=tab]{min-height:52px;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1 1 0;padding:4px 2px;font-size:13px}#tabs [role=tab][aria-selected=true]{box-shadow:inset 0 3px 0 var(--copper);background:linear-gradient(#171b20,#2b323a);top:0}#log{flex:none;height:120px}#doing-panel{padding:8px 12px 10px}#doing-panel h2{margin-bottom:4px}.doing-why{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.doing-mastery{display:none}}@media (width<=600px),(pointer:coarse){button,select,summary,#side input{min-height:40px}#priorities .pri-seg button{min-width:40px;font-size:11px}#priorities select,#priorities input,#priorities button{font-size:13px}.pri-row{grid-template-columns:18px minmax(0,1fr) 24px auto 46px;padding:3px 4px}#priorities .pri-target{width:46px}.goal-state button,#goals .sub button{padding:4px 12px;font-size:12px}#ledger summary,.goals-done summary{align-items:center;gap:6px;display:flex}#chat-tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}#chat-tabs button{border-radius:20px;min-height:40px;padding:0 12px;font-size:12px}#chat-head{flex-direction:column;align-items:stretch;gap:4px}#chat-head b{padding-left:6px}.subtabs [role=tab]{font-size:13px}.hist-row{min-height:44px}}@media (width<=600px){header{flex-wrap:wrap;gap:8px;margin-bottom:8px}h1{flex-wrap:wrap;flex:auto;align-items:center;min-width:0}h1 .logo{width:160px;height:28px}h1 small{margin-left:6px;font-size:12px}#menu-btn{flex:none;min-width:64px;display:block}header .controls{order:1}#menu-btn{order:2}header:not(.menu-open) .controls>:not(#account-btn){display:none}header:not(.menu-open) .controls:not(:has(#account-btn)){display:none}header.menu-open .controls{flex-basis:100%;order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}header.menu-open .controls>*{width:100%;max-width:none;margin:0}header.menu-open #focus{grid-column:1/-1}#menu-btn[aria-expanded=true]{color:var(--gold);background:linear-gradient(#171b20,#2b323a);box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #b8733355}#account-btn{max-width:130px}#dev-panel{margin-top:0}}html body :is(#account-overlay,#work-overlay,#lb-overlay,#saves-overlay,#chooser,#takeover){padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}html body :is(#account-menu,#work-menu,#lb-menu,#saves-menu){overscroll-behavior:contain;max-width:100%;max-height:100%}html body :is(#chooser,#takeover) .summary-box{max-height:100%;overflow-y:auto}html body :is(#saves-notice,#saves-old-tab,#update-banner){max-width:calc(100vw - 24px)}@media (width<=600px){html body :is(#account-menu,#work-menu,#lb-menu,#saves-menu){width:100%;padding:12px}html body #chooser .choice{flex-basis:100%;min-width:0}html body #saves-notice,html body #saves-old-tab{bottom:calc(64px + env(safe-area-inset-bottom))}html body #saves-menu .btnrow{flex-wrap:wrap}}@media (width<=600px),(pointer:coarse){html body :is(#account-menu,#work-menu,#lb-menu,#saves-menu) :is(button,select),html body :is(#account-menu,#work-menu,#lb-menu,#saves-menu) input:not([type=checkbox]):not([type=radio]){min-height:40px}html body :is(#saves-notice,#saves-old-tab) button{min-width:40px;min-height:40px;top:0;right:0}html body #credit-chip{min-height:30px}html body #credit-chip:after{content:"";position:absolute;inset:-6px}}