@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p.ttf) format("truetype")}:root{--bg: #0c0e0a;--bg-deep: #070805;--panel: #14170f;--panel-alt: #1b1f15;--wall: #101208;--cream: #eae6d2;--cream-dim: #9a967f;--amber: #e0a458;--amber-dim: #7a5a30;--green: #8fae74;--green-dim: #4d5e3d;--red: #c1554b;--red-dim: #6b2f29;--border-dark: #050503;--shadow-dark: #000000;font-size:16px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--cream);font-family:"Press Start 2P",Courier New,monospace;overflow-x:hidden;min-height:100vh}body{line-height:1.6;font-size:11px}::selection{background:var(--amber);color:var(--bg-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--amber-dim);border:2px solid var(--bg-deep)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pixel-panel{background:var(--panel-alt);border:2px solid var(--border-dark);box-shadow:0 0 0 2px var(--amber),0 0 0 4px var(--border-dark),6px 6px 0 0 var(--shadow-dark)}.panel{background:var(--panel);border:2px solid var(--border-dark);box-shadow:0 0 0 2px var(--cream-dim),4px 4px 0 0 var(--shadow-dark);padding:14px;position:relative}.app{max-width:1400px;margin:0 auto;padding:14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel-alt);border:2px solid var(--border-dark);box-shadow:0 0 0 2px var(--amber-dim),4px 4px 0 0 var(--shadow-dark);margin-bottom:16px}.topbar-title{font-size:14px;letter-spacing:2px;color:var(--amber);text-shadow:2px 2px 0 var(--shadow-dark)}.brand-bracket{color:var(--cream-dim)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.layout{display:grid;grid-template-columns:200px minmax(0,1.35fr) 230px;gap:16px;align-items:start}.panel-title{font-size:11px;color:var(--amber);letter-spacing:1px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px dashed var(--amber-dim)}.sidebar-divider{height:2px;background:repeating-linear-gradient(to right,var(--cream-dim) 0,var(--cream-dim) 4px,transparent 4px,transparent 8px);margin:16px 0;opacity:.5}.routine-list{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}.routine-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px;background:var(--panel-alt);border:2px solid var(--border-dark);cursor:pointer;font-size:10px;color:var(--cream-dim)}.routine-item:hover{color:var(--cream);border-color:var(--amber-dim)}.routine-item.active{color:var(--bg-deep);background:var(--amber);border-color:var(--border-dark);box-shadow:3px 3px 0 0 var(--shadow-dark)}.routine-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-delete-btn{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-family:inherit;font-size:11px;padding:0 2px}.routine-delete-btn:hover{opacity:1;color:var(--red)}.case-file{font-size:9.5px;color:var(--cream-dim);display:flex;flex-direction:column;gap:8px}.case-file .cf-row{display:flex;justify-content:space-between;gap:8px}.case-file .cf-value{color:var(--cream);text-align:right}.wall-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.wall-unit{background:var(--panel);border:2px solid var(--border-dark);box-shadow:0 0 0 3px var(--amber-dim),7px 7px 0 0 var(--shadow-dark);display:flex;flex-direction:column;overflow:hidden}.wall-unit-label{text-align:center;padding:12px 14px 0;font-size:11px;letter-spacing:1px;color:var(--cream-dim)}.wall-unit-label .bracket{color:var(--amber)}.jail-frame{display:grid;grid-template-columns:22px 1fr 22px;background:var(--wall);min-height:420px;position:relative;overflow:hidden;margin-top:10px}.jail-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%);background-size:8px 8px;background-position:0 0,4px 4px;pointer-events:none}.jail-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(112deg,rgba(234,230,210,.03) 0px,rgba(234,230,210,.03) 1px,transparent 1px,transparent 41px),repeating-linear-gradient(24deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 57px)}.jail-bars{background-repeat:repeat-x;background-image:repeating-linear-gradient(to right,var(--border-dark) 0px,var(--border-dark) 6px,#2b2f22 6px,#2b2f22 9px,var(--border-dark) 9px,var(--border-dark) 15px,transparent 15px,transparent 22px);box-shadow:inset -2px 0 0 var(--shadow-dark)}.tally-stage-wrap{padding:28px 24px;overflow-y:auto;overflow-x:hidden;max-height:620px;position:relative;z-index:1}.tally-stage{display:flex;flex-wrap:wrap;gap:26px 30px;align-items:flex-end;min-height:160px}.wall-empty-state{margin:auto;text-align:center;padding:36px 16px}.wall-empty-title{font-size:15px;color:var(--cream-dim);letter-spacing:2px;margin-bottom:12px}.wall-empty-sub{font-size:9.5px;color:var(--amber-dim);letter-spacing:1.5px}.wall-empty-sub:after{content:"_";animation:blinkCursor 1s steps(1,end) infinite}@keyframes blinkCursor{50%{opacity:0}}.tally-group{cursor:pointer;padding:4px;border:2px solid transparent}.tally-group:hover{border-color:var(--amber-dim);background:#e0a45814}.tally-group svg{display:block;overflow:visible;width:190px;height:146px}.particle{position:fixed;pointer-events:none;z-index:10000;box-shadow:0 0 0 1px var(--shadow-dark)}.prev-sentences{margin-top:10px;padding-top:10px;border-top:2px dashed var(--border-dark);display:flex;flex-direction:column;gap:8px}.prev-sentence-row{display:flex;align-items:center;gap:10px;opacity:.5;filter:grayscale(.4)}.prev-sentence-row:hover{opacity:.85}.prev-sentence-label{font-size:8.5px;color:var(--red);white-space:nowrap;letter-spacing:.5px}.prev-sentence-tallies{display:flex;gap:8px;flex-wrap:wrap;transform:scale(.6);transform-origin:left center}.wall-stats-strip{text-align:center;padding:12px 14px 2px;border-top:2px dashed var(--border-dark)}.day-counter{font-size:34px;color:var(--amber);text-shadow:2px 2px 0 var(--shadow-dark),0 0 14px rgba(224,164,88,.2);margin:0;letter-spacing:2px}.wall-chips-strip{text-align:center;padding:14px 14px 16px;border-top:2px dashed var(--border-dark)}.streak-line-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.streak-chip{background:var(--panel-alt);border:2px solid var(--border-dark);box-shadow:2px 2px 0 0 var(--shadow-dark);padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-width:140px}.streak-chip .chip-label{font-size:8px;color:var(--cream-dim);letter-spacing:1px}.streak-chip .chip-value{font-size:13px;color:var(--green)}.streak-chip.chip-amber .chip-value{color:var(--amber)}.wall-unit .wall-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 14px;border-top:2px dashed var(--border-dark);background:var(--panel-alt)}.pixel-btn{font-family:inherit;font-size:11px;color:var(--bg-deep);background:var(--green);border:none;padding:14px 22px;cursor:pointer;box-shadow:inset -3px -4px 0 0 var(--green-dim),inset 3px 3px #c8dcb8,3px 3px 0 0 var(--shadow-dark);letter-spacing:1px}.pixel-btn:disabled{cursor:default;opacity:.7}.pixel-btn-big{font-size:13px;padding:18px 28px}.pixel-btn-small{background:var(--amber);box-shadow:inset -3px -4px 0 0 var(--amber-dim),inset 3px 3px #f6dcb0,3px 3px 0 0 var(--shadow-dark);padding:8px 14px;font-size:9.5px}.pixel-btn-tiny{background:var(--amber);box-shadow:inset -2px -3px 0 0 var(--amber-dim),inset 2px 2px #f6dcb0,2px 2px 0 0 var(--shadow-dark);padding:6px 10px;font-size:10px}.pixel-btn-danger{background:var(--red);box-shadow:inset -3px -4px 0 0 var(--red-dim),inset 3px 3px #e2a49d,3px 3px 0 0 var(--shadow-dark)}.cell-log{display:flex;flex-direction:column;gap:12px;padding-top:2px}.cell-log .panel-title{font-size:10px;opacity:.85}.cell-log-head{display:flex;align-items:center;justify-content:space-between}.calendar-box{background:var(--panel-alt);border:1px solid var(--border-dark);box-shadow:2px 2px 0 0 var(--shadow-dark);padding:10px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-label{font-size:9px;color:var(--amber);letter-spacing:1px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--cream-dim);font-size:7.5px;margin-bottom:5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-cell{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:7.5px;background:var(--wall);border:1px solid var(--border-dark);color:var(--cream-dim);cursor:default;position:relative}.cal-cell.in-range{cursor:pointer}.cal-cell.in-range:hover{border-color:var(--amber)}.cal-cell.empty{background:transparent;border-color:transparent;cursor:default}.cal-cell.future{color:#3a3d31}.cal-cell.done{background:var(--green-dim);color:var(--cream);box-shadow:inset 0 0 0 1px var(--green)}.cal-cell.missed{background:#c1554b26;color:var(--red)}.cal-cell.has-note:before{content:"";position:absolute;top:1px;right:1px;width:3px;height:3px;background:var(--parchment)}.cal-cell.pending{background:var(--wall);color:var(--cream-dim)}.cal-cell.shielded{background:#78a0d229;color:#9fc4e8;box-shadow:inset 0 0 0 1px #9fc4e866}.cal-cell.unscheduled{background:transparent;color:#3f4236;border-color:#ffffff0f}.cal-cell.today{outline:2px solid var(--amber);outline-offset:-1px}.cal-cell.start-day:after{content:"";position:absolute;bottom:1px;left:1px;right:1px;height:2px;background:var(--amber)}.bar-log-title{font-size:8.5px;color:var(--cream-dim);letter-spacing:1px;margin:0 0 6px;opacity:.85}.bar-log-rows{display:flex;flex-direction:column;gap:4px}.bar-row{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;font-size:8px}.bar-row .bar-day-label{color:var(--cream-dim);white-space:nowrap}.bar-row .bar-track{background:var(--wall);border:1px solid var(--border-dark);height:10px;overflow:hidden}.bar-row .bar-fill{height:100%;background:repeating-linear-gradient(to right,var(--green) 0px,var(--green) 3px,var(--green-dim) 3px,var(--green-dim) 4px)}.bar-log-empty{color:var(--cream-dim);font-size:9px;opacity:.7}.stats-list{margin:0;display:flex;flex-direction:column;gap:10px}.stats-list .stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.stats-list dt{font-size:8.5px;color:var(--cream-dim);letter-spacing:.5px;margin:0}.stats-list dd{font-size:12px;color:var(--amber);margin:0;text-align:right}.achievements-grid{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;padding-right:4px}.achievement-badge{position:relative;display:flex;align-items:center;gap:10px;padding:8px;background:var(--panel-alt);border:2px solid var(--border-dark);opacity:.55;filter:grayscale(1) brightness(.75)}.achievement-badge.unlocked{opacity:1;filter:none;border-color:var(--amber);box-shadow:2px 2px 0 0 var(--shadow-dark),inset 0 0 0 1px var(--amber-dim)}.achievement-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.achievement-bar{display:block;height:4px;margin-top:3px;background:var(--border-dark);border:1px solid var(--shadow-dark)}.achievement-bar-fill{display:block;height:100%;background:var(--amber-dim)}.achievement-title{font-size:9px;color:var(--cream)}.achievement-days{font-size:8px;color:var(--cream-dim)}.achievement-date{font-size:7.5px;color:var(--green);letter-spacing:.5px}.achievement-badge.unlocked .achievement-title{color:var(--amber)}.achievement-lock-badge{position:absolute;bottom:3px;right:3px;background:var(--bg-deep);border:1px solid var(--border-dark);padding:2px;line-height:0}.pixel-icon{display:grid;grid-template-columns:repeat(8,3px);grid-template-rows:repeat(8,3px);flex-shrink:0}.pixel-icon span{width:3px;height:3px}.pixel-icon span.on{background:var(--cream-dim)}.achievement-badge.unlocked .pixel-icon span.on{background:var(--amber)}.achievement-lock-badge .pixel-icon{grid-template-columns:repeat(8,2px);grid-template-rows:repeat(8,2px)}.achievement-lock-badge .pixel-icon span{width:2px;height:2px}.achievement-lock-badge .pixel-icon span.on{background:var(--cream-dim)}.tooltip{position:fixed;z-index:10000;background:var(--cream);color:var(--bg-deep);font-size:8.5px;padding:6px 8px;border:2px solid var(--border-dark);box-shadow:2px 2px 0 0 var(--shadow-dark);pointer-events:none;letter-spacing:.5px;max-width:160px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040503b8;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.modal{min-width:260px;max-width:90vw;padding:18px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);max-height:min(100%,calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y:auto;overscroll-behavior:contain}.modal-x{position:sticky;top:-10px;z-index:3;align-self:flex-end;flex:0 0 auto;width:28px;height:28px;margin:-10px -10px -42px 0;padding:0;background:var(--panel-alt);border:2px solid var(--amber-dim);cursor:pointer}.modal-x:hover,.modal-x:focus-visible{border-color:var(--amber);outline:none}.modal-x:before,.modal-x:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--cream);transform:translate(-50%,-50%) rotate(45deg)}.modal-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-title{font-size:12px;color:var(--amber);letter-spacing:1px;text-align:center}.modal-body{font-size:10px;color:var(--cream);line-height:1.8}.modal-actions{display:flex;justify-content:center;gap:10px}.field-label{display:block;font-size:8.5px;color:var(--cream-dim);margin:8px 0 4px;letter-spacing:.5px}.pixel-input{width:100%;font-family:inherit;font-size:10px;background:var(--wall);color:var(--cream);border:2px solid var(--border-dark);box-shadow:inset 2px 2px #00000080;padding:8px}.pixel-input:focus{outline:2px solid var(--amber)}@media(pointer:coarse){.pixel-input{font-size:16px}}.group-date-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--border-dark)}.group-date-row:last-child{border-bottom:none}.achievement-popup{position:fixed;top:24px;left:50%;z-index:10001}.achievement-popup-inner{padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:220px}.achievement-popup-label{font-size:8px;color:var(--red);letter-spacing:1px}.achievement-popup-title{font-size:13px;color:var(--amber);text-align:center}.achievement-popup-days{font-size:9px;color:var(--cream-dim)}.achievement-icon-slot .pixel-icon span.on{background:var(--amber)}.achievement-icon-slot .pixel-icon{grid-template-columns:repeat(8,5px);grid-template-rows:repeat(8,5px)}.achievement-icon-slot .pixel-icon span{width:5px;height:5px}.cutoff-row{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 6px}.cutoff-row .choice-btn{flex:0 0 auto}.settings-note-quiet{font-size:7px;color:var(--cream-dim);letter-spacing:.5px;margin:0;line-height:1.7}.routine-edit-btn{flex:0 0 auto;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;padding:0;opacity:.5}.routine-edit-btn:hover,.routine-edit-btn:focus-visible{opacity:1}.edit-glyph{width:9px;height:9px;border:2px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}.edit-warning{margin:10px 0 0;padding:8px 10px;border:2px solid var(--red, #b4574d);background:var(--panel-alt)}.edit-warning-head{font-size:7.5px;letter-spacing:1px;color:var(--red, #b4574d);margin-bottom:5px}.edit-warning p{margin:0 0 4px;font-size:7.5px;line-height:1.7;color:var(--cream)}.edit-warning p:last-child{margin-bottom:0}.archived-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.archived-row{display:flex;align-items:center;gap:6px}.archived-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:8px;color:var(--cream)}.archived-meta{font-size:6.5px;color:var(--cream-dim);letter-spacing:.5px}.pixel-btn.danger{border-color:var(--red, #b4574d);color:var(--red, #b4574d)}.settings-note-quiet.warn{color:var(--amber)}.guide-body{min-height:134px}@media(max-width:900px){.guide-body{min-height:251px}}.guide-page{display:flex;flex-direction:column;gap:8px}.guide-head{display:flex;align-items:center;gap:10px}.guide-icon .pixel-icon span.on{background:var(--amber)}.guide-title{margin:0;font-size:11px;color:var(--amber);letter-spacing:1px}.guide-lead{margin:0;font-size:8.5px;line-height:1.8;color:var(--cream)}.guide-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.guide-points li{position:relative;padding-left:12px;font-size:8px;line-height:1.8;color:var(--cream-dim)}.guide-points li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;background:var(--amber-dim)}.guide-marker{margin:12px 0 0;text-align:center;font-size:7px;letter-spacing:2px;color:var(--cream-dim)}.guide-actions{flex-wrap:wrap}.guide-actions .pixel-btn:disabled{opacity:.32}.guide-skip{margin-left:auto}.rally{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:2px 0 8px;padding:6px 10px;background:var(--panel-alt);border:2px solid var(--amber-dim)}.rally.won{border-color:var(--green)}.rally-label{font-size:7px;color:var(--amber);letter-spacing:1px}.rally.won .rally-label{color:var(--green)}.rally-pips{display:inline-flex;gap:3px}.rally-pip{width:7px;height:7px;background:transparent;border:1px solid var(--amber-dim)}.rally-pip.lit{background:var(--amber);border-color:var(--amber)}.rally.won .rally-pip.lit{background:var(--green);border-color:var(--green)}.rally-line{font-size:7.5px;color:var(--cream-dim);letter-spacing:.5px}.rally.won .rally-line{color:var(--cream)}.report-body{display:flex;flex-direction:column;gap:10px}.report-verdict{font-size:8.5px;line-height:1.7;color:var(--amber);margin:0}.report-range{font-size:7.5px;color:var(--cream-dim);letter-spacing:.5px;margin:0}.report-figures{gap:7px}.delta-up{color:var(--green)}.delta-down{color:var(--cream-dim)}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:end;padding:8px 0 2px;border-top:2px solid var(--border-dark);border-bottom:2px solid var(--border-dark)}.week-bar{display:flex;flex-direction:column;align-items:center;gap:4px}.week-bar-track{width:100%;height:44px;display:flex;align-items:flex-end;background:var(--panel-alt);border:1px solid var(--border-dark)}.week-bar-fill{width:100%;background:var(--amber-dim)}.week-bar.best .week-bar-fill{background:var(--amber)}.week-bar.thin .week-bar-fill{background:var(--border-dark)}.week-bar-label{font-size:6.5px;color:var(--cream-dim);letter-spacing:.5px}.week-bar.best .week-bar-label{color:var(--amber)}.report-patterns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pattern{display:flex;flex-direction:column;gap:3px;padding-left:8px;border-left:2px solid var(--border-dark)}.pattern.good{border-left-color:var(--green)}.pattern.soft{border-left-color:var(--amber-dim)}.pattern-text{font-size:8px;line-height:1.7;color:var(--cream)}.pattern-sample{font-size:6.5px;color:var(--cream-dim);letter-spacing:.5px}.report-waiting{font-size:8px;line-height:1.7;color:var(--cream-dim);margin:0}@media(max-width:900px){.layout{display:flex;flex-direction:column}.wall-panel,.stats-panel{display:contents}[data-area=wall-unit]{order:1}[data-area=stats]{order:2}[data-area=cell-log]{order:3}[data-area=achievements]{order:4}[data-area=report],.sidebar{order:5}.panel{padding:12px}.day-counter{font-size:28px}.jail-frame{min-height:320px}.tally-stage-wrap{max-height:460px;padding:20px 16px}.tally-stage{gap:18px 20px}.tally-group svg{width:150px;height:115px}}@media(max-width:520px){:root{font-size:15px}body{font-size:10px}.topbar-title{font-size:11px}.streak-chip{min-width:110px}.day-counter{font-size:24px}.tally-group svg{width:118px;height:91px}.tally-stage{gap:14px 16px}}:root{--ink-outline: 1px 0 0 #120d08, -1px 0 0 #120d08, 0 1px 0 #120d08, 0 -1px 0 #120d08, 1px 1px 0 #120d08, -1px 1px 0 #120d08, 1px -1px 0 #120d08, -1px -1px 0 #120d08;--chalk: #ece4cf;--gold-text: #f2c46b;--parchment: #d8c79a;--parchment-ink: #3a2e1c;--bronze: #8a6a3a;--hud-wood: rgba(26, 17, 9, .8);--hud-iron: rgba(15, 16, 20, .8);--hud-wood-edge: rgba(138, 106, 58, .8);--hud-iron-edge: rgba(120, 122, 132, .6);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-h: 64px}.app{max-width:none;padding:0;margin:0}.game-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#0b0907}.game-shake{position:absolute;top:0;right:0;bottom:0;left:0}.scene-canvas{position:absolute;container-type:inline-size}.scene-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.scene-wall{position:absolute;z-index:1}.scene-title{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.fx-layer>span{position:absolute;background-repeat:no-repeat;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:var(--delay, 0s)}.fx-layer.fx-paused>span{animation-play-state:paused}.fx-step-3{background-size:300% 100%}.fx-step-4{background-size:400% 100%}.fx-step-5{background-size:500% 100%}.fx-step-6{background-size:600% 100%}.fx-step-11{background-size:1100% 100%}@keyframes fx-f3{0%,33.32%{background-position-x:0%}33.33%,66.65%{background-position-x:50%}66.66%,to{background-position-x:100%}}@keyframes fx-f4{0%,24.99%{background-position-x:0%}25%,49.99%{background-position-x:33.3333%}50%,74.99%{background-position-x:66.6667%}75%,to{background-position-x:100%}}@keyframes fx-f5{0%,19.99%{background-position-x:0%}20%,39.99%{background-position-x:25%}40%,59.99%{background-position-x:50%}60%,79.99%{background-position-x:75%}80%,to{background-position-x:100%}}@keyframes fx-f6{0%,16.65%{background-position-x:0%}16.66%,33.32%{background-position-x:20%}33.33%,49.99%{background-position-x:40%}50%,66.65%{background-position-x:60%}66.66%,83.32%{background-position-x:80%}83.33%,to{background-position-x:100%}}@keyframes fx-f11{0%,9.08%{background-position-x:0%}9.09%,18.17%{background-position-x:10%}18.18%,27.26%{background-position-x:20%}27.27%,36.35%{background-position-x:30%}36.36%,45.44%{background-position-x:40%}45.45%,54.53%{background-position-x:50%}54.54%,63.62%{background-position-x:60%}63.63%,72.71%{background-position-x:70%}72.72%,81.80%{background-position-x:80%}81.81%,90.89%{background-position-x:90%}90.90%,to{background-position-x:100%}}.fx-flame{animation-name:fx-f11,fx-flicker;animation-timing-function:steps(1,end),ease-in-out;transform-origin:50% 100%}@keyframes fx-flicker{0%,to{opacity:.9;transform:scaleY(1)}35%{opacity:1;transform:scaleY(1.06)}70%{opacity:.94;transform:scaleY(.97)}}.fx-star{animation-name:fx-f4,fx-twinkle;animation-duration:var(--dur, 4s),var(--dur, 4s);animation-timing-function:steps(1,end),ease-in-out}@keyframes fx-twinkle{0%,to{opacity:.25}45%{opacity:1}}.fx-shoot{animation-name:fx-shoot-move,fx-shoot-fade,fx-f5;animation-duration:var(--dur, 26s);animation-timing-function:linear,linear,steps(1,end)}@keyframes fx-shoot-move{0%,92%{transform:translate(0)}to{transform:translate(var(--tx, 4cqw),var(--ty, 1.5cqw))}}@keyframes fx-shoot-fade{0%,92%{opacity:0}94%{opacity:1}99%,to{opacity:0}}.fx-cloud{opacity:var(--op, .6);animation-name:fx-slide;animation-duration:var(--dur, 70s)}.fx-mist{opacity:.55;animation-name:fx-slide,fx-breathe;animation-duration:var(--dur, 50s),14s}@keyframes fx-slide{0%,to{transform:translate(calc(var(--tx, 2cqw) * -1))}50%{transform:translate(var(--tx, 2cqw))}}@keyframes fx-breathe{0%,to{opacity:.4}50%{opacity:.7}}.fx-firefly{animation-name:fx-f4,fx-wander-0,fx-blink;animation-duration:.5s,var(--dur, 15s),var(--blink, 4s);animation-timing-function:steps(1,end),ease-in-out,ease-in-out}.fx-firefly.fx-path-1{animation-name:fx-f4,fx-wander-1,fx-blink}.fx-firefly.fx-path-2{animation-name:fx-f4,fx-wander-2,fx-blink}@keyframes fx-blink{0%,to{opacity:.15}30%{opacity:1}58%{opacity:.8}74%{opacity:.2}}.fx-fglow{animation-name:fx-blink;animation-duration:var(--blink, 4s)}.fx-mote{opacity:.75;animation-name:fx-wander-0,fx-breathe;animation-duration:var(--dur, 20s),7s}.fx-mote.fx-path-1{animation-name:fx-wander-1,fx-breathe}.fx-mote.fx-path-2{animation-name:fx-wander-2,fx-breathe}@keyframes fx-wander-0{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--amp) * .9),calc(var(--amp) * -.55))}50%{transform:translate(calc(var(--amp) * .35),calc(var(--amp) * -1.2))}75%{transform:translate(calc(var(--amp) * -.8),calc(var(--amp) * -.45))}}@keyframes fx-wander-1{0%,to{transform:translate(0)}30%{transform:translate(calc(var(--amp) * -.75),calc(var(--amp) * .5))}60%{transform:translate(calc(var(--amp) * -1.15),calc(var(--amp) * -.5))}80%{transform:translate(calc(var(--amp) * -.3),calc(var(--amp) * -.9))}}@keyframes fx-wander-2{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--amp) * .45),calc(var(--amp) * .75))}55%{transform:translate(calc(var(--amp) * 1.15),calc(var(--amp) * .1))}85%{transform:translate(calc(var(--amp) * .5),calc(var(--amp) * -.7))}}.fx-traveller{animation-name:fx-f4,fx-cross;animation-duration:.42s,var(--dur, 22s);animation-timing-function:steps(1,end),ease-in-out}.fx-traveller.fx-step-5{animation-name:fx-f5,fx-cross}.fx-traveller.flip{scale:-1 1}@keyframes fx-cross{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--span) * .5),calc(var(--bob) * -1))}50%{transform:translate(var(--span))}75%{transform:translate(calc(var(--span) * .5),var(--bob))}}.fx-ember{animation-name:fx-f3,fx-rise;animation-duration:.42s,var(--dur, 4.5s);animation-timing-function:steps(1,end),ease-out}@keyframes fx-rise{0%{transform:translate(0) scale(.7);opacity:0}12%{opacity:.95}70%{opacity:.5}to{transform:translate(calc(var(--rise) * .25),calc(var(--rise) * -1)) scale(1);opacity:0}}.fx-cat-ledge{background-position-x:0%;clip-path:inset(var(--seam, 100%) 0 0 0);animation:none}.fx-cat{clip-path:inset(0 0 calc(100% - var(--seam, 100%)) 0);transform-origin:50% var(--seam, 100%);animation-name:fx-f6,fx-cat-breathe,fx-cat-settle;animation-timing-function:steps(1,end),ease-in-out,ease-in-out}@keyframes fx-cat-breathe{0%,to{scale:1 1}45%{scale:1.012 1.035}}@keyframes fx-cat-settle{0%,78%,to{rotate:0deg;translate:0 0}82%{rotate:-2deg;translate:-1.5% 0}86%{rotate:1deg;translate:.5% 0}90%{rotate:0deg;translate:0 0}}.fx-zzz{animation-name:fx-zzz;animation-duration:var(--dur, 5.4s);animation-timing-function:linear}@keyframes fx-zzz{0%{transform:translate(0) scale(.55);opacity:0}15%{opacity:.95}70%{opacity:.7}to{transform:translate(calc(var(--rise) * .45),calc(var(--rise) * -1)) scale(1.1);opacity:0}}.fx-shaft{opacity:.3;mix-blend-mode:screen;animation-name:fx-shaft;animation-duration:var(--dur, 12s)}@keyframes fx-shaft{0%,to{opacity:.16}50%{opacity:.36}}@keyframes fx-drift-0{0%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}4.167%{transform:translate(calc(var(--amp) * .318),calc(var(--amp) * -.13))}8.333%{transform:translate(calc(var(--amp) * .57),calc(var(--amp) * -.271))}12.5%{transform:translate(calc(var(--amp) * .721),calc(var(--amp) * -.396))}16.667%{transform:translate(calc(var(--amp) * .779),calc(var(--amp) * -.491))}20.833%{transform:translate(calc(var(--amp) * .784),calc(var(--amp) * -.555))}25%{transform:translate(calc(var(--amp) * .78),calc(var(--amp) * -.6))}29.167%{transform:translate(calc(var(--amp) * .784),calc(var(--amp) * -.645))}33.333%{transform:translate(calc(var(--amp) * .779),calc(var(--amp) * -.709))}37.5%{transform:translate(calc(var(--amp) * .721),calc(var(--amp) * -.804))}41.667%{transform:translate(calc(var(--amp) * .57),calc(var(--amp) * -.929))}45.833%{transform:translate(calc(var(--amp) * .318),calc(var(--amp) * -1.07))}50%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * -1.2))}54.167%{transform:translate(calc(var(--amp) * -.318),calc(var(--amp) * -1.29))}58.333%{transform:translate(calc(var(--amp) * -.57),calc(var(--amp) * -1.31))}62.5%{transform:translate(calc(var(--amp) * -.721),calc(var(--amp) * -1.244))}66.667%{transform:translate(calc(var(--amp) * -.779),calc(var(--amp) * -1.091))}70.833%{transform:translate(calc(var(--amp) * -.784),calc(var(--amp) * -.865))}75%{transform:translate(calc(var(--amp) * -.78),calc(var(--amp) * -.6))}79.167%{transform:translate(calc(var(--amp) * -.784),calc(var(--amp) * -.335))}83.333%{transform:translate(calc(var(--amp) * -.779),calc(var(--amp) * -.109))}87.5%{transform:translate(calc(var(--amp) * -.721),calc(var(--amp) * .044))}91.667%{transform:translate(calc(var(--amp) * -.57),calc(var(--amp) * .11))}95.833%{transform:translate(calc(var(--amp) * -.318),calc(var(--amp) * .09))}to{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}}@keyframes fx-drift-1{0%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}4.167%{transform:translate(calc(var(--amp) * -.082),calc(var(--amp) * .087))}8.333%{transform:translate(calc(var(--amp) * -.183),calc(var(--amp) * .09))}12.5%{transform:translate(calc(var(--amp) * -.316),calc(var(--amp) * .034))}16.667%{transform:translate(calc(var(--amp) * -.476),calc(var(--amp) * -.047))}20.833%{transform:translate(calc(var(--amp) * -.648),calc(var(--amp) * -.114))}25%{transform:translate(calc(var(--amp) * -.8),calc(var(--amp) * -.14))}29.167%{transform:translate(calc(var(--amp) * -.898),calc(var(--amp) * -.114))}33.333%{transform:translate(calc(var(--amp) * -.909),calc(var(--amp) * -.047))}37.5%{transform:translate(calc(var(--amp) * -.816),calc(var(--amp) * .034))}41.667%{transform:translate(calc(var(--amp) * -.617),calc(var(--amp) * .09))}45.833%{transform:translate(calc(var(--amp) * -.332),calc(var(--amp) * .087))}50%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}54.167%{transform:translate(calc(var(--amp) * .332),calc(var(--amp) * -.172))}58.333%{transform:translate(calc(var(--amp) * .617),calc(var(--amp) * -.41))}62.5%{transform:translate(calc(var(--amp) * .816),calc(var(--amp) * -.674))}66.667%{transform:translate(calc(var(--amp) * .909),calc(var(--amp) * -.913))}70.833%{transform:translate(calc(var(--amp) * .898),calc(var(--amp) * -1.08))}75%{transform:translate(calc(var(--amp) * .8),calc(var(--amp) * -1.14))}79.167%{transform:translate(calc(var(--amp) * .648),calc(var(--amp) * -1.08))}83.333%{transform:translate(calc(var(--amp) * .476),calc(var(--amp) * -.913))}87.5%{transform:translate(calc(var(--amp) * .316),calc(var(--amp) * -.674))}91.667%{transform:translate(calc(var(--amp) * .183),calc(var(--amp) * -.41))}95.833%{transform:translate(calc(var(--amp) * .082),calc(var(--amp) * -.172))}to{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}}@keyframes fx-drift-2{0%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}4.167%{transform:translate(calc(var(--amp) * .246),calc(var(--amp) * .244))}8.333%{transform:translate(calc(var(--amp) * .475),calc(var(--amp) * .409))}12.5%{transform:translate(calc(var(--amp) * .672),calc(var(--amp) * .447))}16.667%{transform:translate(calc(var(--amp) * .823),calc(var(--amp) * .343))}20.833%{transform:translate(calc(var(--amp) * .918),calc(var(--amp) * .117))}25%{transform:translate(calc(var(--amp) * .95),calc(var(--amp) * -.18))}29.167%{transform:translate(calc(var(--amp) * .918),calc(var(--amp) * -.477))}33.333%{transform:translate(calc(var(--amp) * .823),calc(var(--amp) * -.703))}37.5%{transform:translate(calc(var(--amp) * .672),calc(var(--amp) * -.807))}41.667%{transform:translate(calc(var(--amp) * .475),calc(var(--amp) * -.769))}45.833%{transform:translate(calc(var(--amp) * .246),calc(var(--amp) * -.604))}50%{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * -.36))}54.167%{transform:translate(calc(var(--amp) * -.246),calc(var(--amp) * -.104))}58.333%{transform:translate(calc(var(--amp) * -.475),calc(var(--amp) * .097))}62.5%{transform:translate(calc(var(--amp) * -.672),calc(var(--amp) * .193))}66.667%{transform:translate(calc(var(--amp) * -.823),calc(var(--amp) * .163))}70.833%{transform:translate(calc(var(--amp) * -.918),calc(var(--amp) * .023))}75%{transform:translate(calc(var(--amp) * -.95),calc(var(--amp) * -.18))}79.167%{transform:translate(calc(var(--amp) * -.918),calc(var(--amp) * -.383))}83.333%{transform:translate(calc(var(--amp) * -.823),calc(var(--amp) * -.523))}87.5%{transform:translate(calc(var(--amp) * -.672),calc(var(--amp) * -.553))}91.667%{transform:translate(calc(var(--amp) * -.475),calc(var(--amp) * -.457))}95.833%{transform:translate(calc(var(--amp) * -.246),calc(var(--amp) * -.256))}to{transform:translate(calc(var(--amp) * 0),calc(var(--amp) * 0))}}.fx-fluid .fx-firefly{animation-name:fx-f4,fx-drift-0,fx-blink;animation-timing-function:steps(1,end),linear,ease-in-out;will-change:transform,opacity}.fx-fluid .fx-firefly.fx-path-1{animation-name:fx-f4,fx-drift-1,fx-blink}.fx-fluid .fx-firefly.fx-path-2{animation-name:fx-f4,fx-drift-2,fx-blink}.fx-fluid .fx-mote{animation-name:fx-drift-0,fx-breathe;animation-timing-function:linear,ease-in-out;will-change:transform,opacity}.fx-fluid .fx-mote.fx-path-1{animation-name:fx-drift-1,fx-breathe}.fx-fluid .fx-mote.fx-path-2{animation-name:fx-drift-2,fx-breathe}.fx-fluid .fx-traveller{animation-name:fx-f4,fx-travel,fx-face,fx-bob;animation-duration:.42s,var(--dur, 22s),var(--dur, 22s),calc(var(--dur, 22s) / 9);animation-timing-function:steps(1,end),ease-in-out,steps(1,end),ease-in-out;animation-direction:normal,normal,normal,alternate;animation-delay:var(--delay, 0s),var(--delay, 0s),var(--delay, 0s),calc(var(--delay, 0s) / 3);will-change:translate,transform}.fx-fluid .fx-traveller.fx-step-5{animation-name:fx-f5,fx-travel,fx-face,fx-bob}.fx-fluid .fx-traveller.flip{scale:none;animation-name:fx-f4,fx-travel-rev,fx-face-rev,fx-bob}.fx-fluid .fx-traveller.flip.fx-step-5{animation-name:fx-f5,fx-travel-rev,fx-face-rev,fx-bob}@keyframes fx-travel{0%,to{translate:0 0}50%{translate:var(--span) 0}}@keyframes fx-travel-rev{0%,to{translate:var(--span) 0}50%{translate:0 0}}@keyframes fx-face{0%{scale:1 1}50%,to{scale:-1 1}}@keyframes fx-face-rev{0%{scale:-1 1}50%,to{scale:1 1}}@keyframes fx-bob{0%{transform:translateY(calc(var(--bob) * -.35))}to{transform:translateY(calc(var(--bob) * .35))}}.fx-fluid .fx-ember.fx-fall{animation-name:fx-f3,fx-fall;animation-timing-function:steps(1,end),cubic-bezier(.45,0,.9,.65);will-change:transform,opacity}@keyframes fx-fall{0%{transform:translate(0) scale(.8);opacity:0}8%{opacity:1}65%{opacity:.75}to{transform:translate(calc(var(--rise) * -.12),calc(var(--rise) * -1)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.fx-cloud,.fx-mist,.fx-mote,.fx-star,.fx-shaft,.fx-fglow,.fx-cat{animation:none}.fx-traveller,.fx-ember,.fx-shoot,.fx-zzz,.fx-firefly{display:none}}@media(prefers-reduced-motion:reduce){.fx-fluid .fx-mote{animation:none}.fx-fluid .fx-traveller,.fx-fluid .fx-ember,.fx-fluid .fx-firefly{display:none}}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 46%,#0000 60%,#0000006b)}.scene-routine-name{font-size:max(.88cqw,12px);letter-spacing:.2em;color:var(--gold-text);text-shadow:2px 2px 0 #000;white-space:nowrap;padding:.42em 1.3em .36em;background:#1a1109e0;border:2px solid var(--hud-wood-edge);box-shadow:0 0 0 2px #0a070499,3px 4px #00000059}.scene-wall .jail-frame{display:block;height:100%;min-height:0;margin:0;background:none;overflow:hidden}.scene-wall .jail-frame:before,.scene-wall .jail-frame:after{content:none}.scene-wall .tally-stage-wrap{height:100%;max-height:none;overflow-y:auto;overflow-x:hidden;padding:2.4cqw calc(2.2cqw + var(--wall-inset-r, 0px)) 2cqw calc(2.2cqw + var(--wall-inset-l, 0px));background-image:var(--wall-surface);background-repeat:repeat;background-size:var(--wall-tile, 24cqw 24cqw);background-attachment:local;box-shadow:inset 0 0 2.5cqw #0000008c;scrollbar-width:thin;scrollbar-color:rgba(236,228,207,.35) transparent;transition:filter 1.6s ease}.scene-wall .tally-stage{gap:1cqw 1.2cqw;min-height:0}.tally-defs{position:absolute;width:0;height:0;overflow:hidden}.scene-wall .tally-group{padding:.2cqw;border:0;background:none}.scene-wall .tally-group svg{width:4.1cqw;height:3.95cqw;overflow:visible}.scene-wall .tally-group:hover{background:none;filter:brightness(1.15)}.game-view{--tally-chalk: #d8d1b8;--tally-slash: #c7bea2;--tally-groove: #25231d;--tally-chip: #7f7968}.game-view[data-theme=neon]{--tally-chalk: #cfe9f2;--tally-slash: #f2a6d8;--tally-groove: #14121f;--tally-chip: #6f7a93}.tally-chalk{stroke:var(--tally-chalk)}.tally-slash{stroke:var(--tally-slash)}.tally-groove{stroke:var(--tally-groove)}.tally-chip{stroke:var(--tally-chip)}.scene-wall .tally-group.fresh{animation:chalkFresh 1.4s ease-out}@keyframes chalkFresh{0%{filter:brightness(1.3)}to{filter:brightness(1)}}.game-view[data-lighting=day] .tally-stage-wrap{filter:brightness(1.04) saturate(1.03)}.game-view[data-lighting=dusk] .tally-stage-wrap{filter:brightness(.8) sepia(.35) saturate(1.3) hue-rotate(-12deg)}.game-view[data-lighting=night] .tally-stage-wrap{filter:brightness(.7) sepia(.2) hue-rotate(175deg) saturate(.8)}.game-view[data-theme=neon][data-lighting=day] .tally-stage-wrap{filter:none}.game-view[data-theme=neon][data-lighting=dawn] .tally-stage-wrap{filter:brightness(.9)}.game-view[data-theme=neon][data-lighting=dusk] .tally-stage-wrap{filter:brightness(.82)}.game-view[data-theme=neon][data-lighting=night] .tally-stage-wrap{filter:brightness(.74) saturate(1.1)}.scene-wall .wall-empty-state{padding:6cqw 2cqw}.scene-wall .wall-empty-title{font-size:max(1.4cqw,14px);color:var(--chalk);text-shadow:var(--ink-outline)}.scene-wall .wall-empty-sub{font-size:max(.9cqw,10px);color:var(--gold-text);text-shadow:var(--ink-outline)}.scene-wall .prev-sentences{border-top-color:#ece4cf40}.scene-wall .prev-sentence-label{text-shadow:var(--ink-outline)}.hud-top{position:absolute;top:0;left:0;right:0;z-index:20;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.hud-top{pointer-events:none}.hud-top .topbar{margin:0;padding:10px 16px;min-height:46px;background:none;border:0;box-shadow:none}.hud-top .topbar-title,.hud-top .topbar-actions>*,.hud-top .topbar-mobile>*{pointer-events:auto}.hud-top .topbar:not(.topbar-mobile) .topbar-title{padding:8px 12px 7px;background:#0a0704c7;border:1px solid rgba(138,106,58,.6);box-shadow:2px 3px #0006}.topbar-left{display:flex;align-items:center;gap:10px}.hud-top .topbar-title{font-size:14px;letter-spacing:3px}.hud-top .topbar-actions{gap:10px}.hud-top .pixel-btn-tiny{font-size:11px;padding:9px 14px}.hud-top .pixel-btn-tiny.pixel-icon-btn{font-size:20px;padding:0}.hud-top .topbar-mobile{display:flex;justify-content:space-between;padding:10px 12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));min-height:0;background:none;border-bottom:0}.quest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.quest-row{display:flex;align-items:center;gap:7px;padding:5px 6px;background:#ffffff0a;border:1px solid rgba(138,106,58,.3)}.quest-row.active{border-color:#c79a55;background:#8a6a3a66}.quest-row.done .quest-name-text{color:var(--green)}.quest-row.not-due{opacity:.55}.quest-check{flex:0 0 auto;position:relative;width:18px;height:18px;padding:0;background:var(--wall);border:1px solid rgba(138,106,58,.5);box-shadow:inset 0 1px #00000080;cursor:pointer;overflow:hidden}.quest-check-fill{position:absolute;left:0;right:0;bottom:0;background:var(--amber);transition:height .18s ease-out}.quest-row.done .quest-check{border-color:var(--green-dim)}.quest-row.done .quest-check-fill{background:var(--green)}.quest-check:hover{border-color:var(--hud-wood-edge)}@media(prefers-reduced-motion:reduce){.quest-check-fill{transition:none}}.quest-check:focus-visible,.quest-name:focus-visible,.tray-handle:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.quest-name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;font-family:inherit;background:none;border:0;padding:0;cursor:pointer;color:inherit}.quest-name-text{font-size:8px;letter-spacing:.5px;color:#cbbf9f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-meta{font-size:6.5px;letter-spacing:.5px;color:var(--cream-dim)}.quest-summary{margin-top:8px;padding-top:7px;border-top:1px dashed rgba(138,106,58,.6);text-align:center;font-size:8px;letter-spacing:1px;color:var(--cream-dim)}.quest-summary.complete{color:var(--gold-text);text-shadow:1px 1px 0 #000}.quest-later-label{margin:10px 0 5px;font-size:6.5px;letter-spacing:1px;color:var(--amber-dim)}.tray-handle{display:flex;align-items:center;gap:7px;width:100%;font-family:inherit;text-align:left;background:none;cursor:pointer;border-width:0 0 1px 0}.tray-caret{flex:0 0 auto;width:0;height:0;border-left:4px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .18s ease-out}.tray.open .tray-caret{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.tray-caret{transition:none}}.tray-label{flex:1 1 auto}.tray-count{flex:0 0 auto;font-size:7px;color:var(--cream-dim);letter-spacing:.5px}.tray:not(.open) .tray-handle{margin-bottom:0}.hud-action .rally{background:#0a080580;border-color:#8a6a3ab3;margin:0 0 7px}.hud-action .rally.won{border-color:#8fae74cc}.hud-action .rally-line{color:#cbbf9f}.hud-action .wall-actions.measured{flex-direction:column;align-items:stretch;align-self:stretch;gap:10px}.quest-counter{display:flex;flex-direction:column;gap:7px;width:100%}.quest-counter-head{display:flex;align-items:baseline;justify-content:center;gap:8px}.quest-counter-value{font-size:15px;color:var(--gold-text);text-shadow:2px 2px 0 #000;letter-spacing:1px}.quest-counter-unit{font-size:8px;color:var(--cream-dim);letter-spacing:1px}.quest-counter.complete .quest-counter-value{color:var(--green)}.quest-bar{height:12px;background:#16180f;border:2px solid var(--border-dark);box-shadow:inset 0 2px #0000008c;overflow:hidden}.quest-bar-fill{height:100%;background:repeating-linear-gradient(90deg,var(--amber) 0 6px,#c98f47 6px 8px)}.quest-counter.complete .quest-bar-fill{background:repeating-linear-gradient(90deg,var(--green) 0 6px,#7a9a62 6px 8px)}.quest-counter-actions{display:flex;gap:8px;justify-content:center}.quest-step{min-width:70px;min-height:40px;font-size:10px}.hud-action .quest-step{color:#e8d3a6;background:#140d0699;border:2px solid rgba(138,106,58,.85);box-shadow:2px 3px #00000080}.hud-action .quest-step.add{flex:1 1 auto;color:#2a1a08;background:linear-gradient(180deg,#f2d27e 0,#f2d27e 45%,#dcae55 45%,#dcae55);border-color:#2e2013;box-shadow:inset 0 2px #fff2c4,inset 0 -3px #a8762e,0 0 0 2px var(--bronze),2px 3px 0 1px #00000080}.quest-step:disabled{opacity:.4}.target-row{display:flex;gap:10px}.target-field{flex:1 1 0;min-width:0;display:block}.level-plaque{margin-bottom:14px;padding:9px 10px 8px;background:#8a6a3a29;border:1px solid var(--bronze);box-shadow:inset 0 0 0 1px #fff5d70f}.level-plaque-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.level-title{font-size:10px;color:var(--gold-text);letter-spacing:2px;text-shadow:1px 1px 0 #000}.level-number{font-size:8px;color:var(--cream-dim);letter-spacing:1px}.level-bar{height:7px;margin:7px 0 5px;background:#16180f;border:1px solid var(--border-dark);overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(180deg,#f2c46b 0%,var(--amber) 55%,#a9762f 100%)}.level-plaque-foot{display:flex;justify-content:space-between;gap:8px;font-size:6.5px;color:var(--cream-dim);letter-spacing:.5px}.level-perfect{color:var(--green)}.level-total{margin-top:3px;font-size:6.5px;color:var(--amber-dim);letter-spacing:.5px}.choice-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.choice-btn{flex:1 1 0;min-width:0;font-family:inherit;font-size:8px;letter-spacing:1px;padding:9px 6px;color:var(--parchment);background:#ffffff0a;border:1px solid rgba(138,106,58,.45);cursor:pointer}.choice-btn:hover{border-color:var(--hud-wood-edge);color:var(--gold-text)}.choice-btn.active{background:#8a6a3a8c;border-color:#c79a55;color:#fff3d6}.choice-btn:focus-visible,.weekday-btn:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.weekday-row{display:flex;gap:4px;margin:6px 0 4px}.weekday-btn{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;font-family:inherit;font-size:9px;color:var(--cream-dim);background:var(--wall);border:1px solid rgba(138,106,58,.45);cursor:pointer}.weekday-btn.active{background:var(--amber);color:var(--bg-deep);border-color:#c79a55}.field-hint{margin:2px 0 6px;font-size:7.5px;letter-spacing:.5px;color:var(--cream-dim)}.field-hint.warn{color:var(--red)}.calendar-schedule{margin-bottom:8px;text-align:center;font-size:8px;letter-spacing:1px;color:var(--cream-dim)}.streak-history{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(138,106,58,.5)}.streak-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.streak-row{background:#ffffff08;border:1px solid rgba(138,106,58,.28)}.streak-row.live{border-color:#c79a55;background:#8a6a3a38}.streak-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 9px;font-family:inherit;text-align:left;background:none;border:0;cursor:pointer}.streak-head:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.streak-days{font-size:13px;color:var(--gold-text)}.streak-row.live .streak-days{color:var(--green)}.streak-unit{font-size:7px;letter-spacing:1px;color:var(--cream-dim)}.streak-when{margin-left:auto;font-size:7px;letter-spacing:.5px;color:var(--cream-dim)}.streak-detail{padding:0 9px 9px}.streak-range{font-size:8px;color:#cbbf9f;letter-spacing:.5px}.streak-broken{margin-top:4px;font-size:7.5px;color:var(--red);letter-spacing:.5px}.streak-reason-label{margin:9px 0 5px;font-size:7px;letter-spacing:1px;color:var(--cream-dim)}.streak-reasons{display:flex;flex-wrap:wrap;gap:4px}.streak-reasons .choice-btn{flex:0 1 auto;padding:6px 7px;font-size:7px}.streak-reason-note{margin:10px 0 0;font-size:7px;line-height:1.8;color:var(--cream-dim)}.day-date{margin:4px 0 0;text-align:center;font-size:8px;letter-spacing:1px;color:var(--cream-dim)}.day-perfect{margin:8px 0 0;text-align:center;font-size:8px;letter-spacing:2px;color:var(--gold-text);text-shadow:1px 1px 0 #000}.day-body{margin-top:14px}.day-heading{margin:12px 0 5px;font-size:7px;letter-spacing:1.5px;color:var(--cream-dim)}.day-heading.done{color:var(--green)}.day-heading.missed{color:var(--red)}.day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.day-list.muted{opacity:.55}.day-line{display:flex;align-items:center;gap:8px}.day-line-check{flex:0 0 auto;position:relative;width:16px;height:16px;padding:0;background:var(--wall);border:1px solid rgba(138,106,58,.5);cursor:pointer;overflow:hidden}.day-line-check:disabled{cursor:default;opacity:.5}.day-line.done .day-line-check{border-color:var(--green-dim)}.day-line.done .quest-check-fill{background:var(--green)}.day-line.missed .day-line-check{border-color:var(--red-dim)}.day-line-name{flex:1 1 auto;min-width:0;font-size:8px;color:#cbbf9f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-line-meta{flex:0 0 auto;font-size:7px;color:var(--cream-dim)}.day-empty{margin:14px 0;text-align:center;font-size:8px;color:var(--cream-dim)}.day-xp{display:flex;justify-content:space-between;margin:14px 0 10px;padding-top:9px;border-top:1px dashed rgba(138,106,58,.6);font-size:8px;letter-spacing:1px;color:var(--cream-dim)}.day-xp span{color:var(--gold-text)}.day-note{resize:vertical;line-height:1.8}.streak-lost-title{color:var(--red)}.streak-lost-count{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:18px 0 4px}.streak-lost-days{font-size:34px;color:var(--red);text-shadow:2px 2px 0 #000}.streak-lost-unit{font-size:11px;color:var(--cream-dim);letter-spacing:2px}.streak-lost-when{margin:0 0 16px;text-align:center;font-size:8px;letter-spacing:1px;color:var(--cream-dim)}.streak-lost-line{margin:0 0 14px;padding:12px 14px;text-align:center;font-size:9px;line-height:1.9;color:var(--parchment-ink);background:#d9c89b;border:2px solid #2e2013;box-shadow:0 0 0 2px var(--bronze),inset 0 0 0 2px #fff5d759}.streak-lost-best{margin:0 0 4px;text-align:center;font-size:8px;letter-spacing:1px;color:var(--green)}.streak-lost-rally{margin:6px 0 2px;padding:6px 8px;text-align:center;font-size:7.5px;line-height:1.7;letter-spacing:1px;color:var(--amber);border:1px solid var(--amber-dim)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:var(--cream-dim);letter-spacing:1px;margin:14px 0 6px}.settings-row .pixel-btn{display:inline-flex;align-items:center;gap:6px}.settings-row-flush{margin-top:0}.settings-row-flush .settings-label{margin:0}.settings-row .pixel-btn:disabled{opacity:.4}.settings-time{display:flex;align-items:center;gap:12px;font-size:8.5px;color:var(--cream-dim);letter-spacing:1px;margin:0 0 6px}.settings-time select{flex:1;min-width:0;font-family:inherit;font-size:10px;letter-spacing:1px;color:var(--gold-text);background:#080603b3;border:2px solid var(--hud-wood-edge);padding:8px 10px;cursor:pointer}.settings-time select:focus-visible{outline:2px dashed var(--amber);outline-offset:2px}.settings-time option{background:var(--panel);color:var(--cream)}.vol-slider{--vol-track: rgba(8, 6, 3, .7);--vol-fill: #dcae55;--vol-edge: #2e2013;--vol-knob: linear-gradient(180deg, #f2d27e 0 50%, #dcae55 50% 100%);display:flex;align-items:center;gap:12px;margin:0 0 8px}.vol-sfx{--vol-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath fill='%232a1a08' d='M1 3h2v2h-2zM3 2h1v4h-1zM4 1h1v6h-1zM6 3h1v2h-1zM8 2h1v4h-1z'/%3E%3C/svg%3E")}.vol-music{--vol-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath fill='%232a1a08' d='M5 1h1v5h-1zM6 1h2v1h-2zM7 2h1v1h-1zM2 5h3v2h-3zM3 4h2v1h-2z'/%3E%3C/svg%3E")}.vol-readout{flex:0 0 4ch;font-size:8.5px;color:var(--cream-dim);text-align:right;letter-spacing:1px}.vol-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:30px;margin:0;background:transparent;cursor:pointer}.vol-slider input[type=range]:focus-visible{outline:2px dashed var(--amber);outline-offset:2px}.vol-slider input[type=range]::-webkit-slider-runnable-track{height:10px;background:linear-gradient(90deg,var(--vol-fill) 0 var(--fill, 50%),var(--vol-track) var(--fill, 50%) 100%);border:2px solid var(--vol-edge);box-shadow:inset 0 2px #00000059}.vol-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;background:var(--vol-icon) center / 16px 14px no-repeat,var(--vol-knob);border:2px solid var(--vol-edge);box-shadow:inset 0 2px #fff2c4cc,2px 2px #0000008c;image-rendering:pixelated}.vol-slider input[type=range]::-moz-range-track{height:10px;background:var(--vol-track);border:2px solid var(--vol-edge)}.vol-slider input[type=range]::-moz-range-progress{height:10px;background:var(--vol-fill)}.vol-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:0;background:var(--vol-icon) center / 16px 14px no-repeat,var(--vol-knob);border:2px solid var(--vol-edge);box-shadow:2px 2px #0000008c}.settings-section{border-top:1px dashed rgba(138,106,58,.5);margin-top:14px;padding-top:12px}.settings-label{font-size:9px;color:var(--gold-text);letter-spacing:1px;margin-bottom:8px}.settings-help{font-size:8.5px;line-height:1.9;color:var(--cream-dim);margin:0 0 10px}.settings-warn{color:var(--red)}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-note{font-size:8px;line-height:1.8;color:var(--green);letter-spacing:.5px;margin:12px 0 0}.settings-note.err{color:var(--red)}.pixel-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:18px;padding:0}.hud-panel{position:absolute;top:calc(60px + var(--safe-top));width:var(--hud-w);max-height:calc(100vh - 74px - var(--safe-top));overflow-y:auto;z-index:10;padding:12px 12px 10px;scrollbar-width:thin;scrollbar-color:rgba(138,106,58,.6) transparent}.hud-left{left:calc(14px + var(--safe-left));background:var(--hud-wood);border:2px solid var(--hud-wood-edge);box-shadow:0 0 0 2px #0a07048c,4px 6px #0000004d}.hud-right{right:calc(14px + var(--safe-right));background:var(--hud-iron);border:2px solid var(--hud-iron-edge);box-shadow:0 0 0 2px #0606088c,4px 6px #0000004d}.hud-panel .panel-title{font-size:9px;margin-bottom:8px;padding-bottom:6px;color:var(--gold-text);border-bottom:1px dashed rgba(138,106,58,.6)}.hud-left .routine-list{gap:4px;margin:0}.hud-left .routine-item{font-size:8.5px;padding:7px 8px;background:#ffffff0a;border:1px solid rgba(138,106,58,.3);color:#cbbf9f}.hud-left .routine-item:hover{border-color:var(--hud-wood-edge);color:var(--parchment)}.hud-left .routine-item.active{background:#8a6a3a8c;border-color:#c79a55;color:#fff3d6;box-shadow:none}.hud-right .stats-list{gap:7px}.hud-right .stats-list dt{font-size:7.5px;color:#b9bbc4}.hud-right .stats-list dd{font-size:10px;color:var(--gold-text)}.hud-right [data-area=achievements],.hud-right [data-area=report]{margin-top:14px}.hud-right .achievements-grid{gap:5px;max-height:none;overflow:visible;padding-right:0}.hud-right .achievement-badge{padding:5px 6px;gap:8px;border-width:1px}.hud-right .achievement-title{font-size:7.5px}.hud-right .achievement-days,.hud-right .achievement-date{font-size:6.5px}.hud-right .report-verdict{font-size:7.5px;color:var(--gold-text)}.hud-right .report-range{font-size:6.5px}.hud-right .week-chart{border-color:#8a6a3a66}.hud-right .week-bar-track{height:36px;background:#ffffff0d;border-color:#8a6a3a59}.hud-right .week-bar-fill{background:#8a6a3abf}.hud-right .week-bar.best .week-bar-fill{background:var(--gold-text)}.hud-right .week-bar-label{font-size:6px;color:#b9bbc4}.hud-right .pattern-text{font-size:7px;color:#cbbf9f}.hud-right .pattern-sample{font-size:6px;color:#8d8f98}.hud-right .report-waiting{font-size:7px;color:#b9bbc4}.hud-panel.hud-drawer{top:var(--safe-top);bottom:calc(var(--tabbar-h) + var(--safe-bottom));max-height:none;width:min(300px,86vw);z-index:30;padding-top:18px;transition:transform .28s ease}.hud-left.hud-drawer{left:0;padding-left:calc(12px + var(--safe-left));transform:translate(-105%)}.hud-right.hud-drawer{right:0;padding-right:calc(12px + var(--safe-right));transform:translate(105%)}.hud-panel.hud-drawer.open{transform:translate(0)}.hud-backdrop{position:absolute;top:0;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));z-index:25;background:#00000080}.hud-bottom{position:absolute;z-index:10;transform:translate(-50%);width:560px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.hud-action{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 18px 14px;background:var(--hud-wood);border:2px solid var(--hud-wood-edge);box-shadow:0 0 0 2px #0a07048c,4px 6px #0000004d}.action-row{display:flex;align-items:stretch;gap:12px;align-self:stretch}.day-block{flex:0 0 auto;min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 10px 6px;background:#0806038c;border:2px solid rgba(138,106,58,.7);box-shadow:inset 0 2px #00000080;transition:border-color .3s,background-color .3s}.day-caption,.day-status{font-size:7px;letter-spacing:2px;color:var(--cream-dim);line-height:1}.day-status{color:var(--green)}.hud-action .day-counter{font-size:22px;line-height:1;margin:0;white-space:nowrap;letter-spacing:1px;color:var(--gold-text);text-shadow:2px 2px 0 #000}.day-block.done{border-color:#8fae74d9;background:#16200e99}.day-block.done .day-counter{color:#cfe6b4}.shield-notice{margin:0;font-size:8px;letter-spacing:1px;text-align:center;color:#9fc4e8;text-shadow:1px 1px 0 #000}.streak-risk{margin:0;font-size:8px;letter-spacing:1px;text-align:center;color:var(--red);text-shadow:1px 1px 0 #000;animation:risk-pulse 2.4s ease-in-out infinite}@keyframes risk-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.streak-risk{animation:none;opacity:1}}.hud-action .wall-actions{flex:1 1 auto;min-width:0;display:flex;justify-content:stretch;gap:10px;align-items:stretch;padding:0;background:none;border:0}.hud-action .pixel-btn{white-space:nowrap}.hud-action .label-compact{display:none}.hud-action .action-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 16px;font-size:11px;letter-spacing:1.5px;transition:filter .15s,background-color .15s}.hud-action .action-mark{color:#2a1a08;background:linear-gradient(180deg,#f2d27e 0,#f2d27e 45%,#dcae55 45%,#dcae55);border:2px solid #2e2013;box-shadow:inset 0 2px #fff2c4,inset 0 -4px #a8762e,0 0 0 2px var(--bronze),3px 4px 0 2px #0000008c;text-shadow:1px 1px 0 rgba(255,240,200,.5)}.hud-action .action-mark:hover{filter:brightness(1.08)}.hud-action .action-undo{flex:0 1 auto;margin-left:auto;font-size:9.5px;color:#e7a097;background:#140a068c;border:2px solid rgba(193,85,75,.75);box-shadow:2px 3px #00000080}.hud-action .action-undo:hover{background:#c1554b33;color:#f4c3bb}.action-undo-glyph{width:12px;height:12px;flex:0 0 auto}.hud-action .wall-actions:not(.measured) .action-undo{flex:1 1 auto;margin-left:0}.hud-action .wall-actions.measured .action-undo{align-self:center;margin-left:0;min-height:40px;padding:9px 16px}.hud-bottom .quote-plaque{margin:0;max-width:none;padding:12px 20px;background:#d9c89b;border:2px solid #2e2013;box-shadow:0 0 0 2px var(--bronze),inset 0 0 0 2px #fff5d759,4px 5px #0006}.hud-bottom .quote-plaque-hook{display:none}.hud-bottom .quote-plaque{text-align:center;align-self:center;width:100%;padding:14px 22px}.hud-bottom .quote-plaque-text{font-size:11px;line-height:2.1;letter-spacing:.5px;color:#2a1c10;text-wrap:balance;margin:0 auto;max-width:46ch}.scroll-cue{font-family:inherit;font-size:9px;letter-spacing:2px;align-self:center;color:var(--parchment);text-shadow:var(--ink-outline);background:none;border:0;padding:2px 6px;cursor:pointer;opacity:.8}.scroll-cue:hover{opacity:1}.hud-tabbar{position:absolute;left:0;right:0;bottom:0;z-index:22;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:var(--hud-wood);border-top:2px solid var(--hud-wood-edge);box-shadow:0 -4px 10px #00000059}.hud-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:inherit;background:none;border:0;color:var(--cream-dim);cursor:pointer}.hud-tab svg{width:20px;height:20px}.hud-tab span{font-size:7.5px;letter-spacing:.5px}.hud-tab.active{color:var(--gold-text)}.hud-tab.active svg{filter:drop-shadow(0 0 4px rgba(224,164,88,.5))}.game-spacer{height:100vh;height:100dvh;pointer-events:none}.data-view{position:relative;z-index:5;background:#0f0c08;border-top:2px solid rgba(138,106,58,.6);box-shadow:0 -12px 24px #00000080;padding:28px 16px calc(48px + var(--safe-bottom))}.data-view{padding-top:40px;padding-left:24px;padding-right:24px;padding-bottom:calc(64px + var(--safe-bottom))}.data-view .cell-log{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"head head" "cal bars";gap:20px 32px;align-items:start}.data-view .cell-log-head{grid-area:head}.data-view .calendar-box{grid-area:cal;padding:18px}.data-view .bar-log{grid-area:bars}.data-view .cell-log .panel-title{font-size:16px;padding-bottom:10px;opacity:1}.data-view .calendar-nav{margin-bottom:14px}.data-view .calendar-nav .pixel-btn-tiny{font-size:13px;padding:8px 14px}.data-view .calendar-label{font-size:15px}.data-view .calendar-weekdays{font-size:11px;margin-bottom:8px}.data-view .calendar-grid{gap:5px}.data-view .cal-cell{font-size:13px}.data-view .bar-log-title{font-size:13px;margin-bottom:12px}.data-view .bar-log-rows{gap:8px}.data-view .bar-row{grid-template-columns:72px 1fr;font-size:11px}.data-view .bar-row .bar-track{height:16px}.data-view .bar-log-empty{font-size:12px;line-height:1.8}@media(max-width:900px){.data-view .cell-log{grid-template-columns:1fr;grid-template-areas:"head" "cal" "bars"}}@media(max-width:700px){.scene-routine-name{font-size:11px}.hud-action{padding:10px;gap:10px}.action-row{gap:10px}.day-block{min-width:64px;padding:6px 8px 5px}.hud-action .day-counter{font-size:18px}.hud-action .label-full{display:none}.hud-action .label-compact{display:inline}.hud-action .action-btn{min-height:48px;font-size:10px;padding:10px}.hud-bottom .quote-plaque{padding:11px 14px}.hud-bottom .quote-plaque-text{font-size:9.5px;line-height:2}.data-view{padding:28px calc(12px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(12px + var(--safe-left))}.data-view .cal-cell{font-size:11px}.scroll-cue{display:none}}.dev-env-switcher{position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 10px);left:10px;z-index:9000;display:flex;gap:4px;background:#000000bf;border:2px solid var(--bronze);padding:6px}.dev-env-switcher button{font-family:inherit;font-size:8px;padding:4px 6px;cursor:pointer;background:#2a2a2e;color:var(--parchment);border:1px solid var(--bronze)}.dev-env-switcher button.active{background:var(--bronze);color:#111}.room-extras{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.room-extras>*{position:absolute}.room-obj{image-rendering:auto;-webkit-user-select:none;user-select:none}.room-flicker,.room-cat-pet,.room-cat-heart{background-repeat:no-repeat;background-position-x:0%}.room-flicker{animation:fx-f4 .7s steps(1,end) infinite}.room-flicker-lavalamp{animation-duration:3.6s}.room-flicker-uptime{animation:room-buzz 7s steps(1,end) infinite}@keyframes room-buzz{0%,88%{background-position-x:0%}89%,90%{background-position-x:66.667%}91%{background-position-x:33.333%}92%,93%{background-position-x:100%}94%,to{background-position-x:0%}}.scene-canvas:has(.room-extras[data-cat-away]) .fx-cat{visibility:hidden}.scene-canvas:has(.room-extras[data-petting]) .fx-zzz{visibility:hidden}.room-cat-look{transform-origin:50% 100%;animation:room-breathe 4.6s ease-in-out infinite}.room-cat-look.purring{animation:room-purr .18s steps(2,end) 10,room-breathe 4.6s ease-in-out infinite}@keyframes room-breathe{0%,to{scale:1 1}45%{scale:1.006 1.02}}@keyframes room-purr{0%{translate:0 0}to{translate:.6% 0}}.room-cat-pet{animation-name:room-pet;animation-timing-function:steps(1,end);animation-fill-mode:both}@keyframes room-pet{0%,9.99%{background-position-x:0%}10%,19.99%{background-position-x:14.286%}20%,31.99%{background-position-x:28.571%}32%,49.99%{background-position-x:42.857%}50%,62.99%{background-position-x:57.143%}63%,75.99%{background-position-x:71.429%}76%,87.99%{background-position-x:85.714%}88%,to{background-position-x:100%}}.room-cat-heart{opacity:0;animation-name:fx-f3,room-heart-rise;animation-timing-function:steps(1,end),ease-out;animation-fill-mode:both,both}@keyframes room-heart-rise{0%{opacity:0;translate:0 0}10%{opacity:1}70%{opacity:1}to{opacity:0;translate:0 -60%}}.room-cat-hit{pointer-events:auto;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.room-cat-hit:before{content:"";position:absolute;left:50%;top:50%;width:max(100% + 16px,56px);height:max(100% + 24px,48px);translate:-50% -55%}.room-cat-hit:focus-visible{outline:2px dashed var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){.room-flicker,.room-flicker-uptime,.room-cat-look,.room-cat-look.purring{animation:none}.room-cat-heart{animation:none;opacity:1}}.room-fall{top:-6%;animation:room-fall linear infinite;will-change:translate}.room-flake{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;opacity:.9;animation:room-sway ease-in-out infinite alternate,room-spin linear infinite}@keyframes room-fall{0%{translate:0 0}to{translate:0 var(--fall)}}@keyframes room-sway{0%{translate:calc(var(--sway) * -1) 0}to{translate:var(--sway) 0}}@keyframes room-spin{0%{rotate:0deg}to{rotate:var(--spin)}}@media(prefers-reduced-motion:reduce){.room-fall{display:none}}.room-obj{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.room-new{animation:room-new 1.1s ease-in-out 5}.room-new.room-flicker{animation:fx-f4 .7s steps(1,end) infinite,room-new 1.1s ease-in-out 5}@keyframes room-new{0%,to{filter:drop-shadow(0 0 0 rgba(255,230,150,0))}50%{filter:drop-shadow(0 0 6px rgba(255,230,150,.95)) brightness(1.15)}}.room-label{z-index:4;translate:-50% calc(-100% - 6px);display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 10px 6px;white-space:nowrap;font-size:max(.62cqw,8px);letter-spacing:1px;color:var(--gold-text);background:#140d06f0;border:2px solid var(--hud-wood-edge);box-shadow:0 0 0 2px #0009,3px 4px #0006;text-shadow:1px 1px 0 #000;pointer-events:none;animation:room-label-in .18s ease-out}.room-label-sub{font-size:.8em;color:var(--cream-dim)}.room-label.fresh{border-color:var(--amber)}.room-label.fresh .room-label-title{color:var(--amber)}@keyframes room-label-in{0%{opacity:0;translate:-50% calc(-100% + 2px)}}.room-label{transition:opacity .6s ease-in}.room-label.leaving{opacity:0}[data-theme=neon] .room-label{background:#05040ff0;border-color:var(--n-cyan-soft);box-shadow:0 0 0 2px #000,0 0 12px #3ce8ff4d}[data-theme=neon] .room-label.fresh{border-color:var(--n-pink)}@media(prefers-reduced-motion:reduce){.room-new,.room-label{animation:none}}.room-progress{margin-bottom:14px;padding:9px 10px 8px;background:#8a6a3a29;border:1px solid var(--bronze);box-shadow:inset 0 0 0 1px #fff5d70f}.room-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.room-progress-title{font-size:9px;color:var(--gold-text);letter-spacing:2px;text-shadow:1px 1px 0 #000}.room-progress-count{font-size:7px;color:var(--cream-dim);letter-spacing:1px}.room-progress-row{list-style:none;margin:8px 0 6px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.room-progress-row li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px 3px;background:#0000004d;border:1px solid rgba(138,106,58,.35)}.room-progress-row img{width:100%;height:30px;object-fit:contain}.room-progress-row .locked img{filter:brightness(0) opacity(.45)}.room-progress-row .got{border-color:#e0a458b3}.room-progress-day{font-size:6.5px;color:var(--cream-dim);letter-spacing:.5px}.room-progress-row .got .room-progress-day{color:var(--amber)}.room-progress-next{font-size:6.5px;color:var(--amber-dim);letter-spacing:.5px;line-height:1.6}[data-theme=neon] .room-progress{background:#090718b3;border-color:var(--n-violet)}[data-theme=neon] .room-progress-row li{border-color:var(--n-cyan-faint)}[data-theme=neon] .room-progress-row .got{border-color:var(--n-cyan-soft);box-shadow:0 0 6px #3ce8ff40}[data-theme=neon] .room-progress-row .locked img{filter:brightness(0) opacity(.5) drop-shadow(0 0 1px rgba(60,232,255,.5))}.room-share{width:100%;margin-top:8px}.share-preview{display:flex;justify-content:center;align-items:center;min-height:200px;margin:4px 0 14px;background:#00000059;border:1px solid var(--bronze)}.share-preview img{display:block;width:100%;max-height:58vh;max-height:58dvh;object-fit:contain}.share-drawing{font-size:9px;color:var(--cream-dim);letter-spacing:1px}.share-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.first-run-lead{font-size:9px;line-height:1.9;color:var(--cream-dim);margin:0 0 14px;text-align:center}.first-run-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:420px){.first-run-grid{grid-template-columns:repeat(2,1fr)}}.first-run-pick{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 10px;color:var(--cream);background:#08060380;border:2px solid rgba(138,106,58,.6);cursor:pointer;transition:border-color .15s,background-color .15s}.first-run-pick:hover,.first-run-pick:focus-visible{border-color:var(--amber);background:#e0a4581f;outline:none}.first-run-pick .pixel-icon{grid-template-columns:repeat(8,4px);grid-template-rows:repeat(8,4px)}.first-run-pick .pixel-icon span{width:4px;height:4px}.first-run-pick .pixel-icon span.on{background:var(--amber)}.first-run-name{font-size:9px;letter-spacing:1px;color:var(--gold-text)}.first-run-hint{font-size:7px;letter-spacing:.5px;color:var(--cream-dim)}.first-run-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}[data-theme=neon] .first-run-pick{background:#05040fb3;border-color:var(--n-cyan-faint)}[data-theme=neon] .first-run-pick:hover,[data-theme=neon] .first-run-pick:focus-visible{border-color:var(--n-cyan);box-shadow:0 0 10px #3ce8ff4d}html[data-text=large] :is(.hud-panel,.hud-bottom,.modal)>*,html[data-text=large] .hud-tabbar,html[data-text=large] .data-view>*{zoom:1.2}html[data-text=large] .tray-label{line-height:1.5}.room-shelf{image-rendering:pixelated;pointer-events:none}.room-locked{filter:brightness(0) drop-shadow(0 0 1px rgba(255,236,200,.75)) drop-shadow(0 0 1px rgba(255,236,200,.45));opacity:.8}[data-theme=neon] .room-locked{filter:brightness(0) drop-shadow(0 0 1px rgba(60,232,255,.9)) drop-shadow(0 0 2px rgba(60,232,255,.5))}:root[data-theme=neon]{--n-cyan: #3ce8ff;--n-cyan-soft: rgba(60, 232, 255, .55);--n-cyan-faint: rgba(60, 232, 255, .18);--n-pink: #ff4fc8;--n-pink-soft: rgba(255, 79, 200, .6);--n-pink-faint: rgba(255, 79, 200, .16);--n-violet: #8a5cff;--n-glass: rgba(9, 7, 24, .84);--n-glass-deep: rgba(5, 4, 15, .92);--n-text: #e4e1ff;--n-text-dim: #8e8ab8;--n-glow-cyan: 0 0 10px rgba(60, 232, 255, .35);--n-glow-pink: 0 0 12px rgba(255, 79, 200, .35);--bg: #07060f;--bg-deep: #04030a;--panel: #0c0a1b;--panel-alt: #120f27;--wall: #0a0917;--cream: var(--n-text);--cream-dim: var(--n-text-dim);--amber: var(--n-cyan);--amber-dim: #0f6f85;--green: #45ffb0;--green-dim: #135b43;--red: #ff4f9a;--red-dim: #7a1c4b;--border-dark: #030210;--chalk: var(--n-text);--gold-text: var(--n-pink);--parchment: #bfe9ff;--parchment-ink: #0a0918;--bronze: var(--n-violet);--hud-wood: var(--n-glass);--hud-iron: var(--n-glass);--hud-wood-edge: var(--n-pink-soft);--hud-iron-edge: var(--n-cyan-soft)}[data-theme=neon] .pixel-btn{box-shadow:inset -3px -4px 0 0 var(--green-dim),inset 3px 3px #b9ffe0,3px 3px #000,0 0 12px #45ffb04d}[data-theme=neon] .pixel-btn-small,[data-theme=neon] .pixel-btn-tiny{background:var(--n-cyan);box-shadow:inset -2px -3px 0 0 var(--amber-dim),inset 2px 2px #c9f8ff,2px 2px #000,var(--n-glow-cyan)}[data-theme=neon] .pixel-btn-danger{background:var(--red);box-shadow:inset -3px -4px 0 0 var(--red-dim),inset 3px 3px #ffc0e6,3px 3px #000,var(--n-glow-pink)}[data-theme=neon] .pixel-btn.danger{background:transparent;border:2px solid var(--n-pink);color:var(--n-pink)}[data-theme=neon] .pixel-panel{box-shadow:0 0 0 2px var(--n-cyan),0 0 0 4px #000,6px 6px #000,0 0 22px #3ce8ff40}[data-theme=neon] .modal-overlay{background:#04030ecc}[data-theme=neon] .modal-title{color:var(--n-pink);text-shadow:0 0 8px rgba(255,79,200,.55)}[data-theme=neon] .hud-left{box-shadow:0 0 0 2px #03020cb3,0 0 16px #ff4fc838,4px 6px #00000059}[data-theme=neon] .hud-right{box-shadow:0 0 0 2px #03020cb3,0 0 16px #3ce8ff33,4px 6px #00000059}[data-theme=neon] .hud-panel .panel-title{color:var(--n-pink);border-bottom-color:var(--n-cyan-faint);text-shadow:0 0 6px rgba(255,79,200,.5)}[data-theme=neon] .hud-right .panel-title{color:var(--n-cyan);text-shadow:0 0 6px rgba(60,232,255,.45)}[data-theme=neon] .tray-count,[data-theme=neon] .hud-right .stats-list dt{color:var(--n-text-dim)}[data-theme=neon] .hud-right .stats-list dd{color:var(--n-cyan);text-shadow:0 0 6px rgba(60,232,255,.35)}[data-theme=neon] .quest-row{background:#3ce8ff0a;border-color:#3ce8ff33}[data-theme=neon] .quest-row.active{border-color:var(--n-pink);background:var(--n-pink-faint);box-shadow:0 0 10px #ff4fc840}[data-theme=neon] .quest-check{border-color:var(--n-cyan-soft)}[data-theme=neon] .quest-check:hover{border-color:var(--n-cyan)}[data-theme=neon] .quest-row.done .quest-check-fill{box-shadow:0 0 6px #45ffb099}[data-theme=neon] .quest-summary.complete{color:var(--green);text-shadow:0 0 8px rgba(69,255,176,.5)}[data-theme=neon] .level-plaque{background:#8a5cff1a;border-color:var(--n-violet);box-shadow:0 0 12px #8a5cff40,inset 0 0 0 1px #3ce8ff14}[data-theme=neon] .level-title{color:var(--n-pink);text-shadow:0 0 8px rgba(255,79,200,.6)}[data-theme=neon] .level-bar{background:#0a0918}[data-theme=neon] .level-bar-fill{background:linear-gradient(90deg,var(--n-cyan) 0%,var(--n-violet) 55%,var(--n-pink) 100%);box-shadow:0 0 8px #3ce8ff80}[data-theme=neon] .hud-top .topbar:not(.topbar-mobile) .topbar-title{background:#050410d1;border-color:var(--n-cyan-soft);box-shadow:0 0 10px #3ce8ff33,2px 3px #00000073}[data-theme=neon] .topbar-title{color:var(--n-text);text-shadow:0 0 8px rgba(60,232,255,.45)}[data-theme=neon] .brand-bracket{color:var(--n-pink)}[data-theme=neon] .hud-tabbar{box-shadow:0 -2px 14px #ff4fc833}[data-theme=neon] .hud-tab.active{color:var(--n-cyan)}[data-theme=neon] .hud-tab.active svg{filter:drop-shadow(0 0 5px rgba(60,232,255,.7))}[data-theme=neon] .hud-action{box-shadow:0 0 0 2px #03020cb3,0 0 18px #ff4fc840,4px 6px #00000059}[data-theme=neon] .hud-action .day-counter{text-shadow:0 0 10px rgba(255,79,200,.7),2px 2px 0 #000}[data-theme=neon] .day-block{background:#04030eb3;border-color:var(--n-pink-soft);box-shadow:inset 0 0 12px #ff4fc81f}[data-theme=neon] .day-block.done{border-color:#45ffb0bf;background:#041612b3;box-shadow:inset 0 0 12px #45ffb026,0 0 10px #45ffb033}[data-theme=neon] .day-block.done .day-counter{color:#b9ffe0;text-shadow:0 0 10px rgba(69,255,176,.7),2px 2px 0 #000}[data-theme=neon] .day-status{text-shadow:0 0 6px rgba(69,255,176,.6)}[data-theme=neon] .hud-action .action-mark,[data-theme=neon] .hud-action .quest-step.add{color:var(--n-cyan);background:linear-gradient(180deg,#3ce8ff33 0,#3ce8ff33 45%,#3ce8ff1a 45%,#3ce8ff1a);border:2px solid var(--n-cyan);text-shadow:0 0 6px rgba(60,232,255,.8);box-shadow:inset 0 0 14px #3ce8ff40,0 0 14px #3ce8ff59,3px 4px #0009}[data-theme=neon] .hud-action .action-mark:hover,[data-theme=neon] .hud-action .quest-step.add:hover{background:#3ce8ff47;filter:none}[data-theme=neon] .hud-action .action-undo{color:var(--n-pink);background:#14031099;border:2px solid var(--n-pink-soft);text-shadow:0 0 6px rgba(255,79,200,.7);box-shadow:0 0 10px #ff4fc833,2px 3px #0009}[data-theme=neon] .hud-action .action-undo:hover{background:#ff4fc82e;color:#ff9ae2}[data-theme=neon] .hud-action .quest-step{color:var(--n-text);background:#04030eb3;border:2px solid var(--n-cyan-faint);box-shadow:2px 3px #0009}[data-theme=neon] .hud-action .rally{border-color:var(--n-cyan-soft);background:#05040f99}[data-theme=neon] .hud-action .rally.won{border-color:#45ffb0cc}[data-theme=neon] .hud-action .rally-line{color:var(--n-text)}[data-theme=neon] .scene-routine-name{color:var(--n-pink);background:#060412e6;border:2px solid var(--n-cyan-soft);text-shadow:0 0 4px #ff9ae2,0 0 10px rgba(255,79,200,.9),0 0 18px rgba(255,79,200,.5);box-shadow:0 0 0 2px #03020cb3,0 0 14px #3ce8ff59}[data-theme=neon] .hud-bottom .quote-plaque{background:var(--n-glass-deep);border:2px solid var(--n-cyan-soft);box-shadow:0 0 0 2px #000,0 0 16px #3ce8ff40,4px 5px #00000073}[data-theme=neon] .hud-bottom .quote-plaque-text{color:#bfe9ff;text-shadow:0 0 6px rgba(60,232,255,.4)}[data-theme=neon] .quote-plaque-text{color:#bfe9ff}[data-theme=neon] .scroll-cue{color:var(--n-cyan);text-shadow:0 0 6px rgba(60,232,255,.6)}[data-theme=neon] .data-view{background:#07060f;border-top:2px solid var(--n-cyan-soft);box-shadow:0 -8px 24px #3ce8ff1f}[data-theme=neon] .cal-cell.done{box-shadow:inset 0 0 0 1px #45ffb066,0 0 6px #45ffb040}[data-theme=neon] .cal-cell.today{outline-color:var(--n-pink)}[data-theme=neon] .bar-row .bar-fill{filter:hue-rotate(0deg) drop-shadow(0 0 3px rgba(69,255,176,.5))}[data-theme=neon] .achievement-badge.unlocked{border-color:var(--n-cyan);box-shadow:2px 2px #000,0 0 10px #3ce8ff4d}[data-theme=neon] .achievement-badge.unlocked .achievement-title{color:var(--n-cyan)}[data-theme=neon] .achievement-popup-label{color:var(--n-pink)}[data-theme=neon] .achievement-popup-title{color:var(--n-cyan);text-shadow:0 0 10px rgba(60,232,255,.6)}[data-theme=neon] .shield-notice{color:var(--n-cyan)}[data-theme=neon] .streak-risk{color:var(--n-pink)}[data-theme=neon] .tooltip{background:#0b0a1d;color:var(--n-text);border-color:var(--n-cyan);box-shadow:var(--n-glow-cyan)}[data-theme=neon] .choice-btn{color:var(--n-text);background:#3ce8ff0a;border-color:#3ce8ff47}[data-theme=neon] .choice-btn:hover{border-color:var(--n-cyan);color:var(--n-cyan)}[data-theme=neon] .choice-btn.active{background:var(--n-pink-faint);border-color:var(--n-pink);color:#fff;box-shadow:0 0 10px #ff4fc859}[data-theme=neon] .weekday-btn{border-color:#3ce8ff47}[data-theme=neon] .weekday-btn.active{border-color:var(--n-cyan);box-shadow:var(--n-glow-cyan)}[data-theme=neon] .pixel-input:focus{outline-color:var(--n-pink)}[data-theme=neon] .settings-section,[data-theme=neon] .streak-history,[data-theme=neon] .quest-summary,[data-theme=neon] .day-xp{border-top-color:var(--n-cyan-faint)}[data-theme=neon] .settings-label{color:var(--n-pink)}[data-theme=neon] .quest-name-text,[data-theme=neon] .streak-range,[data-theme=neon] .day-line-name,[data-theme=neon] .hud-right .pattern-text,[data-theme=neon] .hud-left .routine-item{color:var(--n-text)}[data-theme=neon] .streak-row{background:#3ce8ff08;border-color:#3ce8ff33}[data-theme=neon] .streak-row.live{border-color:var(--n-pink);background:var(--n-pink-faint)}[data-theme=neon] .day-line-check{border-color:var(--n-cyan-soft)}[data-theme=neon] .hud-left .routine-item{background:#3ce8ff0a;border-color:#3ce8ff40}[data-theme=neon] .hud-left .routine-item.active{background:var(--n-pink-faint);border-color:var(--n-pink);color:#fff}[data-theme=neon] .hud-right .week-chart{border-color:var(--n-cyan-faint)}[data-theme=neon] .hud-right .week-bar-track{background:#3ce8ff0d;border-color:#3ce8ff38}[data-theme=neon] .hud-right .week-bar-fill{background:#3ce8ff8c}[data-theme=neon] .hud-right .week-bar.best .week-bar-fill{background:var(--n-pink);box-shadow:0 0 6px #ff4fc899}[data-theme=neon] .streak-lost-line{color:#bfe9ff;background:var(--n-glass-deep);border-color:var(--n-cyan-soft);box-shadow:0 0 12px #3ce8ff33}[data-theme=neon] .streak-lost-title{color:var(--n-pink)}[data-theme=neon] .topbar-mobile .pixel-icon-btn{background:var(--n-cyan);box-shadow:inset -3px -4px 0 0 var(--amber-dim),inset 3px 3px #c9f8ff,3px 3px #000,var(--n-glow-cyan)}[data-theme=neon] .vol-slider{--vol-track: rgba(4, 3, 14, .85);--vol-fill: linear-gradient(90deg, var(--n-violet), var(--n-cyan));--vol-edge: var(--n-cyan-soft);--vol-knob: #0b0920}[data-theme=neon] .vol-sfx{--vol-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath fill='%233ce8ff' d='M1 3h2v2h-2zM3 2h1v4h-1zM4 1h1v6h-1zM6 3h1v2h-1zM8 2h1v4h-1z'/%3E%3C/svg%3E")}[data-theme=neon] .vol-music{--vol-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23ff4fc8' d='M5 1h1v5h-1zM6 1h2v1h-2zM7 2h1v1h-1zM2 5h3v2h-3zM3 4h2v1h-2z'/%3E%3C/svg%3E")}[data-theme=neon] .vol-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--n-violet),var(--n-cyan)) 0 0 / var(--fill, 50%) 100% no-repeat,var(--vol-track);box-shadow:0 0 8px #3ce8ff33}[data-theme=neon] .vol-slider input[type=range]::-webkit-slider-thumb{border-color:var(--n-cyan);box-shadow:0 0 10px #3ce8ff8c,2px 2px #000}[data-theme=neon] .vol-music input[type=range]::-webkit-slider-thumb{border-color:var(--n-pink);box-shadow:0 0 10px #ff4fc88c,2px 2px #000}