:root{--paper:#fffaf2;--cream:#f7efe3;--ink:#403933;--muted:#8c8178;--accent:#e98861;--accent-soft:#fde1d2;--sage:#8ba585;--line:rgba(64, 57, 51, 0.1);--shadow:0 18px 48px rgba(82, 62, 48, 0.12)}*{box-sizing:border-box}html{background:#e9e5de;touch-action:manipulation;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 50% 0,#fff8ec 0,#e9e5de 68%);touch-action:manipulation;overscroll-behavior-y:none;transition:color .6s ease,background .8s ease}body.theme-night{--paper:#171426;--cream:#211b35;--ink:#f6efff;--muted:#b9add0;--accent:#aa83ff;--accent-soft:#352755;--sage:#91b7b5;--line:rgba(235, 222, 255, .12);--shadow:0 20px 54px rgba(3, 2, 12, .42);background:radial-gradient(circle at 50% 0,#302653 0,#0e0c18 72%)}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}.phone-shell{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);transition:background .7s ease,box-shadow .7s ease}.topbar{position:sticky;top:0;z-index:10;min-height:68px;padding:max(14px,env(safe-area-inset-top)) 20px 12px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,250,242,.9);backdrop-filter:blur(14px)}.topbar>div{text-align:center}.topbar strong{display:block;font-size:16px}.topbar small{color:var(--muted);font-size:9px;letter-spacing:.22em}.sun-dot{width:12px;height:12px;justify-self:center;border-radius:50%;background:#f1c56c;box-shadow:0 0 0 7px #fff0c9}body.theme-night .sun-dot{background:#eee4ff;box-shadow:-4px 0 0 1px #8e72d4,0 0 0 7px #30264a}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:#f2e9dc;font-size:28px;line-height:1}.is-hidden{visibility:hidden}#app{min-height:calc(100dvh - 142px);padding:24px 20px 108px;outline:0}.page-enter{animation:fade-up .36s ease both}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.22em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(28px, 8vw, 38px);line-height:1.2}h2{margin-bottom:8px;font-size:24px}h3{margin-bottom:8px;font-size:16px}.lead{color:var(--muted);line-height:1.75}.hero{min-height:440px;display:flex;flex-direction:column;justify-content:center;text-align:center}.oracle-visual{position:relative;width:226px;height:226px;margin:4px auto 28px;display:grid;place-items:center;isolation:isolate;cursor:crosshair;touch-action:none;animation:float 3.4s ease-in-out infinite}.sun-oracle{border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffbd7 0 10%,#ffd76f 40%,#f1a94d 78%);box-shadow:0 0 0 13px rgba(255,207,89,.2),0 0 48px rgba(245,174,68,.44)}.sun-oracle::before{content:"";position:absolute;z-index:-1;inset:-27px;border-radius:50%;background:repeating-conic-gradient(from 4deg,#f5b848 0 7deg,transparent 7deg 18deg)}.sun-oracle::after{content:"";position:absolute;width:36px;height:18px;left:38px;bottom:43px;border-bottom:5px solid rgba(150,84,42,.42);border-radius:50%;transform:rotate(10deg)}.crystal-oracle{width:224px;height:224px;border:7px solid rgba(225,214,255,.55);border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.92) 0 4%,rgba(173,136,255,.78) 17%,#7652c7 48%,#322253 78%);box-shadow:inset -18px -22px 35px rgba(25,10,58,.42),0 0 0 9px rgba(132,94,221,.16),0 0 48px rgba(155,111,255,.46)}.crystal-oracle::before{content:"✦  ·  ✧";position:absolute;top:25px;right:29px;color:#fff7ce;font-size:18px;letter-spacing:10px;text-shadow:0 0 12px #fff;animation:twinkle 2.1s ease-in-out infinite}.crystal-oracle::after{content:"";position:absolute;z-index:-1;width:154px;height:45px;left:28px;bottom:-32px;border:6px solid #8c6ac3;border-radius:50% 50% 22px 22px;background:linear-gradient(#c7a8ff,#674a9c);box-shadow:0 13px 0 -5px #4b366f,0 14px 25px rgba(0,0,0,.35)}.oracle-eye{position:relative;width:119px;height:77px;display:grid;place-items:center;overflow:hidden;border:5px solid #49382f;border-radius:52% 48% 50% 50%;background:#fffdf7;box-shadow:inset 0 -7px 0 #f3dfd6,0 8px 18px rgba(65,43,34,.18);animation:blink 5.4s ease-in-out infinite}.crystal-oracle .oracle-eye{border-color:#3c2a62;box-shadow:inset 0 -7px 0 #e8dcff,0 0 24px rgba(255,255,255,.32)}.oracle-pupil{position:relative;width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 37% 33%,#fff 0 5%,#49382f 7% 20%,#19131c 22% 100%);box-shadow:0 0 0 7px #e6a66c;transition:transform .12s ease-out;will-change:transform}.crystal-oracle .oracle-pupil{box-shadow:0 0 0 7px #9ed8dc,0 0 18px #b9ffff}.oracle-cheek{position:absolute;width:24px;height:10px;top:138px;border-radius:50%;background:rgba(221,111,106,.32)}.oracle-cheek.left{left:34px}.oracle-cheek.right{right:34px}.crystal-oracle .oracle-cheek{background:rgba(233,192,255,.34)}.oracle-caption{margin:-5px 0 22px;color:var(--muted);font-size:11px}.counter{margin:14px 0 0;color:var(--muted);font-size:13px}.counter strong{color:var(--accent);font-size:20px}.mini-button,.primary-button,.secondary-button{border:0;border-radius:999px;cursor:pointer;text-decoration:none;text-align:center;font-weight:800}.primary-button{display:inline-flex;min-height:50px;padding:0 24px;align-items:center;justify-content:center;color:#fff;background:var(--accent);box-shadow:0 10px 24px rgba(233,136,97,.28)}.secondary-button{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;color:var(--ink);background:#f3eadf}.mini-button{padding:10px 15px;color:#fff;background:var(--ink);font-size:12px}.mini-button.soft{color:var(--ink);background:#f1e8dd}.danger-button{display:inline-flex;width:100%;min-height:44px;margin-top:10px;align-items:center;justify-content:center;border:1px solid rgba(190,76,72,.24);border-radius:999px;color:#b64f4a;background:rgba(220,92,82,.08);font-weight:800}.wide{width:100%}button:disabled{opacity:.48;cursor:default}.card{padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(72,55,43,.07)}body.theme-night .card{background:rgba(43,35,68,.8);box-shadow:0 12px 30px rgba(5,3,17,.2)}.notice{margin-top:22px;display:flex;gap:12px;text-align:left}.notice span{flex:0 0 auto;display:grid;width:38px;height:38px;place-items:center;border-radius:14px;background:var(--accent-soft)}.notice p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.draw-stage{padding-top:20px;text-align:center}.fate-card{position:relative;width:250px;height:350px;margin:28px auto;border:0;border-radius:30px;overflow:hidden;color:#fff;background:linear-gradient(150deg,#ef9b77,#c66f5f);box-shadow:0 22px 44px rgba(142,82,65,.27);cursor:pointer}.fate-card::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.5);border-radius:22px}.fate-card span{position:relative;display:block;font-size:74px}.fate-card strong{position:relative;display:block;margin-top:20px;font-size:22px}.fate-card.is-flipping{animation:card-flip .85s ease both}.result-card{text-align:center}.character-portrait{position:relative;width:210px;height:210px;margin:4px auto 12px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--character-soft,#f5e8d9);cursor:pointer}.character-portrait img{width:90%;height:90%;object-fit:contain;clip-path:circle(49% at 50% 50%);filter:drop-shadow(0 12px 12px rgba(70,50,40,.13));animation:float 3.1s ease-in-out infinite}.character-portrait.reveal img{animation:pop-in .72s cubic-bezier(.2,.9,.2,1.2) both,float 3.1s 1s ease-in-out infinite}.interaction-hint{position:absolute;left:50%;bottom:8px;padding:5px 10px;transform:translateX(-50%);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.82);font-size:9px;white-space:nowrap;box-shadow:0 4px 12px rgba(65,45,35,.08)}.rarity{position:absolute;right:8px;top:10px;padding:7px 10px;border-radius:999px;color:#fff;background:var(--ink);font-size:11px;font-weight:900}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0 18px}.tag{padding:6px 10px;border-radius:999px;color:var(--muted);background:#f4ece2;font-size:11px}.quote{padding:14px 16px;border-radius:18px;color:#6f5c4f;background:#fff4df;font-size:13px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;text-align:left}.detail-grid div{padding:13px;border-radius:16px;background:#f7f0e7}.detail-grid small{display:block;color:var(--muted);margin-bottom:5px}.story{color:#665d56;font-size:13px;line-height:1.75;text-align:left}.action-stack{display:grid;gap:10px;margin-top:18px}.section-head{margin-bottom:20px}.list{display:grid;gap:12px}.role-row{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center}.role-row img{width:72px;height:72px;object-fit:contain;border-radius:22px;background:#f7eee1}.role-row p{margin:4px 0 8px;color:var(--muted);font-size:11px}.row-actions{display:flex;flex-wrap:wrap;gap:7px}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty span{display:block;margin-bottom:12px;font-size:42px}.cabin-grid{position:relative;z-index:2;margin-top:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cabin-role{min-width:0;padding:8px 4px;border:0;border-radius:18px;background:var(--role-bg,rgba(255,255,255,.72));color:var(--role-ink,inherit);cursor:pointer}.cabin-role img{width:70px;max-width:100%;height:70px;object-fit:contain}.cabin-role strong{display:block;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat{text-align:center}.stat strong{display:block;color:var(--accent);font-size:28px}.stat small{color:var(--muted)}.profile-links{display:grid;gap:12px}.profile-link{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;color:inherit;text-decoration:none}.profile-link>span:first-child{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;background:var(--accent-soft);font-size:22px}.profile-link p{margin:4px 0 0;color:var(--muted);font-size:11px}.danger{color:#aa4c42}.studio-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tool{min-width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff}.tool[aria-pressed=true]{outline:3px solid var(--accent-soft);border-color:var(--accent)}.color-dot{display:inline-block;width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line)}#drawing-board{display:block;width:100%;aspect-ratio:1;touch-action:none;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:inset 0 0 28px rgba(50,40,30,.04)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,430px);min-height:74px;padding:9px 16px max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:rgba(255,250,242,.94);backdrop-filter:blur(16px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px;text-decoration:none}.bottom-nav span{font-size:20px}.bottom-nav a.active{color:var(--accent);font-weight:800}body.theme-night .bottom-nav,body.theme-night .topbar{background:rgba(23,20,38,.9)}body.theme-night .icon-button,body.theme-night .mini-button.soft,body.theme-night .secondary-button{color:var(--ink);background:#302841}body.theme-night .detail-grid div,body.theme-night .tag{background:#2c2441}body.theme-night .quote{color:#eee4ff;background:#302648}body.theme-night .story{color:#d4c9df}body.theme-night .cabin-role{color:var(--role-ink,var(--ink));background:var(--role-bg,rgba(66,52,86,.86))}body.theme-night .tool{color:var(--ink);background:#2a2340}.toast{position:fixed;z-index:50;left:50%;bottom:92px;max-width:calc(100% - 48px);padding:11px 17px;opacity:0;pointer-events:none;transform:translate(-50%,12px);border-radius:999px;color:#fff;background:rgba(54,47,42,.92);font-size:12px;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;z-index:60;inset:0;padding:28px;display:grid;place-items:center;background:rgba(45,37,32,.45);backdrop-filter:blur(6px)}body[data-cabin-theme=animal]{--role-bg:rgba(255,242,220,.9);--role-ink:#49342a;--glass:rgba(255,244,221,.8)}body[data-cabin-theme=dessert]{--role-bg:rgba(255,236,245,.93);--role-ink:#704557;--glass:rgba(255,250,250,.82)}body[data-cabin-theme=botanical]{--role-bg:rgba(243,251,232,.93);--role-ink:#294936;--glass:rgba(246,255,235,.82)}body[data-cabin-theme=landscape]{--role-bg:rgba(240,250,253,.93);--role-ink:#294c59;--glass:rgba(244,253,255,.82)}body[data-cabin-theme=ocean]{--role-bg:rgba(226,246,251,.92);--role-ink:#173e50;--glass:rgba(231,252,255,.84)}body[data-cabin-theme=starlight]{--role-bg:rgba(88,72,134,.9);--role-ink:#f2ecff;--glass:rgba(59,50,91,.97)}.modal{width:min(100%,370px);max-height:82dvh;overflow:auto;padding:22px;border-radius:28px;background:var(--glass,var(--paper));color:var(--role-ink,var(--ink));box-shadow:var(--shadow);animation:pop-in .28s ease both}.modal-close{float:right;width:34px;height:34px;border:0;border-radius:50%;color:inherit;background:color-mix(in srgb,var(--role-ink,#403933) 14%,transparent)}.modal img{display:block;width:150px;height:150px;margin:8px auto;object-fit:contain}.modal-character{position:relative;width:170px;height:170px;margin:0 auto;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent-soft);cursor:pointer}.modal-character img{margin:0;clip-path:circle(49% at 50% 50%)}#modal-root .modal .quote{color:var(--role-ink,#6f5c4f);background:0 0;border:1px solid color-mix(in srgb,var(--role-ink,#6f5c4f) 26%,transparent)}#modal-root .modal .tag{color:var(--role-ink,inherit);background:0 0;border:1px solid color-mix(in srgb,var(--role-ink,#403933) 26%,transparent)}#modal-root .modal .detail-grid div{color:var(--role-ink,inherit);background:0 0;border:1px solid color-mix(in srgb,var(--role-ink,#403933) 26%,transparent)}#modal-root .modal .story{color:var(--role-ink,inherit);opacity:1}#modal-root .modal h2{color:var(--role-ink,inherit)}#modal-root .modal .eyebrow{opacity:.72}#modal-root .modal .secondary-button{color:var(--role-ink,var(--ink));background:color-mix(in srgb,var(--role-ink,#403933) 10%,transparent);border:1px solid color-mix(in srgb,var(--role-ink,#403933) 24%,transparent)}#modal-root .modal .modal-close{color:var(--role-ink,inherit);background:0 0;border:1px solid color-mix(in srgb,var(--role-ink,#403933) 26%,transparent)}.modal .modal-character{background:color-mix(in srgb,var(--role-ink,#e98861) 12%,transparent)}body.cabin-view .phone-shell{background:var(--cabin-page,#f3dfbf)}body.cabin-view .bottom-nav,body.cabin-view .topbar{color:var(--cabin-ink,#44372f);background:color-mix(in srgb,var(--cabin-page,#f3dfbf),transparent 10%);border-color:rgba(255,255,255,.24)}body.cabin-view[data-cabin-theme=animal]{--cabin-page:#d9ae78;--cabin-ink:#49342a}body.cabin-view[data-cabin-theme=dessert]{--cabin-page:#ffd9e4;--cabin-ink:#6d4252}body.cabin-view[data-cabin-theme=botanical]{--cabin-page:#c8ddaf;--cabin-ink:#294936}body.cabin-view[data-cabin-theme=landscape]{--cabin-page:#b8dce7;--cabin-ink:#294c59}body.cabin-view[data-cabin-theme=ocean]{--cabin-page:#7fc1cc;--cabin-ink:#173e50}body.cabin-view[data-cabin-theme=starlight]{--cabin-page:#24213f;--cabin-ink:#f5efff}.cabin-world{position:relative;min-height:calc(100dvh - 68px);margin:-24px -20px -108px;padding:28px 20px 118px;overflow:hidden;color:var(--world-ink);isolation:isolate;transition:background .55s ease,color .55s ease}.cabin-world::after,.cabin-world::before{content:"";position:absolute;z-index:-1;pointer-events:none}.cabin-theme--animal{--world-ink:#49342a;--role-bg:rgba(255,242,220,.9);--role-ink:#49342a;--glass:rgba(255,244,221,.7);--scene:rgba(255,235,202,.62);background:radial-gradient(ellipse at 17% 13%,#6e4938 0 3%,transparent 3.5%),radial-gradient(ellipse at 72% 8%,#76503d 0 4%,transparent 4.5%),radial-gradient(ellipse at 90% 30%,#5d3c31 0 2.5%,transparent 3%),linear-gradient(145deg,#e8c891,#c99060 55%,#9d6749);background-size:92px 84px,118px 105px,76px 79px,auto}.cabin-theme--animal::before{width:180px;height:180px;right:-45px;top:145px;border:28px solid rgba(91,55,42,.14);border-radius:50%;box-shadow:-118px 76px 0 -44px rgba(91,55,42,.12)}.cabin-theme--dessert{--world-ink:#704557;--role-bg:rgba(255,236,245,.93);--role-ink:#704557;--glass:rgba(255,250,250,.72);--scene:rgba(255,237,244,.64);background:radial-gradient(circle at 14% 12%,#fff 0 10px,transparent 11px),radial-gradient(circle at 82% 19%,#f3a8bf 0 15px,transparent 16px),linear-gradient(155deg,#fff0f5,#ffd2df 45%,#e9b6d9);background-size:90px 90px,130px 130px,auto}.cabin-theme--dessert::before{width:150px;height:85px;right:-14px;top:150px;border-radius:80px 80px 28px 28px;background:#fff8f3;box-shadow:inset 0 -18px 0 #f5a9bd,-238px 170px 0 -26px rgba(255,255,255,.55);transform:rotate(-8deg)}.cabin-theme--botanical{--world-ink:#294936;--role-bg:rgba(243,251,232,.93);--role-ink:#294936;--glass:rgba(246,255,235,.7);--scene:rgba(230,248,209,.62);background:radial-gradient(ellipse at 8% 18%,rgba(60,119,65,.32) 0 9%,transparent 10%),radial-gradient(ellipse at 90% 25%,rgba(75,139,73,.28) 0 12%,transparent 13%),linear-gradient(150deg,#e4efc4,#b9d49a 50%,#7da371)}.cabin-theme--botanical::before{width:190px;height:440px;left:-62px;top:75px;border-right:18px solid rgba(53,101,54,.25);border-radius:50%;transform:rotate(-12deg);box-shadow:330px 65px 0 -8px rgba(65,112,61,.12)}.cabin-theme--botanical::after{width:28px;height:28px;right:28px;top:138px;border-radius:70% 30% 70% 30%;background:#5f9a60;box-shadow:-24px 30px 0 #76ab70,9px 59px 0 #4f8652,-12px 87px 0 #8bb985}.cabin-theme--landscape{--world-ink:#294c59;--role-bg:rgba(240,250,253,.93);--role-ink:#294c59;--glass:rgba(244,253,255,.68);--scene:rgba(221,244,248,.55);background:linear-gradient(165deg,transparent 0 56%,#789f82 57% 68%,#537963 69%),linear-gradient(#a8d8e8,#f7e8ba 58%)}.cabin-theme--landscape::before{left:-20%;right:-20%;height:190px;bottom:110px;background:#789b87;clip-path:polygon(0 100%,0 62%,18% 38%,31% 68%,48% 15%,61% 60%,76% 31%,100% 73%,100% 100%);opacity:.42}.cabin-theme--ocean{--world-ink:#173e50;--role-bg:rgba(226,246,251,.92);--role-ink:#173e50;--glass:rgba(231,252,255,.67);--scene:rgba(198,239,244,.5);background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.5) 0 5px,transparent 6px),radial-gradient(circle at 76% 34%,rgba(255,255,255,.35) 0 8px,transparent 9px),linear-gradient(#8ed3dc,#3c91ae 62%,#1f6687);background-size:95px 120px,140px 160px,auto}.cabin-theme--ocean::before{left:-10%;right:-10%;height:105px;bottom:100px;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 110%,#5fa8b2 0 18px,#7dc7c5 19px 31px);opacity:.48}.cabin-theme--starlight{--world-ink:#f5efff;--role-bg:rgba(88,72,134,.9);--role-ink:#f2ecff;--glass:rgba(59,50,91,.72);--scene:rgba(50,41,82,.58);background:radial-gradient(circle at 15% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 16%,#e9d7ff 0 2px,transparent 3px),radial-gradient(circle at 45% 33%,#fff8c6 0 1px,transparent 2px),linear-gradient(#282344,#403467 58%,#1b1930);background-size:71px 83px,123px 111px,91px 103px,auto}.cabin-theme--starlight::before{width:145px;height:145px;right:-34px;top:115px;border-radius:50%;background:#f2e7ff;box-shadow:0 0 45px rgba(228,201,255,.45);opacity:.5}.cabin-atmosphere span{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);animation:float 4s ease-in-out infinite}.cabin-atmosphere span:first-child{width:22px;height:22px;left:9%;top:178px}.cabin-atmosphere span:nth-child(2){width:11px;height:11px;right:12%;top:292px;animation-delay:-1.3s}.cabin-atmosphere span:nth-child(3){width:16px;height:16px;left:62%;top:415px;animation-delay:-2.5s}.cabin-heading{position:relative;z-index:1;margin-bottom:14px}.cabin-heading h2{font-size:30px}.cabin-heading p:last-child{max-width:290px;margin:0;line-height:1.65;opacity:.78}.cabin-stats{position:relative;z-index:1}.cabin-stats .stat{padding:13px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:var(--glass);backdrop-filter:blur(12px)}.cabin-stats .stat strong{color:var(--world-ink)}.cabin-theme-menu{position:relative;z-index:5;margin:2px 0 16px}.cabin-theme-menu>summary{min-height:54px;padding:9px 14px;display:grid;grid-template-columns:36px 1fr auto 20px;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:var(--glass);list-style:none;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 10px 24px rgba(48,38,46,.08)}.cabin-theme-menu>summary::-webkit-details-marker{display:none}.cabin-theme-menu>summary>span{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:rgba(255,255,255,.34);font-size:20px}.cabin-theme-menu>summary strong{font-size:13px}.cabin-theme-menu>summary small{opacity:.68;font-size:9px}.cabin-theme-menu>summary i{font-style:normal;transition:transform .24s ease}.cabin-theme-menu[open]>summary i{transform:rotate(180deg)}.cabin-theme-picker{margin-top:8px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(255,255,255,.34);border-radius:20px;background:color-mix(in srgb,var(--glass),transparent 4%);backdrop-filter:blur(16px);animation:menu-open .24s ease both}.cabin-theme-card{min-width:0;min-height:78px;padding:10px;display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid rgba(255,255,255,.32);border-radius:16px;color:var(--world-ink);background:rgba(255,255,255,.18);text-align:left}.cabin-theme-card>span{grid-row:span 2;font-size:24px}.cabin-theme-card strong{font-size:12px}.cabin-theme-card small{opacity:.68;font-size:9px}.cabin-theme-card.active{outline:3px solid color-mix(in srgb,var(--world-ink),transparent 70%);transform:translateY(-2px)}.cabin-scene{position:relative;z-index:1;min-height:520px;padding:18px 12px 28px;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:36px;background:var(--scene);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 22px 45px rgba(43,35,53,.12);backdrop-filter:blur(5px)}.scene-window{position:absolute;width:72%;height:175px;left:14%;top:25px;overflow:hidden;border:10px solid rgba(255,255,255,.68);border-radius:90px 90px 28px 28px;background:linear-gradient(#bfe8f1,#fff0c6 68%,#85a984 69%);box-shadow:0 14px 25px rgba(42,48,42,.12)}.scene-window::before{content:"";position:absolute;inset:0 50% 0 auto;border-left:4px solid rgba(255,255,255,.65)}.scene-window i{position:absolute;width:70px;height:70px;right:22px;top:18px;border-radius:50%;background:rgba(255,226,143,.8);box-shadow:0 0 24px rgba(255,224,137,.55)}.cabin-theme--animal .scene-window::after{content:"🐾";position:absolute;left:24px;top:42px;font-size:48px;opacity:.42}.cabin-theme--dessert .scene-window{background:linear-gradient(#ffd7e5,#fff1d8 65%,#dca5ba 66%)}.cabin-theme--dessert .scene-window::after{content:"🍰";position:absolute;left:28px;top:42px;font-size:47px}.cabin-theme--botanical .scene-window{background:linear-gradient(#cce9c0,#eef3c8 64%,#78a16d 65%)}.cabin-theme--botanical .scene-window::after{content:"🌿";position:absolute;left:25px;top:40px;font-size:52px}.cabin-theme--landscape .scene-window::after{content:"🏔️";position:absolute;left:24px;bottom:15px;font-size:56px}.cabin-theme--ocean .scene-window{background:linear-gradient(#77ccda,#2e87a8 70%,#176581)}.cabin-theme--ocean .scene-window::after{content:"🐚";position:absolute;left:28px;bottom:20px;font-size:50px}.cabin-theme--starlight .scene-window{background:radial-gradient(circle at 70% 26%,#fff5d0 0 12%,transparent 13%),linear-gradient(#29254d,#5a4680)}.cabin-theme--starlight .scene-window::after{content:"✦  ·  ✧";position:absolute;left:28px;top:48px;color:#fff;font-size:25px;letter-spacing:12px}.scene-furniture span{position:absolute;z-index:1;bottom:42px;display:block}.scene-furniture span:first-child{width:58%;height:80px;left:21%;border-radius:34px 34px 18px 18px;background:color-mix(in srgb,var(--world-ink),#fff 65%);box-shadow:inset 0 -17px 0 rgba(0,0,0,.08)}.scene-furniture span:nth-child(2){width:115px;height:34px;left:50%;bottom:21px;border-radius:50%;background:color-mix(in srgb,var(--world-ink),#fff 45%);transform:translateX(-50%);opacity:.6}.scene-furniture span:nth-child(3){width:17px;height:104px;right:22px;bottom:66px;border-radius:10px;background:color-mix(in srgb,var(--world-ink),#fff 35%);box-shadow:0 -24px 0 17px color-mix(in srgb,var(--world-ink),#fff 70%)}.cabin-scene .cabin-grid{position:relative;z-index:3;margin-top:190px;padding-bottom:105px}.cabin-scene .cabin-role{border:1px solid rgba(255,255,255,.35);color:var(--world-ink);background:var(--glass);backdrop-filter:blur(8px)}body.cabin-view .cabin-world{color:var(--world-ink)}body.cabin-view .cabin-world .empty{color:var(--world-ink);opacity:.8}body.cabin-view .cabin-world .stat small{color:var(--world-ink);opacity:.72}body.cabin-view .cabin-world .cabin-theme-menu>summary{color:var(--world-ink)}.character-interactive{position:relative;isolation:isolate}.character-interactive .character-sprite{transform-origin:50% 82%;will-change:transform,filter}.character-interactive::after{content:attr(data-reaction);position:absolute;z-index:6;left:68%;top:8%;opacity:0;color:var(--accent);font-size:25px;font-weight:900;text-shadow:0 2px 0 rgba(255,255,255,.85);pointer-events:none}.character-interactive.is-playing::after{animation:reaction-pop .72s ease-out both}.character-interactive.is-playing.motion-hop .character-sprite{animation:character-hop .68s cubic-bezier(.2,.8,.25,1) both}.character-interactive.is-playing.motion-wiggle .character-sprite{animation:character-wiggle .68s ease both}.character-interactive.is-playing.motion-squish .character-sprite{animation:character-squish .68s ease both}.character-interactive.is-playing.motion-twirl .character-sprite{animation:character-twirl .72s cubic-bezier(.25,.75,.25,1) both}.character-interactive.is-playing.motion-peek .character-sprite{animation:character-peek .72s ease both}.character-interactive.is-playing.motion-boing .character-sprite{animation:character-boing .7s cubic-bezier(.2,.9,.3,1.2) both}.character-interactive.is-playing.motion-sway .character-sprite{animation:character-sway .76s ease both}.character-interactive.is-playing.motion-zoom .character-sprite{animation:character-zoom .68s ease both}.cabin-role.is-playing{z-index:8;box-shadow:0 12px 28px rgba(51,39,46,.16)}@keyframes fade-up{from{opacity:0;transform:translateY(10px)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pop-in{from{opacity:0;transform:scale(.76) translateY(12px)}}@keyframes card-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(.93)}100%{transform:rotateY(180deg)}}@keyframes blink{0%,100%,44%,48%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes twinkle{50%{opacity:.45;transform:scale(.9)}}@keyframes menu-open{from{opacity:0;transform:translateY(-7px) scale(.98)}}@keyframes reaction-pop{0%{opacity:0;transform:translate(-8px,12px) scale(.3) rotate(-18deg)}35%{opacity:1;transform:translate(4px,-3px) scale(1.25) rotate(8deg)}100%{opacity:0;transform:translate(13px,-27px) scale(.85) rotate(15deg)}}@keyframes character-hop{0%,100%{transform:translateY(0) scale(1)}38%{transform:translateY(-25px) scale(.96,1.06)}62%{transform:translateY(2px) scale(1.08,.9)}}@keyframes character-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-11deg) translateX(-3px)}42%{transform:rotate(10deg) translateX(3px)}64%{transform:rotate(-7deg)}82%{transform:rotate(5deg)}}@keyframes character-squish{0%,100%{transform:scale(1)}25%{transform:scale(1.14,.82) translateY(9px)}52%{transform:scale(.9,1.16) translateY(-12px)}75%{transform:scale(1.05,.95)}}@keyframes character-twirl{0%,100%{transform:rotate(0) scale(1)}42%{transform:rotate(185deg) scale(.82)}72%{transform:rotate(350deg) scale(1.08)}}@keyframes character-peek{0%,100%{transform:translateX(0) rotate(0)}28%{transform:translateX(-18px) rotate(-8deg) scale(.96)}52%{transform:translateX(12px) rotate(6deg) scale(1.04)}76%{transform:translateX(-4px) rotate(-2deg)}}@keyframes character-boing{0%,100%{transform:scale(1) translateY(0)}18%{transform:scale(1.08,.82) translateY(8px)}48%{transform:scale(.9,1.18) translateY(-18px)}72%{transform:scale(1.06,.93) translateY(2px)}}@keyframes character-sway{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-9deg) translateY(-5px)}50%{transform:rotate(8deg) translateY(-8px)}75%{transform:rotate(-4deg) translateY(-3px)}}@keyframes character-zoom{0%,100%{transform:scale(1);filter:brightness(1)}30%{transform:scale(.82) rotate(-4deg)}55%{transform:scale(1.18) rotate(3deg);filter:brightness(1.12)}78%{transform:scale(.97)}}@media (min-width:520px){body{padding:18px 0}.phone-shell{min-height:calc(100dvh - 36px);border-radius:34px}.bottom-nav{bottom:18px;border-radius:0 0 34px 34px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}.music-toggle{width:36px;height:36px;justify-self:center;border:0;border-radius:50%;background:#f2e9dc;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .18s ease,background .18s ease}.music-toggle:active{transform:scale(.92)}body.theme-night .music-toggle{background:#302841}