.skill-connection-stop{transition:stop-color .25s ease-out,stop-opacity .25s ease-out}.skill-tree-canvas--simple .react-flow__edge path{opacity:.55!important;transition:none!important}.skill-tree-canvas--simple .skill-connection-stop{transition:none}.app-screen-tabs>[data-main-tab-active]{position:relative}.app-screen-tabs>[data-main-tab-active]:after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:2px;border-radius:60% 30% 45% 20%;background:currentColor;pointer-events:none;transform:rotate(-1deg) scaleX(0);transform-origin:left;transition:transform .15s ease-out}.app-screen-tabs>[data-main-tab-active=true]:after{transform:rotate(-1deg) scaleX(1)}.shop-purchase-host{position:relative;min-width:0;height:100%}.shop-purchase-host>:first-child{height:100%}.shop-purchase-effect{position:absolute;inset:0;pointer-events:none;z-index:2}.shop-purchase-flash{position:absolute;inset:0;border:2px solid #3b9973;border-radius:8px;animation:polish-purchase-flash .45s ease-out both}.shop-purchase-deductions{position:absolute;right:8px;bottom:32px;max-width:calc(100% - 16px);padding:3px 6px;border-radius:3px;background:#fffef4;color:#9a3412;font:700 11px/1.35 monospace;animation:polish-deduction .8s ease-out both}.shop-purchase-deductions:empty{display:none}.shop-purchase-host--tool .shop-purchase-deductions{bottom:53px}.shop-purchase-deductions>span{display:flex;justify-content:flex-end;align-items:center;gap:4px;overflow-wrap:anywhere}.shop-purchase-deductions svg{flex-shrink:0}.dark .shop-purchase-deductions{background:#171717;color:#fdba74}.polish-medal-host{min-width:0;aspect-ratio:1}.polish-medal-host>:first-child{width:100%;height:100%}.polish-medal-arrival{animation:polish-medal-arrival .45s ease-out both}.polish-medal-enhance{animation:polish-medal-enhance .2s ease-out both}.collect-brush-label{position:relative;isolation:isolate}.collect-equip-stroke{position:absolute;inset:15% -5px;z-index:-1;pointer-events:none;background:#f3c76066;border-radius:30% 15% 25% 10%;transform-origin:left;animation:polish-brush-stroke .25s ease-out both}.collect-card-arrival{animation:polish-card-arrival 525ms ease-out both}.collect-artwork-arrival{animation:polish-card-arrival .6125s ease-out both}.collect-variants figure{position:relative}.collect-new-card{position:absolute;top:1px;left:1px;z-index:1;padding:1px 3px;color:#132b2d;background:#67e8f9;border-radius:2px;font:700 8px/1.2 sans-serif;pointer-events:none}.collect-cards-shortcut{position:relative}.collect-cards-indicator{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#0891b2;border:1px solid #fff}.dark .collect-cards-indicator{background:#67e8f9;border-color:#171717}@keyframes polish-purchase-flash{0%{opacity:.8}to{opacity:0}}@keyframes polish-deduction{0%{opacity:0;transform:translateY(5px)}15%,70%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@keyframes polish-medal-arrival{0%{transform:scale(1.14) rotate(-3deg);opacity:.45}55%{transform:scale(.97) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes polish-medal-enhance{0%{transform:scale(1.045)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes polish-brush-stroke{0%{transform:scaleX(0) rotate(-2deg);opacity:1}65%{transform:scaleX(1) rotate(-2deg);opacity:1}to{transform:scaleX(1) rotate(-2deg);opacity:0}}@keyframes polish-card-arrival{0%{transform:translateY(-7px) rotate(-3deg);opacity:.5}to{transform:translateY(0) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.skill-connection-stop,.react-flow__edge path,.app-screen-tabs>[data-main-tab-active]:after{transition:none!important}.shop-purchase-flash,.shop-purchase-deductions,.polish-medal-arrival,.polish-medal-enhance,.collect-equip-stroke,.collect-card-arrival,.collect-artwork-arrival{animation:none}.shop-purchase-flash{opacity:.4}.collect-equip-stroke{display:none}}:root{--ui-css-zoom: 1;--ui-viewport-width: calc(100vw / var(--ui-css-zoom));--ui-viewport-height: calc(100dvh / var(--ui-css-zoom))}.app-shell{height:var(--ui-viewport-height)}body{min-width:min(320px,var(--ui-viewport-width));min-height:var(--ui-viewport-height)}body .fixed.inset-0{width:var(--ui-viewport-width);height:var(--ui-viewport-height);right:auto;bottom:auto}.app-main{min-height:0}.app-sidebar{position:relative;flex-shrink:0;height:var(--ui-viewport-height);z-index:50;width:48px;overflow:visible}.app-sidebar-player{--sidebar-width: 320px}.app-sidebar-protocol{--sidebar-width: 210px}.app-sidebar:not(.app-sidebar-drawer)[data-pinned=true]{width:var(--sidebar-width)}.app-sidebar-content{position:absolute;inset-block:0;left:0;width:min(var(--sidebar-width),var(--ui-viewport-width));visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:4px 0 24px #0000001a}.app-sidebar-protocol .app-sidebar-content{left:auto;right:0}.app-sidebar.is-expanded .app-sidebar-content{visibility:visible;opacity:1;pointer-events:auto}.app-sidebar.is-expanded{z-index:55}.app-sidebar-rail-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-sidebar.is-expanded .app-sidebar-rail-label{visibility:hidden}.app-sidebar-drawer{position:fixed;top:0;left:0;width:min(var(--sidebar-width),var(--ui-viewport-width));transform:translate(-100%);transition:transform .16s ease}.app-sidebar-drawer.app-sidebar-protocol{left:auto;right:0;transform:translate(100%)}.app-sidebar-drawer.is-expanded{transform:translate(0)}.app-sidebar-drawer .app-sidebar-content{padding-top:40px}.app-sidebar-drawer .sidebar-lock-toggle{display:none}.sidebar-drawer-close{position:absolute;top:4px;right:4px;width:32px;height:32px;cursor:pointer}.app-sidebar-protocol #tutorial-sidebar-protocols{grid-template-columns:minmax(0,1fr)}.app-sidebar-protocol #tutorial-sidebar-protocols>*{grid-column:auto}.app-sidebar:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.compact-resource-header{container:app-navigation / inline-size;display:flex;align-items:center;gap:4px;padding:4px 6px}.compact-resource-header>nav{flex:1;min-width:0}.compact-resource-header .settings-cog{flex-shrink:0}.compact-resource-header .settings-cog:after{inset:0}.compact-resource-header nav{gap:4px}.compact-resource-header nav button{min-height:32px;height:auto;padding:3px 7px;font-size:10px!important;line-height:1.1!important}.compact-resource-header .extended-nav-hit-area:before{display:none}.app-drawer-toggles{display:flex;gap:4px;flex-shrink:0}.app-drawer-toggle{display:flex;align-items:center;justify-content:center;gap:4px}.app-drawer-toggle svg{width:16px;height:16px;flex-shrink:0}.app-navigation{min-width:0}.app-screen-tabs{display:flex;align-items:stretch;gap:inherit;min-width:0}.resource-header-narrow .resource-nav-row{container:app-navigation / inline-size;height:auto;min-height:32px;padding:4px 8px}.resource-header-narrow .resource-nav-scroll{position:static;height:auto;overflow:visible;padding:0;pointer-events:auto}.resource-header-narrow .resource-nav-scroll>div{width:100%}.resource-header-narrow .app-navigation{gap:4px}.resource-header-narrow .app-navigation button{min-height:32px;height:auto}.resource-header-narrow .extended-nav-hit-area:before{display:none}@container app-navigation (width < 768px){.app-drawer-toggle{width:32px;padding-inline:0!important;flex-shrink:0}.app-drawer-toggle span{display:none}.app-screen-tabs{flex:1}.app-screen-tabs>button{flex:1 1 0;min-width:0;padding-inline:3px!important;font-size:10px!important;line-height:1.2!important;overflow-wrap:anywhere}}@container app-navigation (width < 360px){.app-navigation .app-screen-tabs>button{font-size:9px!important;letter-spacing:0}}@container app-navigation (width < 280px){.app-navigation{flex-wrap:wrap}.app-drawer-toggles{flex-basis:100%}.app-screen-tabs{flex-basis:100%!important}}@media(max-width:767px)and (orientation:portrait){.app-header{--portrait-control-size: max(44px, calc(44px / var(--ui-css-zoom)));--portrait-control-inset: max(20px, calc(20px / var(--ui-css-zoom)), env(safe-area-inset-left, 0px));--portrait-drawer-count: 2}.resource-header-narrow .resource-mobile-tips{height:calc(var(--portrait-control-size) + 9px);padding-block:4px;padding-inline-start:var(--portrait-control-inset)}.resource-header-narrow .resource-mobile-tips .settings-cog,.compact-resource-header .settings-cog{width:var(--portrait-control-size);height:var(--portrait-control-size)}.resource-header-narrow .resource-mobile-tips .settings-cog:after{inset:0}.resource-header-narrow .app-header-tip-text{margin-inline-start:calc(var(--portrait-drawer-count) * (var(--portrait-control-size) + 8px))}.resource-header-narrow .app-drawer-toggles{position:absolute;inset-inline-start:calc(var(--portrait-control-inset) + var(--portrait-control-size) + 8px);bottom:calc(100% + 5px);gap:8px}:is(.resource-header-narrow,.compact-resource-header) .app-drawer-toggles>button{width:var(--portrait-control-size);min-height:var(--portrait-control-size);height:var(--portrait-control-size)}.compact-resource-header{flex-wrap:wrap;gap:4px 8px;padding-inline:8px}.compact-resource-header>:first-child{margin-inline-start:calc(var(--portrait-control-inset) - 8px)}.compact-resource-header>.app-navigation{display:contents}.compact-resource-header .app-drawer-toggles{gap:8px;flex-basis:auto}.compact-resource-header .app-screen-tabs{order:1;flex:1 0 100%;gap:4px}}.gallery-surface{container:gallery / size;min-width:0;min-height:0}.gallery-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;align-items:stretch}.gallery-card-grid>.sketch-card-peek{container:sketch-card / inline-size}.gallery-card-stats{height:auto;min-height:0;align-items:start}.gallery-card-rewards{height:auto;min-height:0}.gallery-card-rewards .reward-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.gallery-card-rewards .reward-display>div{min-width:0}.gallery-card-rewards .font-mono{min-width:0;gap:4px}.gallery-card-rewards .font-mono>span:first-child{flex-shrink:0}.gallery-card-rewards .font-mono>span:last-child{min-width:0;overflow-wrap:anywhere}.gallery-filter-toggle{display:none}@container gallery (min-width: 800px){.gallery-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}.custom-challenge-editor{container:challenge-editor / inline-size}.custom-challenge-editor-body{grid-template-columns:minmax(0,1fr)}.custom-challenge-editor input,.custom-challenge-editor textarea{width:100%;min-width:0}@container challenge-editor (min-width: 900px){.custom-challenge-editor-body{grid-template-columns:minmax(0,1fr) 280px}.custom-challenge-editor-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@container gallery (width < 800px) or (height < 600px){.gallery-filter-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-bottom:8px}.gallery-filter-toggle button{min-height:32px;padding:4px 8px;border:1px solid var(--color-neutral-400);border-radius:4px;font-size:11px;font-weight:700;cursor:pointer}.gallery-filters:not([data-open=true]){display:none}.gallery-filters[data-open=true]{position:relative;inset:auto;margin:0 0 8px;padding:0 0 8px;overflow:visible;z-index:auto;background:var(--color-white);border:0;display:flex;flex-direction:column;align-items:stretch;gap:8px}.gallery-filters:before{display:none}.dark .gallery-filters[data-open=true]{background:var(--color-neutral-950)}.gallery-filters .gallery-control-rail{align-items:flex-start;width:100%}.gallery-filters .gallery-hide-controls,.gallery-filters .gallery-bulk-hide-controls,.gallery-filters .gallery-main-hide-controls{flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}}@container sketch-card (width < 360px){.gallery-card-stats{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 12px;align-content:start}.gallery-card-stats>:first-child,.gallery-card-stats>:first-child>button{width:72px}.gallery-card-stats>:first-child>button{height:72px}.gallery-card-details{display:contents}.gallery-card-stats .sketch-card-peek-info{padding-inline-end:28px}.gallery-card-stat-values{grid-column:1 / -1}.gallery-card-stats h3{font-size:16px!important;line-height:1.15!important}}@container sketch-card (width < 220px){.gallery-card-stats{grid-template-columns:minmax(0,1fr)}.gallery-card-stats .sketch-card-peek-info{padding-inline-end:0}.gallery-card-actions{flex-wrap:wrap}.gallery-card-actions>.flex-1{flex-basis:100%}}.ui-tooltip{overflow-wrap:anywhere}.ui-tooltip :where(div,span,p,strong,table){min-width:0;max-width:100%}.ui-tooltip .whitespace-nowrap{white-space:normal}.ui-tooltip .flex{flex-wrap:wrap}@container gallery (width < 600px){.gallery-card-grid,.gallery-card-stats{gap:12px}.gallery-card-stats h3{font-size:18px!important;line-height:1.05!important}}@media(prefers-reduced-motion:reduce){.app-sidebar-drawer,.app-sidebar-content{transition:none}}.player-portrait{position:relative;width:100%;height:100%;overflow:hidden}.player-portrait .player-portrait__body{width:100%;height:100%;transform:translateY(0) rotate(0);transform-origin:center;transition:transform .22s ease-out,filter .2s ease,mix-blend-mode .2s ease}.player-portrait[data-recovering] .player-portrait__body{transform:translateY(5%) rotate(-45deg)}.player-portrait[data-fleeing] .player-portrait__body{transform:scaleX(-1)}.player-portrait[data-fleeing][data-visible] .player-portrait__body{animation-name:player-flee-run;animation-timing-function:ease-in-out;animation-fill-mode:both}.player-portrait__spirit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.player-portrait__ghost-flight{animation-name:player-spirit-recovery;animation-timing-function:linear;animation-fill-mode:both}.player-portrait__ghost-bob{animation:player-spirit-bob 1.8s ease-in-out infinite}@keyframes player-spirit-recovery{0%{opacity:0;transform:translate(var(--head-x),var(--head-y)) scale(.3);animation-timing-function:ease-out}8%,78%{opacity:1;transform:translate(var(--ghost-x),var(--ghost-y)) scale(1);animation-timing-function:ease-in}94%{opacity:.85;transform:translate(var(--body-x),var(--body-y)) scale(.5);animation-timing-function:ease-out}to{opacity:0;transform:translate(var(--body-x),var(--body-y)) scale(0)}}@keyframes player-spirit-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}@keyframes player-flee-run{0%,to{transform:rotate(0) scaleX(-1)}2%{transform:rotate(13deg) scaleX(-1)}4.5%{transform:rotate(-13deg) scaleX(-1)}7.5%{transform:rotate(13deg) scaleX(-1)}11%{transform:rotate(-13deg) scaleX(-1)}15%{transform:rotate(13deg) scaleX(-1)}20%{transform:rotate(-13deg) scaleX(-1)}26%{transform:rotate(13deg) scaleX(-1)}33%{transform:rotate(-13deg) scaleX(-1)}41%{transform:rotate(13deg) scaleX(-1)}50%{transform:rotate(-13deg) scaleX(-1)}60%{transform:rotate(13deg) scaleX(-1)}72%{transform:rotate(-13deg) scaleX(-1)}86%{transform:rotate(13deg) scaleX(-1)}}@media(prefers-reduced-motion:reduce){.player-portrait .player-portrait__body{transition:none}.player-portrait[data-fleeing][data-visible] .player-portrait__body{animation:none}.player-portrait__ghost-flight{animation:none;transform:translate(var(--ghost-x),var(--ghost-y))}.player-portrait__ghost-bob{animation:none}}.collect-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#08090bd9;padding:12px}.collect-modal{width:960px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column;overflow:auto;background:#161814;color:#e9e3d5;border:1px solid #827451;box-shadow:0 20px 90px #0009;font-size:12px;outline:none;color-scheme:dark}.collect-modal>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #454638;flex-shrink:0}.collect-modal h2{font-size:15px;font-weight:800;letter-spacing:.08em}.collect-modal h3{font-weight:700}.collect-modal button,.collect-entry button{cursor:pointer;border:1px solid #545442;padding:6px 10px;background:#25281f;color:#e9e3d5;border-radius:3px}.collect-modal button:hover,.collect-entry button:hover{background:#363b2e}.collect-modal button:disabled{opacity:.4;cursor:default}.collect-modal button:focus-visible,.collect-modal input:focus-visible,.collect-modal select:focus-visible{outline:2px solid #f3c760;outline-offset:2px}.collect-modal select,.collect-modal input:not([type=checkbox]){background:#22251e;border:1px solid #515342;padding:6px;max-width:220px;min-width:0}.collect-modal input[type=checkbox]{accent-color:#cfb97f}.collect-modal>footer{padding:12px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #454638}.collect-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;flex-shrink:0}.collect-filters label{display:flex;align-items:center;gap:4px;font-size:11px}.collect-filters>span{margin-left:auto;font-size:10px;color:#bdb7a5}.collect-brush-body{display:flex;gap:12px;min-height:130px;overflow:auto;padding:12px;flex:1}.collect-brush-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;align-content:start;flex:1}.collect-brush-cell{position:relative;border:1px solid;padding:4px;min-height:100px}.collect-brush-cell>button{border:0;padding:0;display:flex;flex-direction:column;align-items:center;width:100%}.collect-brush-cell>span{font-size:8px;display:block;min-height:12px;text-align:center}.collect-brush-cell>input{position:absolute;right:3px;top:3px}.collect-comparison{width:260px;max-width:45%;flex-shrink:0}.collect-comparison button{font-size:10px;margin:4px 4px 8px 0}.collect-pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:6px}.collect-recycler{padding:10px 12px;border-top:1px solid #454638}.collect-recycler>div{max-width:520px}.collect-recycler button{margin-right:8px}.collect-dot-guide{padding:0 12px 8px;flex-shrink:0;font-size:11px;color:#b9b6a6}.collect-dot-guide summary{cursor:pointer;list-style:disclosure-closed inside;padding:4px 0}.collect-dot-guide[open] summary{list-style-type:disclosure-open}.collect-dot-guide summary:focus-visible{outline:2px solid #f3c760;outline-offset:2px}.collect-dot-guide>p{margin:4px 0 8px}.collect-dot-guide>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.collect-dot-guide section{padding:8px;border:1px solid #454638;background:#11140f}.collect-dot-guide h4{font-weight:700;margin-bottom:4px}.collect-dot-guide ol{list-style:decimal inside;color:#dedacc;line-height:1.8}.collect-dot-guide h4{color:#dedacc}.collect-dot-guide li>.collect-brush-effect-icon{display:inline-block;vertical-align:middle;margin:0 4px 0 2px}.collect-shortcut-brushes{display:flex;align-items:center;justify-content:center;gap:2px;height:30px;flex-shrink:0}.collect-shortcut-brushes>span{display:flex;align-items:center;justify-content:center;width:45px;height:30px;flex-shrink:0}.collect-shortcut-brushes svg{flex-shrink:0}.collect-album-scroll{height:clamp(180px,48dvh,520px);min-height:160px;flex:1 1 auto;overflow:auto;margin:0 12px 12px;position:relative;contain:layout paint;scrollbar-gutter:stable}.collect-album-row{position:absolute;left:0;right:0;display:flex;gap:4px;align-items:flex-start}.collect-album-row>h3{font-size:10px;text-transform:uppercase;letter-spacing:.12em;line-height:28px;color:#c2bda9}.collect-modal .collect-card-tile{position:relative;padding:0;width:48px;height:48px;flex:0 0 48px;border:1px solid #696b59;border-radius:2px;overflow:hidden;background:#23261f}.collect-card-tile img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#e6e1d5}.collect-card-tile small{position:absolute;bottom:0;right:0;font-size:8px;line-height:12px;background:#111e;padding:0 2px;color:#fff}.collect-card-tile.is-missing{border:1px dashed #3c4134;color:#626957;font-size:19px}.collect-card-detail{display:flex;gap:14px;border-top:1px solid #454638;padding:10px 12px;max-height:210px;overflow:auto;flex-shrink:0}.collect-card-detail>div:first-child{min-width:130px;max-width:200px;font-size:11px}.collect-card-detail p{margin:6px 0}.collect-variants{display:flex;gap:8px;overflow:auto;flex:1}.collect-variants figure{flex:0 0 72px;width:72px}.collect-variants img,.collect-variant-gap{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;background:#e6e1d5}.collect-variant-gap{display:grid;place-items:center;background:#23261f;border:1px dashed #4a5040;color:#7d866e}.collect-variants figcaption{font-size:9px;line-height:1.35;padding-top:4px}.collect-brush-reveal{padding:20px;text-align:center;max-width:430px;margin:auto}.collect-brush-reveal>svg{margin:auto}.collect-brush-reveal h3{font-size:18px}.collect-card-reveal{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:24px}.collect-card-reveal figure{width:120px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px}.collect-card-reveal img,.collect-card-reveal figure>span{width:106px;height:106px;box-sizing:border-box;border:1px solid #555d48;-o-object-fit:contain;object-fit:contain;background:#e6e1d5}.collect-card-reveal figure>span{display:grid;place-items:center;background:#22261d}.collect-card-reveal figcaption{font-size:10px;text-align:center;padding-top:6px}.collect-card-reveal strong{color:#bea}.collect-card-reveal .is-duplicate strong{color:#fdba74}.collect-card-reveal .is-new.is-revealed img{border-color:#eccc7b;box-shadow:0 0 22px #eccc7b44}.collect-bonus-rows{font-size:10px;border-top:1px solid #8884;margin-top:4px;padding-top:4px}.collect-bonus-rows>div{display:flex;justify-content:space-between;gap:14px}.collect-bonus-rows b{font-family:monospace}.collect-reveal-item{animation:collect-reveal .4s ease-out both}@keyframes collect-reveal{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.collect-reveal-item{animation:none}}@media(max-width:540px){.collect-overlay{padding:6px}.collect-modal{max-height:95dvh}.collect-brush-body{flex-direction:column}.collect-comparison{max-width:100%;width:100%}.collect-filters{gap:5px}.collect-filters input:not([type=checkbox]){max-width:140px}.collect-card-detail{gap:8px}.collect-card-detail>div:first-child{min-width:100px;width:100px}.collect-card-reveal{gap:8px;padding:12px}}.collect-tile-tooltip{position:fixed;z-index:1200;pointer-events:none;width:220px;background:#11150ff5;border:1px solid #79795e;color:#e9e3d5;padding:6px 8px;font-size:10px;line-height:1.4;box-shadow:0 4px 16px #0008}.collect-entry{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid #424438}.collect-entry>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collect-entry>div>button{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 16px;border-color:#635a45;background:linear-gradient(110deg,#292a20,#191c16);text-align:left}.collect-entry strong{display:block;font-size:14px;letter-spacing:.03em}.collect-entry small{display:block;margin-top:3px;font-size:10px;color:#b7b09c}.collect-entry svg{flex-shrink:0}.collect-entry>div>button>span:last-child{margin-left:auto;color:#bbae8c;font-size:24px}.collect-equipped{display:flex;align-items:stretch;gap:10px;padding:12px;flex-wrap:wrap;border-bottom:1px solid #454638}.collect-hand{flex:1 1 180px;max-width:300px;border:1px solid #484d3e;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.collect-held-brush{border:0!important;background:transparent!important;padding:0!important}.collect-hand .collect-effects{width:100%;text-align:left}.collect-hand>button:last-child{font-size:10px}.collect-empty-hand{height:92px;display:grid;place-items:center;color:#686e5b}.collect-total-effects{flex:1 1 200px;padding:8px 12px;border-left:1px solid #484d3e}.collect-total-effects h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.collect-total-effects>p{color:#989d8b;font-size:11px;margin-top:8px}.collect-effects{font-size:11px;margin:8px 0}.collect-effects>div{display:flex;justify-content:space-between;gap:16px;padding:3px 0}.collect-effects dd{font-family:monospace;font-weight:700;color:#ead9a3}.collect-modal .is-selected{outline:2px solid #f1d49d;outline-offset:-2px}.collect-presets{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;position:relative;border-bottom:1px solid #454638;flex-shrink:0}.collect-presets>span:first-child{font-size:11px;font-weight:700}.collect-preset-buttons{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;min-width:0}.collect-preset-buttons button{height:34px;min-width:42px;flex-shrink:0;white-space:nowrap;font-family:monospace;font-weight:700;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.collect-preset-buttons .is-saved{border-color:#b19b68;color:#f0dba7}.collect-preset-status{font-size:10px;color:#bdb7a5}.collect-preset-menu{position:absolute;top:calc(100% - 4px);left:12px;z-index:5;display:flex;gap:4px;flex-wrap:wrap;background:#12160f;border:1px solid #b19b68;padding:8px;box-shadow:0 5px 20px #000b;max-width:calc(100% - 24px)}.collect-preset-menu form{display:flex;gap:5px;align-items:center}.collect-preset-menu input{width:100px}.collect-preset-menu button{font-size:11px}@media(max-width:540px){.collect-entry>div:first-child{gap:6px}.collect-entry>div>button{padding:8px;gap:6px;min-height:64px}.collect-entry strong{font-size:12px}.collect-entry small{font-size:9px}.collect-entry svg{width:30px;height:30px}.collect-entry>div>button>span:last-child{display:none}.collect-equipped{gap:6px;padding:8px}.collect-hand{flex-basis:120px;padding:6px;max-width:none}.collect-total-effects{flex-basis:100%;border-left:0;border-top:1px solid #484d3e}.collect-presets{gap:8px}.collect-preset-buttons button{min-width:38px;padding:5px}}.collect-modal>.collect-brush-grid{padding:12px;overflow:auto;min-height:130px;max-height:44vh;flex-shrink:0}.collect-brush-tooltip{position:fixed;z-index:1250;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;pointer-events:none;padding:12px;border:1px solid #a48b5e;background:#171b14;color:#ece4d5;box-shadow:0 8px 28px #000b;font-size:12px}.collect-brush-tooltip>svg{float:left;margin-right:10px}.collect-brush-tooltip>strong{display:block;padding:8px 0}.collect-brush-tooltip>.collect-effects{clear:both}.collect-brush-tooltip>p{margin-top:8px;font-weight:700}.collect-recycle-action{color:#ff8585}.collect-modal button.is-recycling{border-color:#ff8585;background:#572727;color:#ffb5b5}.collect-recycler>span,.collect-hand-hint{font-size:11px;color:#b9b6a6}.collect-hand-hint{padding:6px 12px}.collect-brush-cell .collect-lock-button{font-size:9px;padding:2px 5px}.collect-brush-cell button[aria-disabled=true]{opacity:.55;cursor:default}.collect-brush-cell .collect-lock-button[aria-pressed=true]{border-color:#d8b560;color:#ffe3a1;background:#3c3321}.collect-overlay[data-tutorial-above=true]{padding-top:var(--tutorial-space);box-sizing:border-box}.collect-overlay[data-tutorial-above=true] .collect-modal{max-height:calc(100dvh - var(--tutorial-space) - 24px)}.collect-effects .collect-bonus-effect,.collect-effects .collect-bonus-effect dd{color:#8ddbe8}.collect-new-brush{display:inline-block;padding:1px 4px;border:1px solid #eccc7b;background:#493e20;color:#ffe7a0;font-size:9px;font-weight:800;border-radius:3px;margin-left:4px}.collect-brush-cell .collect-new-brush{position:absolute;top:4px;right:4px;margin:0;pointer-events:none}.collect-tier-plus{color:#8ddbe8}.collect-tier-double-plus,.collect-effects .collect-double-bonus-effect,.collect-effects .collect-double-bonus-effect dd{color:#f3c760}.collect-brush-cell{min-height:74px}.collect-brush-image{width:84px;height:68px;box-sizing:border-box;padding-top:20px;display:block}.collect-equipped-overlay{background:#111d;color:#eee;padding:1px 4px;font-size:9px;white-space:nowrap;margin-top:2px}.collect-brush-cell .collect-lock-corner{position:absolute;left:4px;top:4px;z-index:1}.collect-brush-cell .collect-lock-button{background:#171b14;font-size:8px;padding:1px 3px}.collect-sacrifice-body{padding:12px;overflow:auto}.collect-sacrifice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.collect-sacrifice-grid label{display:flex;align-items:center;gap:8px;border:1px solid #454638;padding:6px}.collect-sacrifice-grid img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.collect-sacrifice-grid span{flex:1;min-width:0;font-size:11px}.collect-sacrifice-grid small{display:block;color:#b9b6a6}.collect-sacrifice-grid input{width:55px}.collect-sacrifice-confirm>div{padding:3px 0;font-size:11px}.collect-recycler>.collect-recycled-totals{max-width:none;margin-top:10px;padding:10px;border:1px solid #454638;background:#11140f}.collect-recycled-totals h3{font-size:11px;font-weight:700;color:#e9d7aa}.collect-recycled-totals p{font-size:10px;color:#b9b6a6;margin:4px 0}.collect-recycled-totals dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 18px;max-height:160px;overflow:auto;margin-top:8px}.collect-recycled-totals dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}.collect-recycled-totals dd{font-family:monospace;color:#c5e0d1;white-space:nowrap}.collect-preset-buttons button.is-equipped-preset{border-color:#9ad6b1;background:#254735;color:#d9ffe6;box-shadow:inset 0 0 0 1px #9ad6b1}.collect-preset-auto{display:inline-block;margin-left:4px;color:#f3c760;font-size:15px}.collect-preset-menu button[role=menuitemcheckbox][aria-checked=true],.collect-preset-menu button[aria-pressed=true]{border-color:#f3c760;color:#f3c760}.collect-inventory-heading{padding:10px 12px 4px;border-top:1px solid #454638;font-size:12px;flex-shrink:0}.collect-modal .collect-brush-cell>.collect-stage-button{display:block;margin-top:6px;border:1px solid #545442;padding:4px 2px;font-size:9px;line-height:1.3;min-height:30px}.collect-modal>.collect-staged-grid{max-height:30vh;min-height:60px}.collect-preset-locked{flex-basis:100%;font-size:10px;color:#bdb7a5}.collect-preset-settings{width:540px;max-height:60dvh;overflow:auto;align-items:flex-start}.collect-preset-settings>h3,.collect-preset-settings>p,.collect-preset-settings>fieldset,.collect-preset-condition{flex-basis:100%}.collect-preset-settings>p{font-size:10px;color:#bdb7a5;line-height:1.5}.collect-preset-settings>fieldset{border:1px solid #545442;padding:8px;margin:4px 0}.collect-preset-settings legend{font-size:11px;padding:0 4px}.collect-preset-currencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.collect-preset-currencies label,.collect-preset-condition{display:flex;align-items:center;gap:6px;font-size:11px}.collect-preset-condition{margin:4px 0;align-items:flex-start}.collect-preset-condition input{margin-top:2px;flex-shrink:0}.collect-brush-effect-icon{color:#000}.dark .collect-brush-effect-icon,.collect-modal .collect-brush-effect-icon,.collect-brush-tooltip .collect-brush-effect-icon{color:#fff}.collect-brush-effect-icon>svg>rect{display:none}.collect-brush-effect-icon>svg *{fill:none;stroke:currentColor;stroke-opacity:1;stroke-width:3;filter:none}.collect-brush-effect-icon>svg[viewBox="0 0 24 24"] *{stroke-width:1.5}.collect-preset-timer-countdown{display:inline-block;margin-left:5px;font-size:10px;font-weight:400;color:#b6e5c9;font-variant-numeric:tabular-nums}.collect-preset-timer-controls form{flex-wrap:wrap}.collect-preset-timer-controls label{display:flex;align-items:center;gap:6px;font-size:11px}.collect-preset-timer-controls p{font-size:10px;line-height:1.5;color:#bdb7a5;margin-top:6px}.collect-preset-timer-controls p[role=alert]{color:#ff8585}.collect-sidebar-brush-shortcut{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.collect-sidebar-preset-menu{position:fixed;z-index:1260;width:220px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid #d4d4d4;border-radius:4px;background:#fff;color:#171717;box-shadow:0 8px 24px #0005;font-size:12px;outline:none}.collect-sidebar-preset-menu header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 6px;font-weight:700}.collect-sidebar-preset-menu header button{padding:0 5px;font-size:18px;cursor:pointer}.collect-sidebar-preset-row{display:block;width:100%}.collect-sidebar-preset-menu [role=menuitem]{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:6px 10px;border-radius:3px;cursor:pointer;font-family:monospace}.collect-sidebar-preset-menu [role=menuitem]:hover{background:#fef3c7}.collect-sidebar-preset-menu button:focus-visible{outline:2px solid #d97706;outline-offset:-2px}.collect-sidebar-preset-menu [role=menuitem].is-equipped-preset{background:#dcfce7;color:#166534}.collect-sidebar-preset-menu>p{padding:8px;line-height:1.5;color:#737373}.dark .collect-sidebar-preset-menu{border-color:#525252;background:#171717;color:#f5f5f5}.dark .collect-sidebar-preset-menu [role=menuitem]:hover{background:#404040}.dark .collect-sidebar-preset-menu [role=menuitem].is-equipped-preset{background:#254735;color:#d9ffe6}.dark .collect-sidebar-preset-menu>p{color:#a3a3a3}.rolling-credits-viewport{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.045),transparent 36%),#050505}.rolling-credits-track{animation:rolling-credits-scroll var(--rolling-credits-duration, 150s) linear forwards;will-change:transform}.rolling-credits-controls{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:2px;max-width:calc(100vw - 2rem);flex-wrap:wrap;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#050505e6}.rolling-credits-controls button{display:flex;align-items:center;justify-content:center;min-width:30px;height:34px;padding:0 5px;border-radius:3px;color:#a3a3a3;font-size:11px;font-weight:600;cursor:pointer}.rolling-credits-controls button:hover,.rolling-credits-controls button[aria-pressed=true]{color:#fff;background:#ffffff1f}.rolling-credits-controls button:focus-visible{outline:2px solid white;outline-offset:1px}.rolling-credits-controls-divider{width:1px;height:14px;margin:0 3px;background:#fff3}@keyframes rolling-credits-scroll{0%{transform:translate3d(0,100vh,0)}to{transform:translate3d(0,calc(-100% - 20vh),0)}}@media(prefers-reduced-motion:reduce){.rolling-credits-controls{display:none}.rolling-credits-viewport{overflow-y:auto}.rolling-credits-track{animation:none;transform:none;will-change:auto}}.story-modal-backdrop{padding:1rem}.story-modal-panel{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;max-height:100%;overflow:hidden;padding:clamp(1rem,3vw,2rem)}.story-modal-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-wrap:anywhere}.story-modal-actions{display:flex;flex-shrink:0;justify-content:flex-end;gap:1rem;padding-top:1rem}.story-modal-actions button{min-height:44px;max-width:100%;overflow-wrap:anywhere}.premise-story-panel{max-width:68rem;color:#e5e5e5;background:#000;border-color:#262626;color-scheme:dark}.premise-story-panel h2{color:#f5f5f5;border-color:#262626}.premise-story-content{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.premise-story-copy{min-width:0}.premise-story-copy p{color:#d4d4d4;font-size:clamp(1.1rem,2.4vw,1.5rem)}.premise-animation{align-self:start;min-width:0}.premise-animation-stage{position:relative;width:384px;height:328px;max-width:100%;margin-inline:auto;overflow:hidden;background:#000;contain:layout paint}.premise-paper{position:absolute;left:calc(50% - 128px);top:24px;width:256px;height:256px;transform-origin:center}.premise-paper img{width:256px;height:256px;max-width:none;filter:none}.premise-paper-mesh{width:256px;height:256px;overflow:visible}.premise-paper .redraw-pencil{color:#262626}.premise-paper .redraw-drawing-edge{color:#26262680;box-shadow:0 -3px 7px #26262640}.milestone-paper-sheet{position:relative;width:100%;height:100%;background:#fff;transform-origin:center}.milestone-paper-mask,.milestone-paper-drawing{position:absolute;inset:0;background:#fff}@media(min-width:900px){.premise-story-content{grid-template-columns:384px minmax(0,1fr);gap:2rem}.premise-animation{grid-column:1;grid-row:1;position:sticky;top:0}.premise-story-copy{grid-column:2;grid-row:1}}@media(max-width:430px){.premise-animation-stage{height:265px}.premise-paper{top:0;scale:.76}}@media(max-width:375px){.premise-paper{scale:.68}}.showdown-timer{transform-origin:left center;will-change:transform;animation:showdown-timer linear forwards}@keyframes showdown-timer{0%{transform:translateZ(0) scaleX(1)}to{transform:translateZ(0) scaleX(0)}}.startup-splash,.startup-splash-loading{position:fixed;inset:0;background:#100f10}.startup-splash{isolation:isolate;overflow:hidden;color:#e9dfc9;background-image:radial-gradient(ellipse at 50% 48%,#292222,#161314 45%,#100f10 75%)}.startup-splash__flights,.startup-splash__vignette{position:absolute;inset:0;pointer-events:none}.startup-splash__vignette{background:radial-gradient(ellipse at center,rgb(16 15 16 / 82%) 0%,rgb(16 15 16 / 60%) 26%,transparent 64%)}.startup-splash__composition{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 30px 85px;pointer-events:none}.startup-splash__eyes{width:clamp(85px,12vw,150px);height:clamp(28px,5vh,48px);flex:0 0 auto;margin-bottom:clamp(8px,2vh,22px);opacity:.6}.startup-splash__branding{position:relative;width:min(660px,75vw,88vh);flex:0 0 auto;padding-bottom:25px}.startup-splash__logo{display:block;width:100%}.startup-splash__edition{position:absolute;bottom:0;inset-inline:0;color:#d05a50;font:700 clamp(12px,1.5vw,17px) / 1.3 Georgia,serif;letter-spacing:.25em;text-align:center}.startup-splash__protagonist{width:clamp(95px,24vh,225px);height:clamp(95px,24vh,225px);flex:0 1 auto;min-height:0;-o-object-fit:contain;object-fit:contain;margin-top:5px;filter:invert(1) sepia(.3);mix-blend-mode:screen;opacity:.88}.startup-splash__sketch{position:absolute;left:0;width:clamp(95px,15vw,205px);height:clamp(95px,15vw,205px);opacity:0;animation:splash-sketch-flight var(--flight-duration) linear var(--flight-delay) both;will-change:transform,opacity}.startup-splash__sketch canvas{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:invert(1) sepia(.4)}.startup-splash__flights{mix-blend-mode:screen}.startup-splash__sketch--0{top:6%}.startup-splash__sketch--1{top:20%}.startup-splash__sketch--2{top:40%}.startup-splash__sketch--3{top:53%}.startup-splash__sketch--4{top:68%}.startup-splash__sketch--5{top:77%}.startup-splash__sketch:nth-child(2n){animation-direction:reverse}.startup-splash__continue{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding:28px 30px 42px;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.startup-splash__continue:focus{outline:none}.startup-splash__continue:focus-visible .startup-splash__prompt{text-decoration:underline;text-underline-offset:6px}.startup-splash__prompt{transform:translate(-2ch);font:500 clamp(11px,1.3vw,14px) / 1.5 ui-monospace,monospace;letter-spacing:.19em;text-align:center;opacity:0;animation:splash-prompt-appear .65s ease 3s forwards}@keyframes splash-sketch-flight{0%{transform:translate3d(-230px,35px,0) rotate(var(--flight-tilt));opacity:0}12%{opacity:.44}85%{opacity:.44}to{transform:translate3d(calc(100vw + 230px),-55px,0) rotate(calc(var(--flight-tilt) + 24deg));opacity:0}}@keyframes splash-prompt-appear{to{opacity:.75}}@media(max-height:500px){.startup-splash__composition{padding-top:15px;padding-bottom:60px}.startup-splash__eyes{height:22px;margin-bottom:3px}.startup-splash__branding{width:min(55vw,70vh)}.startup-splash__protagonist{width:22vh;height:22vh}.startup-splash__continue{padding-bottom:22px}}@media(prefers-reduced-motion:reduce){.startup-splash__sketch{animation:none;will-change:auto;transform:rotate(var(--flight-tilt));opacity:.24}.startup-splash__sketch:nth-child(odd){left:5%}.startup-splash__sketch:nth-child(2n){left:auto;right:5%}.startup-splash__prompt{animation-duration:0s}}
