@import url('./migration-keepsakes.css');
@import url('./migration-arcade.css');
#sunday-arrival{position:fixed;inset:0;z-index:710;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 20%,#23585a,#10353c 75%);color:#f7ecd5;font:15px/1.65 system-ui,-apple-system,sans-serif}
#sunday-arrival[hidden]{display:none}#sunday-arrival *{box-sizing:border-box}
#sunday-arrival button{font:inherit;font-size:14px;min-height:44px;padding:9px 15px;cursor:pointer;touch-action:manipulation;border-radius:9px;border:1px solid #84a99d;background:#214b54;color:#f3ecd9;box-shadow:0 3px #092c32;white-space:nowrap}
#sunday-arrival button.tf-primary{background:#dfbd7d;color:#164047;border-color:#f3dba4;font-weight:650}#sunday-arrival button:focus-visible{outline:3px solid #f9d594;outline-offset:3px}
#sunday-arrival .sunday-context{font-size:11px;letter-spacing:.8px;color:#bcd4ca;margin:-6px 0 12px}
#sunday-arrival[data-paused=true] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#sunday-arrival *,#sunday-arrival *::after{animation:none!important;transition:none!important}}
.sunday-wishes{background:#123a40;border-left:3px solid #d9be80;border-radius:7px;padding:12px 15px;margin:0 0 18px}.sunday-wishes h2{font:600 14px/1.5 system-ui;color:#e6ce99;margin:0 0 7px}.sunday-wishes ol{padding-left:20px;margin:0}.sunday-wishes li{margin:5px 0;font-size:14px;line-height:1.6}
.sunday-distance{display:grid;gap:8px;text-align:center;border:1px solid #cbb374;border-radius:9px;background:#224b4b;padding:14px;margin:0 0 18px}.sunday-distance strong{font:600 28px/1.2 Georgia,serif;color:#f0d195}.sunday-distance span{font-size:11px;color:#cbddd0}
/* UPG-014: one shared, touch-first premium pixel adventure. */
#sunday-arrival.migration{background:radial-gradient(ellipse at 50% 0,#29595c,#102f38 65%);font-family:system-ui,-apple-system,sans-serif}
.mg-wrap{max-width:850px;margin:auto;padding:18px 18px max(34px,env(safe-area-inset-bottom));overflow-wrap:anywhere}.mg-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mg-header small{font:10px/1.5 monospace;letter-spacing:1px;color:#bfd2c6}.mg-header nav{display:flex;gap:8px}.mg-eyebrow{font:11px/1.6 monospace;letter-spacing:1px;color:#ddc28c;margin:18px 0 4px}.mg-wrap h1{font:600 clamp(25px,6vw,39px)/1.25 Georgia,serif;color:#f6d79b;margin:8px 0 18px}.mg-art{margin:0 0 18px;border:2px solid #bea775;border-radius:13px;overflow:hidden;box-shadow:0 0 0 4px #cbb57e22,0 15px 30px #041d2866;background:#27515b}.mg-panel{width:100%;aspect-ratio:3/2;background-size:200% 200%;background-repeat:no-repeat;image-rendering:pixelated}.mg-art img{display:block;width:100%;height:auto}.mg-card{border:1px solid #8c9e87;border-radius:14px;background:linear-gradient(135deg,#275259,#183c47);padding:22px;box-shadow:0 7px #092c36,0 20px 40px #09253244}.mg-card h2{font:600 23px/1.4 Georgia,serif;color:#f5d597;margin:0 0 12px}.mg-card h3{font:600 14px/1.5 monospace;color:#ecd4a1}.mg-line{font-size:16px;line-height:1.85;min-height:75px;white-space:pre-wrap}.mg-speaker{display:block;font:700 12px/1.5 monospace;letter-spacing:1px;color:#f2d59b;padding-bottom:9px;border-bottom:1px solid #c7b88844}.mg-note{font-size:11px;line-height:1.7;color:#b7d0c5}.mg-actions{display:grid;gap:14px;margin-top:18px}.mg-actions button{width:100%;white-space:normal!important;min-height:52px!important;text-align:left}.migration .mg-primary{background:linear-gradient(#e5c68a,#d7b470)!important;color:#173d44!important;border:1px solid #f7dfa6!important;font-weight:650!important}.mg-build{font:11px/1.5 monospace;color:#adc6bb;margin-top:22px}.mg-hopes{padding-left:22px;font-size:14px}.mg-hopes li{margin:8px 0}.mg-feedback{color:#fce0a2;background:#14363f;border-left:3px solid #ddbc7b;border-radius:6px;padding:12px;margin-bottom:0;font-size:14px}.mg-warning{color:#ffcd9a}.mg-item{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:5px 12px;background:#13353e;border:1px solid #839c8d;border-radius:8px;padding:10px}.mg-item canvas{width:64px;height:48px;grid-row:1/3;image-rendering:pixelated}.mg-item strong{color:#f0d49e;font-size:15px}.mg-item span{font:12px monospace;color:#c4d5bd}.mg-suitcases{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.mg-case{padding:10px 8px;background:#10313b;border:2px solid #927b57;border-radius:12px;box-shadow:inset 0 0 0 3px #e6c68a1c}.mg-case h3,.mg-case p{margin:2px 0 8px}.mg-grid{position:relative;display:grid;gap:3px;padding:0;isolation:isolate}.migration .mg-cell{aspect-ratio:1;min-height:32px!important;padding:0!important;border-radius:3px!important;border:1px dashed #c4b88a80!important;color:#a5c2b0!important;background:#31585c!important;box-shadow:none!important;font-size:14px!important}.mg-cell.occupied{background:#867653!important}.mg-packed-item{position:absolute;z-index:1;pointer-events:none;border:1px solid #dfc185;box-shadow:inset 0 0 0 3px #dcbd7622;display:grid;place-items:center;background:#5c8176d9}.mg-packed-item canvas{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.mg-playfield{display:block;width:100%;height:auto;aspect-ratio:18/11;border:1px solid #c4a76e;border-radius:8px;background:#234757;image-rendering:pixelated;touch-action:none}.mg-score{font:14px monospace;color:#ffe2a0}.mg-bag-target{display:flex;align-items:center;gap:14px;background:#143740;border-radius:8px;padding:7px}.mg-bag-target canvas{width:72px;height:64px;image-rendering:pixelated}.mg-bag-target div{font-size:14px;color:#f6d7a0}.mg-bag-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mg-bag-choices button{white-space:normal!important;text-align:left;font-size:12px!important;min-height:58px!important}.mg-inspect{margin-top:18px;background:#13353d;border:1px solid #d6bb7a;border-radius:8px;padding:16px}.mg-reveal{text-align:center;border:1px solid #bca776;border-radius:10px;background:#123d44;padding:18px;margin:16px 0}.mg-reveal small{font-size:9px;letter-spacing:1px;color:#adc8ba}.mg-route{font:12px/1.8 monospace;color:#c6dcc8;margin:18px 0}.mg-reveal strong{font:700 clamp(27px,7vw,45px)/1.4 monospace;color:#f9dc99}.mg-reveal p{font:11px monospace;letter-spacing:1px}.mg-prayer-pair{display:grid;gap:14px;margin:22px 0}.mg-prayer-pair div{background:#e9dbb7;color:#28515a;border:2px solid #bfa16d;border-radius:6px;padding:20px;font:600 16px/1.5 Georgia,serif}.mg-home-path{background:#143840;border:1px solid #b29d70;border-radius:8px;padding:18px}.mg-home-path p{font:13px/1.8 monospace}.mg-home-path button{width:100%;white-space:normal!important;min-height:55px!important}.mg-pause-sheet{position:fixed;inset:0;z-index:720;display:grid;place-items:center;background:#071f2aee;padding:20px}.mg-pause-sheet>div{width:min(420px,100%);padding:24px;border:1px solid #d3b57a;background:#214751;border-radius:15px;max-height:90dvh;overflow:auto}.mg-pause-sheet h2{color:#f1d094}#app:has(~ #sunday-arrival:not([hidden])) #dev-test-mode{display:none!important}@media(max-width:380px){.mg-wrap{padding:12px 12px 30px}.mg-header{align-items:flex-start}.mg-header small{max-width:95px}.mg-header nav{gap:5px}.migration .mg-header button{padding:8px;font-size:12px}.mg-card{padding:15px}.mg-suitcases{gap:9px}.mg-case{padding:7px 5px}.mg-case h3{font-size:11px}.mg-case .mg-note{font-size:9px}.mg-line{font-size:15px}.mg-item{gap:5px 8px}.mg-bag-choices{grid-template-columns:1fr}}
.migration .mg-header{position:static!important;inset:auto!important;padding:0!important;width:100%!important;height:auto!important;min-height:50px;z-index:auto!important;background:transparent!important;flex-wrap:nowrap}.mg-header nav{position:static!important}.mg-header small{min-width:0}.mg-wrap>.mg-eyebrow{clear:both;margin-top:18px}.mg-suitcases{min-width:0}.mg-case{min-width:0}.migration .mg-cell{min-width:0!important;width:100%!important;max-width:100%!important}.mg-grid{min-width:0}.mg-header small{flex:1}.mg-header nav{flex-shrink:0}
.mg-prayer-pair>div:first-child{animation:mg-list-left .9s ease-out both}.mg-prayer-pair>div:last-child{animation:mg-list-right .9s ease-out both}.mg-reveal{animation:mg-discover 1.2s ease-out both}@keyframes mg-list-left{from{opacity:.3;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes mg-list-right{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes mg-discover{from{opacity:.6;transform:scale(.98)}to{opacity:1;transform:none}}
.mg-minimap{margin-top:14px}.mg-minimap svg{display:block;width:100%;height:auto;image-rendering:pixelated}
.mg-home-banner{padding:10px 12px;border:1px solid #c5b181;border-radius:6px;background:#153b42;color:#f3d591;font:12px/1.7 monospace;margin:0 0 16px}