:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#40352c;background:#ddeaf0}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{width:min(100%,430px);min-height:100dvh;margin:auto;position:relative;overflow:hidden;background:#f7f0e5;box-shadow:0 0 40px #26465730}.screen{display:none;min-height:calc(100dvh - 72px);padding:18px 16px 94px}.screen.active{display:block}.topbar{display:flex;gap:7px;position:relative;z-index:5}.topbar>*{border:0;border-radius:14px;padding:9px 10px;background:#075f89e8;color:white;font-size:12px}.topbar span{margin-right:auto}.helper-card{position:absolute;z-index:4;top:70px;left:16px;display:flex;gap:9px;width:180px;padding:10px;background:#fffdeee8;border-radius:16px;box-shadow:0 5px 18px #17334825}.helper-avatar{font-size:38px}.helper-card small,.helper-card strong{display:block}.helper-card strong{color:#19954c}.helper-card p{font-size:11px;margin:4px 0}.world{position:absolute;inset:0 0 72px;background:linear-gradient(#2aa4e8 0 27%,#a8e6fb 27% 42%,#48b0cc 42% 55%,#c5a674 55%);overflow:hidden}.world:before{content:"";position:absolute;left:-15%;right:-15%;bottom:0;height:53%;background:linear-gradient(145deg,#629350 0 24%,#e7d5a8 24% 52%,#488e9c 52%);clip-path:polygon(0 42%,23% 26%,43% 39%,67% 8%,100% 28%,100% 100%,0 100%)}.theme-neon .world{background:linear-gradient(#100d35,#302064 45%,#110f2a)}.theme-neon .world:before{background:linear-gradient(145deg,#38185d 0 28%,#172c62 28% 57%,#11182e 57%);filter:drop-shadow(0 0 12px #ff3de8);clip-path:polygon(0 30%,25% 17%,46% 31%,65% 12%,100% 24%,100% 100%,0 100%)}.sun{position:absolute;right:22px;top:80px;width:48px;height:48px;background:#ffdb67;border-radius:50%;box-shadow:0 0 30px #fff08e}.theme-neon .sun{background:#b63cff;box-shadow:0 0 30px #00e5ff}.lighthouse{position:absolute;z-index:1;right:50px;top:150px;width:48px;height:140px;background:repeating-linear-gradient(#fff 0 24px,#ef5757 24px 42px);clip-path:polygon(25% 0,75% 0,90% 100%,10% 100%)}.lighthouse i{display:block;width:100%;height:22px;background:#273850}.house{position:absolute;z-index:2;left:45px;top:295px;width:190px;height:145px;border:10px solid #6b492f;border-top-width:48px;background:#f5d79a;clip-path:polygon(50% 0,100% 34%,94% 100%,6% 100%,0 34%)}.house b{position:absolute;bottom:10px;left:35px;background:#205d78;color:white;padding:7px}.theme-neon .house{border-color:#541d70;background:#1f254d;box-shadow:0 0 22px #ff40ea}.dock{position:absolute;z-index:2;left:130px;bottom:0;width:180px;height:140px;background:repeating-linear-gradient(90deg,#7d5735 0 16px,#ac7a48 16px 22px);clip-path:polygon(38% 0,67% 0,100% 100%,0 100%)}.sprite{position:absolute;z-index:3;border:0;background:none;font-size:43px;filter:drop-shadow(0 5px 3px #0005);animation:bob 2s ease-in-out infinite}.tao{left:45px;bottom:160px}.yapi{left:174px;bottom:174px}.yume{right:52px;bottom:155px}.interaction{position:absolute;z-index:4;right:107px;bottom:230px;padding:7px;background:white;border-radius:12px;animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(-6px)}}.event-card{position:absolute;z-index:6;left:16px;right:16px;bottom:85px;display:flex;align-items:end;gap:10px;padding:14px;background:#fffaf0ed;border-radius:20px;box-shadow:0 7px 22px #17334835}.event-card small{color:#dc3f78}.event-card h2{font-size:20px;margin:3px 0}.event-card p{font-size:12px;margin:0}.event-card button,.primary,.event-detail button,.next-trip button,.theme-status button{border:0;border-radius:13px;background:#ed477d;color:#fff;padding:12px;font-weight:700}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-title h1{margin:0}.page-title span{font-size:13px}.map{height:64dvh;position:relative;background:linear-gradient(#40a9df,#75c1d0);border-radius:24px;overflow:hidden}.map:before{content:"";position:absolute;inset:8% 15%;background:#6fa959;clip-path:polygon(50% 0,79% 17%,100% 44%,79% 72%,57% 100%,24% 84%,0 60%,12% 27%)}.place{position:absolute;z-index:2;border:0;border-radius:13px;background:#fffdf1;padding:8px;display:grid;box-shadow:0 4px 10px #0003}.place small{color:#e83d76}.active-place{top:12%;left:30%}.neon{top:36%;right:6%}.manor{top:53%;left:8%}.beach{bottom:10%;left:35%}.locked{bottom:24%;right:8%;filter:grayscale(1)}.primary{width:100%;margin-top:14px}.companion-list{display:grid;gap:12px}.companion-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:18px;box-shadow:0 5px 15px #5a47351c}.companion-card .face{font-size:48px}.companion-card div{flex:1}.companion-card h2,.companion-card p{margin:3px}.companion-card button{border:0;border-radius:12px;background:#f1dce5;padding:9px;color:#a52e5b}.companion-card.resident-card{outline:2px solid #ed477d}.event-detail{margin-top:18px;padding:18px;background:#fff;border-radius:22px;text-align:center}.event-detail small{color:#e23872}.event-detail h2{margin:5px}.portraits{display:flex;justify-content:center}.portraits span{font-size:40px;width:62px;height:62px;display:grid;place-items:center;background:#f5e8da;border-radius:50%;margin:-4px}.event-detail strong{display:block;color:#e23872;font-size:20px}.actions{display:flex;gap:6px;margin-top:14px}.actions button{flex:1;padding:9px;font-size:11px}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.tabs button{border:0;border-radius:10px;padding:8px 12px;background:#e5ded3}.tabs .selected{background:#ed477d;color:white}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.collectible{min-height:120px;padding:10px 5px;background:#fff;border-radius:15px;text-align:center;box-shadow:0 4px 10px #00000012}.collectible span{font-size:45px;display:block}.collectible b{font-size:13px}.collectible.locked-item{filter:grayscale(1);opacity:.5}.unlock-note{margin-top:15px;padding:14px;background:#fff;border-radius:16px}.profile-card,.resident,.theme-status,.next-trip{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:20px;margin-bottom:12px}.profile-avatar{font-size:48px}.profile-card h2,.profile-card p{margin:2px}.profile-card progress{accent-color:#ed477d}.resident strong{margin-right:auto}.resident button,.page-title button{border:0;background:#f3e4e9;border-radius:10px;padding:9px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stats div{background:#fff;border-radius:16px;padding:16px;text-align:center}.stats b,.stats span{display:block}.stats b{font-size:24px;color:#e43f78}.theme-status div,.next-trip{flex:1}.theme-status h2,.next-trip h2{margin:2px}.next-trip{display:block}.next-trip button{margin-top:8px}.bottom-nav{position:absolute;z-index:20;left:0;right:0;bottom:0;height:72px;display:flex;background:#385b69ee;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;opacity:.75}.bottom-nav span{font-size:12px}.bottom-nav .active{color:#ff72a4;opacity:1}dialog{border:0;border-radius:24px;width:min(92%,410px);background:#faf3e8;color:#40352c;padding:0}dialog::backdrop{background:#10263399}dialog form{padding:18px}dialog header{display:flex;justify-content:space-between;align-items:center}dialog header h2{margin:0}dialog header button{border:0;background:none;font-size:20px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.theme-options button{border:0;border-radius:18px;background:white;padding:8px}.theme-preview{height:130px;display:grid;place-items:center;font-size:50px;border-radius:13px}.coast-preview{background:linear-gradient(#42aff0,#73d3d2,#cdb77a)}.neon-preview{background:linear-gradient(#171244,#572477,#e83cca)}.theme-options b,.theme-options small{display:block;margin-top:5px}.ticket{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:12px;margin-top:12px}.ticket time{text-align:center;color:#e43f78}.ticket div{flex:1}.ticket h3,.ticket p{margin:2px}.ticket p,.ticket span{font-size:11px}.ticket span{color:#d43d70}.ticket button{border:1px solid #ddd;background:#fff;padding:10px}.helper-line{padding:13px;background:#e7f4dc;border-radius:14px}
@media(min-width:700px){body{padding:24px}.app{min-height:820px;border-radius:32px}.screen{min-height:748px}}

