:root{--paper: #F6EDD6;--paper-shadow: #D8C49B;--ink: #3D3028;--timber: #78533A;--clay: #B84E34;--cream-highlight: #FFF9EB;--gold: #E0A644;--lawn: #7B9059;--lawn-shade: #536B45;--inset: 24px;--radius: 6px;--ease: cubic-bezier(.61, 1, .88, 1);--fast: .16s;--font: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif}@media(max-width:1023px){:root{--inset: 16px}}@media(max-width:767px){:root{--inset: 12px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--lawn-shade);color:var(--ink);font:1rem/1.4 var(--font)}#game{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h2{font-size:1.25rem}h3{font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hint{font-size:.875rem}.sign,.tray{position:relative;isolation:isolate;color:var(--ink)}.sign{padding:12px 18px}.sign:before,.tray:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;image-rendering:pixelated}.sign:before{border-width:14px 12px;border-image:url(/scenery/ui/frames/sign.png) 14 12 fill stretch}.tray:before{border-width:12px;border-image:url(/scenery/ui/frames/tray.png) 12 fill stretch}button,input,select{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;background:var(--paper);color:var(--ink);border:2px solid var(--timber);border-radius:var(--radius);cursor:pointer;box-shadow:inset 0 2px 0 var(--cream-highlight);transition:background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover{background:var(--cream-highlight)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--clay);color:var(--cream-highlight);border-color:var(--ink);box-shadow:inset 0 2px #fff9eb4d}.btn-primary:hover{background:var(--clay);filter:brightness(.92)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--paper-shadow);color:var(--ink);border-style:dashed;filter:none;transform:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.icon{flex:none;image-rendering:pixelated;object-fit:contain}.badge{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border:1px solid var(--timber);border-radius:999px;background:var(--paper);font-size:.875rem}.scrim{position:fixed;inset:0;background:#3d302859}.status{min-height:1.5em;margin-top:8px}.portrait,.egg-img,.frame-box{image-rendering:pixelated;background-repeat:no-repeat;flex:none}.odds{width:100%;table-layout:fixed;border-collapse:collapse;margin:8px 0;font-size:.875rem}.odds th,.odds td{overflow-wrap:anywhere}.odds th,.odds td{text-align:left;padding:4px;border-bottom:1px solid var(--paper-shadow)}.odds .now{font-weight:700;background:var(--cream-highlight)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.top-bar{z-index:2;position:fixed;top:calc(var(--inset) + env(safe-area-inset-top));left:calc(var(--inset) + env(safe-area-inset-left));right:calc(var(--inset) + env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.top-bar>*{pointer-events:auto}.nameplate{font-size:1.25rem}.top-right{display:flex;align-items:flex-start;gap:8px}.disk-slot{width:clamp(300px,24vw,328px)}.disk-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px;align-items:start}.disk-art{grid-row:span 2;display:grid;place-items:center;min-width:76px;min-height:76px;padding:4px;background:var(--cream-highlight);border:2px solid var(--paper-shadow);border-radius:var(--radius);cursor:pointer}.disk-art .art-compact,.label-compact{display:none}.disk-text{min-width:0}.disk-kicker,.disk-line{font-size:.875rem}.disk-title{font-weight:700;font-size:1.125rem;overflow-wrap:anywhere}.disk-card>.btn{grid-column:1 / -1}.disk-status{grid-column:1 / -1;font-size:.875rem;padding:4px 8px;border-left:4px solid var(--timber);background:var(--cream-highlight)}.disk-status.error{border-left-color:var(--clay);font-weight:700}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--inset) + env(safe-area-inset-bottom));width:min(392px,calc(100% - 2 * var(--inset)));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px}.dock-item{position:relative;flex-direction:column;gap:2px;min-height:56px;padding:4px;border-color:transparent;background:transparent;box-shadow:none;font-size:.875rem}.dock-item{min-width:0;overflow-wrap:anywhere}.dock-item[aria-current=page]{font-weight:700}.dock-item[aria-current=page]:after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:4px;border-radius:2px;background:var(--gold);box-shadow:0 1px 0 var(--timber)}.notice{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--inset) + 92px + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--inset))}#ui>.welcome{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 2 * var(--inset)));text-align:center;pointer-events:none}.welcome h2{font-size:1.125rem;margin-bottom:4px}.panel{position:fixed;z-index:30;display:flex;flex-direction:column;overflow:hidden}.panel-large{left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100% - 2 * var(--inset)));height:calc(100% - 2 * var(--inset) - 120px)}.panel-side{right:var(--inset);top:calc(var(--inset) + 200px);width:min(340px,calc(100% - 2 * var(--inset)));max-height:calc(100% - 2 * var(--inset) - 300px)}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--paper-shadow)}.panel-head h2{min-width:0;flex:1 1 8rem;overflow-wrap:anywhere}.panel-head .btn{flex:none}.panel-body{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.scrim{z-index:25}.dialog-scrim{z-index:50;display:grid;place-items:center;padding:var(--inset)}.dialog{width:min(440px,100%);max-height:100%;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dialog-art,.details-art{display:grid;place-items:center;padding:8px;background:var(--cream-highlight);border-radius:var(--radius)}.frame-missing{background:var(--paper-shadow);border-radius:var(--radius)}.auth{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 2 * var(--inset)));padding:24px;display:flex;flex-direction:column;gap:12px}.auth-title{font-size:1.5rem}.setting{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.setting input{width:24px;height:24px;accent-color:var(--clay)}.chances summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700}.chances summary:before{content:"+";flex:none;width:1.25em}.chances[open] summary:before{content:"−"}.subtitle{font-size:.875rem}.unavailable{padding:16px;border:2px dashed var(--timber);border-radius:var(--radius);background:var(--cream-highlight)}@media(max-width:767px){#ui>.welcome{top:auto;bottom:calc(var(--inset) + 110px);transform:translate(-50%)}.top-bar{flex-direction:column;align-items:stretch;gap:8px}.top-right{width:100%}.disk-slot{flex:1;width:auto;min-width:0}.disk-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px}.disk-art{min-width:44px;min-height:44px}.disk-art .art-wide,.label-wide,.disk-kicker,.disk-line~.disk-line{display:none}.disk-art .art-compact{display:block}.label-compact{display:inline}.disk-text{flex:1 1 120px}.disk-card>.btn{padding:0 12px}.dock{width:calc(100% - 2 * var(--inset));min-height:64px}.panel-large,.panel-side{inset:auto 0 0;transform:none;width:100%;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom)}.panel-large{height:88%}.panel-side{max-height:75%}}@media(max-width:767px)and (max-height:739px){.nameplate{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.tabs{display:flex;gap:8px}.tab[aria-selected=true]{background:var(--cream-highlight);border-color:var(--clay);font-weight:700}.resident-list,.guide-grid{list-style:none;margin:0;padding:0}.resident-list{display:flex;flex-direction:column;gap:8px}.resident-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px;text-align:left;background:var(--paper);border:2px solid var(--paper-shadow);border-radius:var(--radius);cursor:pointer;flex-wrap:wrap}.resident-row:hover{border-color:var(--timber)}.resident-text{display:flex;flex-direction:column;flex:1 1 140px;min-width:0;overflow-wrap:anywhere}.badges{display:flex;flex-wrap:wrap;gap:4px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.guide-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;text-align:center;overflow-wrap:anywhere}.guide-unknown{display:grid;place-items:center;width:64px;height:64px;border:2px dashed var(--timber);border-radius:50%}.on-disk{padding:8px 12px;border-left:4px solid var(--timber);background:var(--cream-highlight)}.empty{padding:16px;text-align:center}.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.facts dt{font-weight:700}.facts dd{margin:0}.scene-preview{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.scene-circle{position:relative;flex:none;width:360px;height:360px;max-width:100%;border-radius:50%;overflow:hidden;outline:4px solid var(--timber)}.scene-img{display:block;width:100%;height:100%;image-rendering:pixelated}.scene-creature{position:absolute;left:50%;bottom:16%;transform:translate(-50%)}.scene-creature>:first-child{display:none}.field{display:flex;flex-direction:column;gap:4px;font-weight:700;max-width:100%}.field select{min-height:44px;max-width:100%;padding:0 12px;border:2px solid var(--timber);border-radius:var(--radius);background:var(--paper);font-weight:400}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}.scene-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--paper);border:2px solid var(--paper-shadow);border-radius:var(--radius);cursor:pointer}.scene-card[aria-pressed=true]{border-color:var(--clay);outline:1px solid var(--clay)}.scene-card img{image-rendering:pixelated;border-radius:4px}@media(min-width:1024px){[data-testid=backgrounds] .panel-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}[data-testid=backgrounds] .panel-body>.subtitle,[data-testid=backgrounds] .panel-body>.unavailable{grid-column:1 / -1}[data-testid=backgrounds] .panel-body>section{min-width:0}[aria-labelledby=example-scenes]>.hint{margin:8px 0 12px}}@media(max-width:479px){.scene-circle{width:180px;height:180px}.scene-creature>:first-child{display:block}.scene-creature>:last-child{display:none}}.guide-unknown{font-size:2rem;font-weight:700}.egg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.egg-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:16px 8px;text-align:center;background:var(--paper);border:2px solid var(--paper-shadow);border-radius:var(--radius);cursor:pointer;overflow-wrap:anywhere}.egg-card:hover{border-color:var(--timber)}.egg-card[aria-pressed=true]{border:3px solid var(--clay);background:var(--cream-highlight)}.egg-check{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--clay);color:var(--cream-highlight)}.egg-unknown{display:grid;place-items:center;width:32px;height:32px;border:2px dashed var(--timber);border-radius:50%}.egg-note:empty{display:none}.egg-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding-top:12px;background:var(--paper);border-top:1px solid var(--paper-shadow)}@media(max-width:767px){.egg-cards{grid-template-columns:1fr}.egg-card{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;padding:8px 44px 8px 8px}}