.pixel-character{display:inline-block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform-origin:50% 100%;will-change:transform;animation:pixel-jump 2.4s infinite;animation-delay:var(--jump-delay, 0s)}.pixel-character--flamenca{--jump-delay: 0s}.pixel-character--sevillana{--jump-delay: -1.2s}.pixel-character--tapas-server{--jump-delay: -.6s}.pixel-character--market-vendor{--jump-delay: -1.8s}.pixel-character--tourist{--jump-delay: -.3s}.pixel-character--surfer{--jump-delay: -1.5s}.pixel-character--matador{--jump-delay: -.9s}.pixel-character--guitarist{--jump-delay: -2.1s}.pixel-character--paella-chef{--jump-delay: -.45s}.pixel-character--footballer{--jump-delay: -1.65s}.pixel-character--sangria-vendor{--jump-delay: -1.05s}.pixel-character--beachgoer{--jump-delay: -1.95s}@keyframes pixel-jump{0%{transform:translateY(0) scale(1);animation-timing-function:ease-out}8%{transform:translateY(0) scale(1.08,.9);animation-timing-function:ease-out}24%{transform:translateY(-11%) scale(.96,1.05);animation-timing-function:ease-out}32%{transform:translateY(-13%) scale(1);animation-timing-function:ease-in}46%{transform:translateY(0) scale(.97,1.03);animation-timing-function:ease-out}52%{transform:translateY(0) scale(1.1,.88);animation-timing-function:ease-out}62%,to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pixel-character{animation:none!important;transition:none!important}}:root{font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202832;background:#f9f5e6;min-height:100%;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink: #202832;--pixel: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none}#app{height:100dvh;overflow:clip}body{margin:0;min-width:320px;-webkit-touch-callout:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pull{position:fixed;top:0;left:50%;z-index:0;opacity:var(--pull-o, 0);transform:translate(-50%,calc(var(--pull, 0px) / 2 - 50%));pointer-events:none}.pull span{display:block;padding:4px 8px;color:var(--ink);background:#faf9f2;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);font:800 10px var(--pixel);letter-spacing:.06em;white-space:nowrap}.pull[data-ready=true] span{color:#fff;background:#c23b2f}.board.is-settling{transition:transform .2s ease-out}.pull.is-settling{transition:transform .2s ease-out,opacity .2s ease-out}@media(prefers-reduced-motion:reduce){.board.is-settling,.pull.is-settling{transition:none}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#f9f5e6 url(/assets/background.webp) center top / cover no-repeat;pointer-events:none}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.board{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;width:min(100%,600px);height:100dvh;margin:auto;padding:10px 16px 16px;overflow:hidden}.board-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:4px 10px;background:#faf9f2;border:2px solid var(--ink)}.board-header h1{margin:0;font:900 13px var(--pixel);letter-spacing:.12em}.stamp{margin:0;padding:4px 7px;color:#c23b2f;border:2px solid currentColor;font:800 10px var(--pixel);transform:rotate(-3deg)}.week-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.week-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex:1;align-self:stretch;gap:4px 8px;margin:0;background:#faf9f2;border:2px solid var(--ink);color:#c23b2f;font:800 15px var(--pixel);letter-spacing:.04em;text-align:center}.week-now{padding:1px 5px;color:#ecf0e8;background:var(--ink);font-size:10px;letter-spacing:.1em}.week-nav{flex:0 0 44px;height:44px;color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);font-size:14px}.week-nav:active{transform:translate(1px,1px);box-shadow:1px 1px var(--ink)}.week-nav:disabled{color:#b5bab2;border-color:#b5bab2;cursor:not-allowed;box-shadow:none}.roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:10px;min-height:0}.roster-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:3px;min-width:0;min-height:0;padding:8px 10px 10px;overflow:clip;border:2px solid var(--ink);background:#faf9f2}.room-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none;opacity:0;transform:translate(var(--art-x, 0),var(--art-y, 0)) scale(var(--art-s, .1));transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease-out}.is-done .room-art{opacity:.7;transform:none}.roster-card>:not(.room-art){position:relative;z-index:1}.is-done .roommate-name{text-shadow:0 0 3px #faf9f2,0 0 3px #faf9f2,0 0 6px #faf9f2,0 0 6px #faf9f2}.pixel-avatar{--sticker: 3px;position:relative;display:block;min-height:0;margin:4px 0 6px}.pixel-avatar img{position:absolute;inset:auto 0 0;margin-inline:auto;width:max(calc(100% - 48px),60%);height:max(calc(100% - 60px),60%);object-position:50% 100%;filter:drop-shadow(var(--sticker) 0 #fff) drop-shadow(calc(var(--sticker) * -1) 0 #fff) drop-shadow(0 var(--sticker) #fff) drop-shadow(0 calc(var(--sticker) * -1) #fff) drop-shadow(1px 3px rgb(32 40 50 / .35))}.pixel-avatar.is-pending img,.name-row.is-pending{visibility:hidden}.name-row{display:flex;align-items:center;gap:6px;min-width:0;min-height:30px}.roommate-name{min-width:0;padding-left:6px;font-size:16px;overflow-wrap:anywhere}.name-edit{position:relative;display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;padding:0;background:none;border:0}.name-edit:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.name-edit[hidden]{display:none}.name-edit:active{transform:translate(1px,1px)}.name-input{flex:1;min-width:0;height:30px;padding:2px 6px;color:var(--ink);background:#fff;border:2px solid var(--ink);font:700 16px ui-rounded,system-ui,sans-serif;user-select:text;-webkit-user-select:text}.task-line{display:flex;align-items:center;gap:5px;height:46px;padding:6px 8px 6px 6px;background:#f6c344;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);cursor:pointer}.room-icon{flex:0 0 auto;width:clamp(24px,7vw,32px);height:30px;object-fit:contain;object-position:50% 50%;image-rendering:pixelated}.task-line span{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.1;text-align:center}.task-line input{flex:0 0 28px;width:28px;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);cursor:pointer}.task-line input:checked{background:#5fbf7f url(/assets/check.svg) center / 18px no-repeat}.task-line input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.is-done .task-line span{color:#4a4f3a;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.room-art{transition:none}}@media(min-width:620px){.board{padding-inline:28px}}.notice{position:fixed;left:50%;bottom:12px;z-index:10;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;transform:translate(-50%);color:#fff;background:#c23b2f;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);font:800 12px var(--pixel)}.notice[hidden]{display:none}.notice button{min-height:32px;padding:2px 10px;color:var(--ink);background:#fff;border:2px solid var(--ink);font:800 12px var(--pixel)}.avatar-change{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:2px 2px var(--ink)}.avatar-change:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.avatar-change:active{transform:translate(1px,1px);box-shadow:1px 1px var(--ink)}.roster-card>.avatar-change{position:absolute;z-index:2}.avatar-picker{width:min(92vw,420px);max-height:92dvh;padding:12px;overflow:auto;color:var(--ink);background:#faf9f2;border:2px solid var(--ink);box-shadow:4px 4px var(--ink)}.avatar-picker::backdrop{background:#2028328c}.avatar-picker h2{margin:0 0 10px;font:900 13px var(--pixel);letter-spacing:.08em}.avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.avatar-option{aspect-ratio:1;padding:4px;background:#fff;border:2px solid var(--ink)}.avatar-option[aria-pressed=true]{background:#5fbf7f;box-shadow:2px 2px var(--ink)}.avatar-option img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.avatar-close{display:block;min-height:40px;margin:10px 0 0 auto;padding:4px 14px;color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);font:800 12px var(--pixel)}