/* Production pixel-art assets */
.world{background:url("./assets/home-coast-v2.png") center/cover no-repeat}
.theme-neon .world{background:url("./assets/home-neon.png") center/cover no-repeat}
.world #homeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;image-rendering:pixelated}
.world.canvas-ready{background:none}
.world.canvas-ready>.sprite{display:none}
.world:before,.sun,.lighthouse,.house,.dock{display:none}
.sprite{width:104px;height:124px;border:0;background-image:url("./assets/companions.png");background-repeat:no-repeat;background-size:300% 100%;font-size:0}
.tao{left:34px;bottom:150px;background-position:0 center}
.yapi{left:160px;bottom:160px;background-position:50% center}
.yume{right:30px;bottom:148px;background-position:100% center}
.sprite.yume{
  width:128px;
  height:128px;
  background-image:url("./assets/companions/yume/yume-walk.png");
  background-size:768px 512px;
  background-position:0 0;
  image-rendering:pixelated;
  right:auto;
  bottom:auto;
  animation:none;
  filter:drop-shadow(0 5px 3px #10252c66);
  will-change:left,top,background-position;
}
.companion-card .face{display:block;width:62px;height:74px;background-image:url("./assets/companions.png");background-repeat:no-repeat;background-size:300% 100%;font-size:0;flex:0 0 62px}
.companion-card .tao-face{background-position:0 center}
.companion-card .yapi-face{background-position:50% center}
.companion-card .yume-face{background-position:100% center}
.coast-preview{background:url("./assets/home-coast-v2.png") center/cover}
.neon-preview{background:url("./assets/home-neon.png") center/cover}

.scene-hotspot{position:absolute;z-index:7;border:0;border-radius:14px;background:#183d4fd9;color:#fff;padding:8px 11px;box-shadow:0 4px 14px #0004;font-size:11px}
.scene-hotspot span{display:block}.board-hotspot{left:24px;bottom:305px}.board-hotspot span{position:absolute;right:-5px;top:-6px;width:19px;height:19px;border-radius:50%;background:#ed477d;display:grid;place-items:center}.center-hotspot{right:28px;top:225px;width:58px;height:58px;border-radius:50%;border:2px solid #fff8;background:#213e50bb}.center-hotspot span{position:absolute;top:62px;left:50%;width:74px;transform:translateX(-50%);background:#173448d9;padding:5px;border-radius:8px}
.drawer-shade{position:absolute;z-index:38;inset:0;background:#07151a9c;backdrop-filter:blur(2px)}
.companion-drawer{position:absolute;z-index:40;top:0;right:0;bottom:72px;width:88%;max-width:360px;padding:20px;background:#f8f0e5;box-shadow:-12px 0 30px #06131955;transform:translateX(105%);transition:transform .24s ease;overflow:auto}
.companion-drawer.open{transform:translateX(0)}
.companion-drawer>header{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #d7cbbb}
.companion-drawer header h2,.companion-drawer header p{margin:2px}.companion-drawer header p{font-size:12px}.companion-drawer header button{margin-left:auto;align-self:flex-start;border:0;background:#e7ddd0;border-radius:50%;width:34px;height:34px}
.drawer-portrait{width:76px;height:88px;flex:0 0 76px;background:url("./assets/companions.png") no-repeat;background-size:300% 100%}
.drawer-portrait.tao-face{background-position:0 center}.drawer-portrait.yapi-face{background-position:50% center}.drawer-portrait.yume-face{background-position:100% center}
.drawer-status{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:15px 0}.drawer-status progress{grid-column:1/-1;width:100%;accent-color:#ed477d}.companion-drawer section{background:#fff;border-radius:17px;padding:14px;margin-bottom:12px}.companion-drawer h3{font-size:14px;margin:0 0 10px}
.current-action{display:flex;gap:10px;align-items:center}.current-action i{color:#39a566}.current-action b,.current-action small{display:block}.current-action small{margin-top:4px;color:#746c65}
.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-actions button{border:0;border-radius:12px;background:#f4ebe2;padding:12px 7px;font-size:18px}.drawer-actions span{display:block;font-size:11px;margin-top:4px}.drawer-log p{font-size:12px;line-height:1.6;margin:0}
@media(max-width:520px){.companion-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-width:none;max-height:74%;border-radius:24px 24px 0 0;transform:translateY(105%)}.companion-drawer.open{transform:translateY(0)}}

/* Main companion conversation */
.chat-screen{position:relative;padding:0 0 86px;background:#16394b;overflow:hidden}
.chat-screen:before{content:"";position:absolute;inset:0 0 42%;background:url("./assets/home-coast-v2.png") center/cover no-repeat;filter:saturate(.9) brightness(.82)}
.theme-neon .chat-screen:before{background-image:url("./assets/home-neon.png")}
.chat-header{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:16px;color:#fff;background:linear-gradient(#102d3dcc,transparent)}
.chat-header button{width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;background:#173748b8;color:#fff;font-size:25px}
.chat-header div{flex:1}.chat-header small,.chat-header strong{display:block}.chat-header small{font-size:11px;opacity:.8}.chat-header strong{font-size:17px}
.chat-stage{position:relative;z-index:2;height:46dvh;min-height:330px;display:flex;align-items:flex-end;justify-content:center}
.chat-character{width:205px;height:295px;background:url("./assets/companions.png") no-repeat;background-size:300% 100%;filter:drop-shadow(0 12px 10px #07182188);animation:chat-breathe 2.4s ease-in-out infinite;image-rendering:auto}
.chat-character.tao-face{background-position:0 center}.chat-character.yapi-face{background-position:50% center}.chat-character.yume-face{background-position:100% center}
.chat-character.video-mode,.resident-hero-character.video-mode{background:none;overflow:hidden}
.chat-character.video-mode>div,.resident-hero-character.video-mode>div{width:100%;height:100%}
.chat-mood{position:absolute;right:18px;top:58px;padding:8px 12px;border-radius:18px;background:#173748d9;color:#fff;font-size:12px}
.chat-content{position:relative;z-index:4;margin-top:-20px;padding:0 14px}
.dialogue-card{padding:17px;background:#fffaf0f2;border:1px solid #fff8;border-radius:23px;box-shadow:0 14px 34px #06151e66;backdrop-filter:blur(12px)}
.dialogue-card>small{color:#e43d78;font-weight:800}.dialogue-card>p{min-height:72px;margin:8px 0 13px;line-height:1.6;font-size:15px}
.quick-replies{display:flex;gap:6px;overflow-x:auto}.quick-replies button{flex:0 0 auto;border:1px solid #e8bfd0;border-radius:14px;padding:8px 10px;background:#fff;color:#a32e5c;font-size:11px}
.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input input{min-width:0;flex:1;border:1px solid #ffffff55;border-radius:20px;padding:12px 14px;background:#ffffffea;font-size:15px}.chat-input button{width:44px;border:0;border-radius:50%;background:#ed3e86;color:#fff;font-size:18px}.chat-input button:first-child{background:#284c5d}
.chat-tools{display:flex;justify-content:space-around;margin-top:8px}.chat-tools button{border:0;background:none;color:#fff;font-size:20px}.chat-tools span{display:block;font-size:10px;margin-top:2px}
@keyframes chat-breathe{50%{transform:translateY(-5px) scale(1.01)}}

/* Resident companion main experience */
.resident-screen{position:relative;padding:0 0 86px;background:#143a4c;overflow:hidden}
.home-page-label{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:10px 15px 0;color:#fff}.home-page-label b{font-size:18px}.home-page-label span{padding:4px 7px;border:1px solid #ffffff55;border-radius:9px;background:#102d3dbb;font-size:9px;letter-spacing:.08em}
.resident-bg{position:absolute;inset:0;background:url("./assets/home-coast-v2.png") center/cover no-repeat;filter:brightness(.78) saturate(1.08);transform:scale(1.03)}
.theme-neon .resident-bg{background-image:url("./assets/home-neon.png")}
.resident-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(#071c2b44 0 45%,#132a32cc 70%,#142630 100%)}
.resident-topbar{position:relative;z-index:3;display:flex;gap:8px;padding:14px 13px}
.resident-topbar button{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #ffffff42;border-radius:17px;padding:8px 10px;background:#133243c9;color:#fff;text-align:left;backdrop-filter:blur(9px)}
.resident-topbar button:first-child{flex:1}.resident-topbar small,.resident-topbar strong{display:block}.resident-topbar small{font-size:9px;opacity:.72}.resident-topbar strong{font-size:12px}.resident-topbar span{margin-left:auto}
.resident-hero{position:relative;z-index:2;height:46dvh;min-height:330px;display:flex;align-items:flex-end;justify-content:center}
.resident-hero-character{width:235px;height:325px;background:url("./assets/companions.png") no-repeat;background-size:300% 100%;filter:drop-shadow(0 14px 11px #05151d99);animation:chat-breathe 2.5s ease-in-out infinite}
.resident-hero-character.tao-face{background-position:0 center}.resident-hero-character.yapi-face{background-position:50% center}.resident-hero-character.yume-face{background-position:100% center}
.resident-mood{position:absolute;top:55px;right:18px;padding:8px 12px;border-radius:18px;background:#18394ddd;color:white;font-size:12px}
.home-portal{position:absolute;left:14px;bottom:36px;display:grid;grid-template-columns:auto 1fr;gap:0 7px;border:1px solid #ffffff55;border-radius:17px;padding:9px 11px;background:#15394bd9;color:#fff;text-align:left;box-shadow:0 6px 18px #06151f55}.home-portal b{grid-row:1/3;font-size:23px}.home-portal span{font-size:12px;font-weight:800}.home-portal small{font-size:9px;opacity:.75}
.resident-interface{position:relative;z-index:4;margin-top:-30px;padding:0 14px}
.resident-dialogue{padding:16px;background:#2a211be8;color:#fff;border:1px solid #ffffff25;border-radius:24px;box-shadow:0 12px 32px #07161e77;backdrop-filter:blur(14px)}
.resident-dialogue>small{color:#ff4b9a;font-weight:800}.resident-dialogue>p{min-height:68px;margin:8px 0 12px;line-height:1.65;font-size:14px}
.resident-chips{display:flex;gap:7px;overflow:auto}.resident-chips button{border:1px solid #ffffff36;border-radius:15px;padding:8px 10px;background:#ffffff12;color:#fff;font-size:10px}
.main-chat-input{display:flex;gap:8px;margin-top:9px}.main-chat-input input{min-width:0;flex:1;border:1px solid #ffffff4a;border-radius:21px;padding:12px 14px;background:#3a322dcc;color:#fff;font-size:14px}.main-chat-input input::placeholder{color:#ffffff88}.main-chat-input button{width:43px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff218f,#a725eb);color:#fff;font-size:18px}.main-chat-input button:first-child{background:#342e38cc}
.main-actions{display:flex;justify-content:center;gap:12px;margin-top:9px}.main-actions button{position:relative;width:57px;border:0;background:none;color:#fff}.main-actions i{width:43px;height:43px;margin:auto;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#203b49aa;font-size:20px;font-style:normal}.main-actions span{display:block;margin-top:3px;font-size:9px}.main-actions b{position:absolute;right:2px;top:-3px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ee356b;font-size:9px}
.selector-dialog header>div{flex:1}.selector-dialog header small{color:#a45b72}.selector-options,.experience-options{display:grid;gap:9px;margin-top:15px}.selector-options button,.experience-options button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #eadfd3;border-radius:17px;padding:10px;background:#fff;text-align:left}.selector-options button.selected{border:2px solid #ee4781;background:#fff2f7}.selector-options div,.experience-options div{flex:1}.selector-options b,.selector-options small,.experience-options b,.experience-options small{display:block}.selector-options small,.experience-options small{margin-top:3px;color:#7d746b;font-size:10px}.selector-options em,.experience-options em{color:#dd3f77;font-size:11px;font-style:normal}.mini-character{display:block;width:54px;height:64px;background:url("./assets/companions.png") no-repeat;background-size:300% 100%}.mini-character.tao-face{background-position:0 center}.mini-character.yapi-face{background-position:50% center}.mini-character.yume-face{background-position:100% center}.selector-note{padding:10px;background:#efe8df;border-radius:12px;color:#746b63;font-size:10px}.experience-cover{width:70px;height:57px;flex:0 0 70px;display:grid;place-items:center;border-radius:12px;font-size:27px}.yehliu-cover{background:linear-gradient(#53b6e9,#76d2c7,#dfc887)}.shinsuya-cover{background:linear-gradient(#241247,#813e96,#eb5fc5)}
.bottom-nav button{font-size:19px}

/* Visual system aligned with the pixel-art concept boards */
:root{--ink:#2d251d;--panel:#33291f;--panel-2:#443522;--gold:#bb8b49;--cream:#f5eee2;--pink:#ec4a8c;--line:#765a32}
.affinity-pill{position:absolute;z-index:5;top:54px;left:14px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px;padding:7px 10px;border:1px solid #ffffff48;border-radius:18px;background:#17394bd8;color:#fff;font-size:11px}.affinity-pill i{grid-column:2/4;width:80px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--pink) 72%,#ffffff35 72%)}
.page-title small{display:block;margin-bottom:3px;color:#a88c65;font-size:10px;letter-spacing:.05em}.screen[data-screen="explore"],.screen[data-screen="collection"],.screen[data-screen="profile"],.screen[data-screen="companions"]{background:linear-gradient(150deg,#30271f,#171c1c);color:#f8eddb}
.screen[data-screen="explore"] .page-title span,.screen[data-screen="collection"] .page-title span{padding:6px 9px;border:1px solid #806540;border-radius:12px;background:#3d3022;color:#f4d7a5}
.screen[data-screen="explore"] .map{height:68dvh;background:url("./assets/home-coast-v2.png") center/cover no-repeat;border:2px solid #6f5736;box-shadow:inset 0 0 40px #0008,0 10px 25px #0004}
.screen[data-screen="explore"] .map:before{display:none}.screen[data-screen="explore"] .place{border:1px solid #8c6c40;background:#34291fe9;color:#f8eddb;box-shadow:0 5px 14px #0008}.screen[data-screen="explore"] .place small{color:#69cf84}.screen[data-screen="explore"] .primary{background:linear-gradient(90deg,#db3d7d,#f06499);box-shadow:0 7px 18px #e8457a44}
.screen[data-screen="collection"] .tabs button{border:1px solid #6e5536;background:#3c3023;color:#d8c5a7}.screen[data-screen="collection"] .tabs .selected{border-color:#f05a93;background:var(--pink);color:white}
.screen[data-screen="collection"] .collection-grid{grid-template-columns:repeat(3,1fr)}.screen[data-screen="collection"] .collectible{min-height:112px;border:1px solid #755a35;background:linear-gradient(#5a472f,#35291c);color:#f6e8d2;box-shadow:inset 0 0 0 2px #2a211a,0 4px 10px #0005}.screen[data-screen="collection"] .collectible span{height:70px;display:grid;place-items:center;border-radius:9px;background:#b79d7133}.screen[data-screen="collection"] .unlock-note{border:1px solid #725936;background:#3a2d21;color:#f3dfc0}
.screen[data-screen="profile"] .profile-card,.screen[data-screen="profile"] .resident,.screen[data-screen="profile"] .theme-status,.screen[data-screen="profile"] .next-trip{border:1px solid #735a38;background:linear-gradient(135deg,#493722,#2d251c);color:#f7e8d3}.screen[data-screen="profile"] .stats div{border:1px solid #745a36;background:#392d21}.screen[data-screen="profile"] .stats b{color:#f15b95}.achievement-panel{padding:16px;border:1px solid #735a38;border-radius:20px;background:#352a20}.achievement-panel>small{color:#d9bd91}.achievement-panel>div{display:flex;gap:8px;margin-top:10px;overflow:auto}.achievement-panel span{min-width:72px;text-align:center;font-size:32px}.achievement-panel b{display:block;margin-top:4px;font-size:9px;color:#f4dfc1}.achievement-panel .locked-badge{filter:grayscale(1);opacity:.55}
.screen[data-screen="companions"] .companion-card,.screen[data-screen="companions"] .event-detail{border:1px solid #755a37;background:#3b2e21;color:#f7e7d0}.screen[data-screen="companions"] .companion-card.resident-card{outline:2px solid var(--pink)}
dialog{background:var(--cream)}#scheduleDialog{background:linear-gradient(145deg,#362a20,#1e1b18);color:#f8ead5}#scheduleDialog .ticket{border:1px solid #765a34;background:linear-gradient(135deg,#4b3824,#30251c);color:#f8ead5}#scheduleDialog .ticket time{color:#f4d4a0}#scheduleDialog .helper-line{background:#465a32;color:#eff4d4}.qr-code{width:45px;height:45px;padding:0!important;border:5px solid #fff!important;background:repeating-conic-gradient(#1b1815 0 25%,#fff 0 50%) 50%/10px 10px!important;box-shadow:0 0 0 2px #d2b68e}
.event-card{border:1px solid #ffffffa0;background:#f8f0e4f2}.helper-card{border:1px solid #ffffffaa}.topbar>*{box-shadow:inset 0 0 0 1px #ffffff29}.resident-dialogue{border-color:#9c7950;background:linear-gradient(135deg,#392a20ee,#201b17ee)}

.collectible-art{height:72px!important;background-image:url("./assets/collectibles-sheet.png")!important;background-repeat:no-repeat!important;background-size:400% 400%!important;background-position:calc(var(--ix) * 33.333%) calc(var(--iy) * 33.333%)!important;image-rendering:auto}
.achievement-panel span{font-size:inherit}.badge-art{display:block;width:66px;height:66px;margin:auto;background-image:url("./assets/badges-sheet.png");background-repeat:no-repeat;background-size:400% 200%;border-radius:50%}.badge-0{background-position:0 0}.badge-1{background-position:33.333% 0}.badge-2{background-position:66.666% 0}.badge-3{background-position:100% 0}.badge-4{background-position:0 100%}.badge-5{background-position:33.333% 100%}.badge-6{background-position:66.666% 100%}.badge-7{background-position:100% 100%}