:root{--bg-a: #ffe7d5;--bg-b: #ffd1af;--bg-c: #fff1d9;--card: rgba(255, 251, 245, .78);--ink: #3e2e2a;--accent: #ef6b78;--accent-2: #5b9a8e;--line: rgba(92, 64, 58, .18);--glow: rgba(254, 172, 123, .42);--panel-cream: #fff6e8;--panel-edge: #c98e72;--panel-edge-dark: #9f6451;--ui-mint: #6ba89b;--ui-berry: #ea6f8c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Noto Sans SC,sans-serif;color:var(--ink);background:linear-gradient(140deg,var(--bg-a),var(--bg-b) 58%,var(--bg-c));overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;pointer-events:none;z-index:-1}body:before{background:radial-gradient(circle at 22% 30%,rgba(255,255,255,.55),transparent 22%),radial-gradient(circle at 75% 75%,rgba(255,173,138,.35),transparent 24%),radial-gradient(circle at 50% 58%,rgba(255,214,171,.28),transparent 26%);animation:hazeMove 18s ease-in-out infinite alternate}body:after{background-image:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 48%,transparent 61%),radial-gradient(circle at 50% 50%,rgba(255,240,226,.24) 1px,transparent 1px);background-size:auto,16px 16px;animation:shimmer 12s linear infinite}.app-shell{width:min(1500px,97vw);margin:0 auto;padding:8px 0 18px;animation:riseIn .75s ease-out both}.access-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.access-card{width:min(560px,92vw);border:2px solid rgba(167,102,82,.35);border-radius:18px;padding:20px;background:linear-gradient(170deg,#fffbf5f2,#fff2e4eb);box-shadow:0 18px 30px #5d291e2e,inset 0 0 0 2px #fff5eae6}.access-card h1{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:1.6rem}.access-card p{margin:0 0 14px;opacity:.76;font-size:.92rem}.access-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.access-badge{border-radius:999px;padding:4px 10px;font-size:.68rem;letter-spacing:.08em;color:#fff6f0;background:linear-gradient(130deg,#ee7260,#d85f74);box-shadow:0 6px 14px #d85f744d}.access-stage{position:relative;height:150px;margin:0 0 12px;border-radius:12px;overflow:hidden;border:2px solid rgba(112,72,62,.3);background:linear-gradient(180deg,#86cde1,#9cdcec 58%,#8fce74 58%,#8fce74)}.access-stage-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.3) 0 11%,transparent 12%),radial-gradient(ellipse at 61% 20%,rgba(255,255,255,.26) 0 10%,transparent 11%)}.access-stage-road{position:absolute;left:10%;right:10%;bottom:30px;height:26px;border-radius:999px;background:linear-gradient(180deg,#dfc28f,#cfa96f)}.access-stage-house{position:absolute;right:44px;bottom:58px;width:88px;height:58px;background:#c18f7f;border:2px solid rgba(90,56,49,.28);border-radius:4px}.access-stage-house:before{content:"";position:absolute;left:-6px;top:-12px;width:calc(100% + 12px);height:14px;border-radius:3px;background:#925e56}.access-stage-lock{position:absolute;left:26%;bottom:68px;font-size:30px;animation:splashPulse 1.2s ease-in-out infinite alternate}.access-stage-pet{position:absolute;left:14%;bottom:56px;font-size:24px;animation:splashWalkA 7s linear infinite}.access-form{display:grid;gap:10px}.access-form label{font-size:.9rem;opacity:.74}.access-form input{min-height:44px}.access-error{margin:0;color:#b84d56;font-size:.86rem}.access-note{margin:0;font-size:.8rem;opacity:.62}.splash-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.splash-card{width:min(980px,96vw);border:2px solid rgba(140,91,76,.35);border-radius:20px;background:#fff8eff0;padding:16px;box-shadow:0 20px 38px #60322733,inset 0 0 0 2px #fff2e3eb}.splash-head h1{margin:0 0 3px;font-family:ZCOOL XiaoWei,serif;font-size:clamp(1.4rem,2.4vw,2rem)}.splash-head p{margin:0 0 10px;font-size:.9rem;opacity:.76}.splash-head{position:relative}.splash-audio-fab{position:absolute;right:2px;top:0;width:36px;height:36px;min-width:36px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.58);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.32),transparent 45%),linear-gradient(135deg,#74b9ae,#3d8c82);box-shadow:0 7px 14px #3e27223d,inset 0 0 0 1px #ffffff47;transform:translateY(0);transition:transform .16s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.splash-audio-fab:hover{transform:translateY(-1px);filter:saturate(1.06)}.splash-audio-fab:active{transform:translateY(0)}.splash-audio-fab svg{width:18px;height:18px;stroke:#fffaf4;fill:none;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.splash-audio-fab.is-off{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 45%),linear-gradient(135deg,#9b9ca8,#7b7f92)}.splash-audio-fab.is-on{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.34),transparent 45%),linear-gradient(135deg,#77c8ba,#3f9a8e)}.splash-stage{position:relative;height:300px;border-radius:16px;overflow:hidden;border:2px solid rgba(95,59,51,.34);background:linear-gradient(180deg,#7fc9df,#9ad8e8 55%,#8bce6e 55%,#8bce6e)}.splash-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.35) 0 12%,transparent 13%),radial-gradient(ellipse at 34% 18%,rgba(255,255,255,.26) 0 10%,transparent 11%),radial-gradient(ellipse at 62% 25%,rgba(255,255,255,.31) 0 11%,transparent 12%),radial-gradient(ellipse at 82% 20%,rgba(255,255,255,.25) 0 10%,transparent 11%)}.splash-hill{position:absolute;border-radius:999px;background:#66a862d1}.splash-hill-a{width:520px;height:170px;left:-80px;bottom:58px}.splash-hill-b{width:560px;height:185px;right:-100px;bottom:54px;background:#6db068d1}.splash-road{position:absolute;left:4%;right:4%;bottom:74px;height:56px;border-radius:999px;background:linear-gradient(180deg,#dfc28f,#cfa96f);border:2px solid rgba(151,110,67,.25)}.splash-house{position:absolute;width:130px;height:94px;bottom:110px;border-radius:6px;background:#bf8e7f;border:2px solid rgba(90,56,49,.3)}.splash-house:before{content:"";position:absolute;left:-8px;top:-16px;width:calc(100% + 16px);height:18px;background:#915c55;border-radius:4px}.splash-house:after{content:"";position:absolute;left:52px;bottom:0;width:24px;height:42px;background:#624741}.splash-house-a{left:70px}.splash-house-b{right:80px;background:#c89e84}.splash-pet{position:absolute;bottom:102px;font-size:30px;filter:drop-shadow(0 4px 2px rgba(51,34,31,.24))}.splash-pet-a{left:15%;animation:splashWalkA 7.2s linear infinite}.splash-pet-b{left:48%;animation:splashWalkB 8.6s linear infinite}.splash-pet-c{left:70%;bottom:114px;animation:splashPulse 1.1s ease-in-out infinite alternate}.splash-actions{margin-top:10px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center}.splash-unlock-form{display:grid;gap:4px;min-width:min(360px,82vw);background:#fffcf6bd;border:1px solid rgba(162,112,93,.2);border-radius:10px;padding:6px 8px}.splash-unlock-form label{font-size:.72rem;opacity:.66;letter-spacing:.01em}.splash-unlock-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.splash-unlock-form .game-input{min-height:34px;padding:7px 10px;font-size:.86rem;border-radius:999px}.splash-enter,.splash-audio{min-width:94px;border-radius:999px;padding:7px 11px;font-size:.78rem;line-height:1;box-shadow:0 4px 10px #3e272233}.splash-enter{background:linear-gradient(135deg,#ea6f8c,#d85b6d)}.splash-reset{min-width:94px;border-radius:999px;padding:7px 11px;font-size:.76rem;line-height:1;background:linear-gradient(135deg,#a78a7f,#8b7064);box-shadow:0 4px 10px #3e27222e}.splash-id-actions{display:flex;gap:6px;flex-wrap:wrap}.splash-id-actions .ghost{min-width:auto;padding:6px 10px;font-size:.72rem}.hero h1{margin:0 0 2px;font-family:ZCOOL XiaoWei,serif;font-size:clamp(1.2rem,1.9vw,1.55rem);letter-spacing:.01em;text-shadow:0 5px 14px rgba(75,35,35,.12)}.hero p{margin:0;opacity:.72;max-width:980px;font-size:.8rem}.hero{position:relative;margin-bottom:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#fff8f26b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-identity{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hero-identity span{border:1px solid rgba(118,82,69,.2);background:#ffffffc7;border-radius:999px;padding:3px 8px;font-size:.72rem;color:#654842}.hero-switch-btn{padding:6px 10px;font-size:.72rem}.hero:after{content:"PET TOWN";position:absolute;right:10px;top:10px;font-size:.65rem;letter-spacing:.12em;padding:3px 8px;border-radius:999px;color:#fff5ec;background:linear-gradient(130deg,#ef6f58,#d95572);box-shadow:0 6px 16px #d9557259}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:8px;align-items:start;min-height:auto}.main-column{display:grid}.side-column{display:grid;gap:8px;position:sticky;top:8px;max-height:calc(100vh - 16px);min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;align-content:start}.card{border:2px solid rgba(167,102,82,.3);border-radius:16px;background:var(--panel-cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;box-shadow:0 14px 26px #5f2a201f,inset 0 0 0 2px #fff5eae6;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,rgba(255,255,255,.24),transparent 45%);pointer-events:none}.card h2{margin:0 0 8px;font-size:.92rem}.env-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.env-grid p{margin:0;display:grid;gap:3px}.env-grid span{opacity:.65;font-size:.85rem}.adopt-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adopt-builder{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;align-items:center}.adopt-builder label{font-size:.82rem;opacity:.72}.adopt-builder input,.adopt-builder select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;background:#ffffffe0}.adopt-builder button{grid-column:1 / -1}.adopt-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}.adopt-list li{display:flex;align-items:center;gap:8px;font-size:.88rem;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#ffffff9e}.adopt-list li span{width:14px;height:14px;border-radius:999px;display:inline-block;border:1px solid rgba(50,34,29,.25)}.adopt-list li button{margin-left:auto;padding:5px 9px;font-size:.78rem}.adopt-actions{margin-top:10px;display:flex;gap:8px}button{border:2px solid rgba(122,63,78,.25);border-radius:999px;padding:7px 13px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#f48ba3,#df5e85);font-weight:600;box-shadow:0 8px 14px #de5a804d,inset 0 1px #ffffff52;transition:transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ef6f5870}button.ghost{background:linear-gradient(180deg,#71b4a7,#548b81);box-shadow:0 8px 14px #49887a4d,inset 0 1px #ffffff47}button:disabled{opacity:.5;cursor:not-allowed}.hint{margin:10px 0 0;opacity:.75;font-size:.88rem}.home-card{position:relative}.stage-card{padding:10px;min-height:700px;border:1px solid rgba(245,169,137,.35);box-shadow:0 16px 34px #56241c2e,0 2px #ffffff80 inset}.stage-titlebar{display:flex;align-items:center;justify-content:space-between;margin:0 4px 8px;gap:8px}.stage-titlebar-main{display:grid;gap:4px;min-width:0}.stage-titlebar h2{margin:0;font-size:1rem}.stage-meta-inline{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.stage-meta-inline span{border:1px solid rgba(118,82,69,.2);background:#ffffffc7;border-radius:999px;padding:3px 8px;font-size:.72rem;color:#654842;white-space:nowrap;flex:0 0 auto}.scene-switch{display:flex;gap:8px;align-items:center}.scene-switch button{padding:7px 12px}.scene-switch button.active{box-shadow:0 0 0 2px #ffffffad,0 8px 18px #37695a59;transform:translateY(-1px)}.home-stage{position:relative;border-radius:16px;overflow:hidden;border:2px solid rgba(90,55,52,.45);background:#87c56c;min-height:540px}#homeCanvas{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:12px;border:0;background:transparent;touch-action:none}.chat-dock{margin-top:8px;border-radius:14px;border:2px solid rgba(174,116,96,.25);background:#fff7ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;box-shadow:0 10px 24px #45241d29}.camera-pip{position:absolute;right:12px;bottom:14px;width:215px;z-index:9;border-radius:12px;background:#221c1cb8;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;opacity:.78;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.camera-pip.is-on{opacity:1;transform:translateY(0) scale(1)}.camera-pip.is-off{display:none}.camera-pip-title{color:#fff;font-size:.76rem;margin:0;letter-spacing:.04em}.camera-pip-state{color:#ffffffd6;font-size:.7rem;margin:1px 0 4px}.camera-pip video{width:100%;height:118px;object-fit:cover;border-radius:8px;display:block;transform:scaleX(-1)}.camera-pip-mask{position:absolute;top:24px;right:8px;bottom:8px;left:8px;border-radius:8px;display:grid;place-items:center;text-align:center;padding:8px;font-size:.7rem;color:#ffffffdb;background:#1814147a}.status-strip{display:grid;grid-template-columns:1fr;gap:8px}.status-strip p{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;background:#ffffffb8}.status-strip span{font-size:.76rem;opacity:.65}.pet-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.pet-item{border:1px solid var(--line);border-radius:9px;padding:7px;background:#ffffffb3;transition:transform .15s ease,border-color .15s ease}.pet-item:hover{transform:translateY(-1px);border-color:#ef6f5859}.pet-item p{margin:3px 0;font-size:.84rem}.pet-item-head{margin:0 0 2px;display:flex;align-items:center;gap:8px}.pet-item-head button{margin-left:auto;padding:4px 8px;font-size:.74rem}.chat-log{min-height:125px;max-height:136px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;background:#ffffffa6;margin-bottom:8px;box-shadow:inset 0 0 0 1px #fff6}.msg{margin:0 0 8px;font-size:.84rem}.msg--festival{padding:6px 8px;border-radius:10px;border:1px solid rgba(230,112,148,.36);background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72),transparent 38%),linear-gradient(135deg,#ffe9f2e0,#fff5dadb);box-shadow:0 3px 10px #de708f33}.msg--festival strong:before{content:"❤ ";color:#df6a8d}.msg strong{color:var(--accent-2)}.chat-inputs{display:flex;gap:8px;align-items:center}.chat-target-wrap{width:168px;flex:0 0 168px}.chat-target-select{min-height:40px}.chat-inputs input,.side-card select{flex:1;border:0;border-radius:12px;padding:8px 11px;font:inherit;background:transparent}.side-card select,.side-card input{width:100%;border:0;border-radius:12px;padding:8px 10px;font:inherit;background:transparent;margin-bottom:6px}.side-card{border:2px solid rgba(176,117,95,.35);border-radius:16px;background:linear-gradient(180deg,#fffaf1,#fef3e5 72%);box-shadow:0 10px 20px #79433124,inset 0 0 0 2px #fff5e7e6}.panel-title{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:8px;color:#fff8f2;background:linear-gradient(180deg,#be7c67,#9f6150);border:1px solid rgba(122,70,58,.45);box-shadow:0 3px #713f344d;letter-spacing:.02em}.field-group{display:grid;gap:4px;margin-top:8px}.field-group label,.adopt-builder label{font-size:.72rem;color:#7a554d;letter-spacing:.04em}.game-input,.game-select{width:100%;border:2px solid #d9ae8f;border-radius:11px;padding:8px 10px;font:inherit;color:#533b37;background:linear-gradient(180deg,#fffef9,#fff4e6);box-shadow:inset 0 2px #ffffffeb,0 2px #a76f5833}.game-input::placeholder{color:#b28a7f}.select-wrap{position:relative}.select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#946057;pointer-events:none;font-size:.78rem}.game-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px}.control-note{margin-top:6px;padding:7px 8px;border-radius:10px;border:1px dashed rgba(161,104,87,.4);background:#fffaf1e6;font-size:.78rem}.icon-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}.icon-btn{border-radius:11px;padding:7px 4px 6px;display:grid;place-items:center;gap:3px;min-height:56px;border:2px solid rgba(128,72,85,.24);box-shadow:0 7px 12px #e670823d,inset 0 1px #ffffff4d;background:linear-gradient(180deg,#f48ba3,#df5e85)}.icon-btn .i{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:#fff5f0;background:#ffffff3d}.icon-btn .i svg{width:16px;height:16px;stroke:#fff9f4}.icon-btn small{display:block;color:#fff7f3;font-size:.64rem;letter-spacing:.02em}.icon-btn.ghost .i{background:#fff3}.icon-btn--adopt{background:linear-gradient(180deg,#f48ba3,#df5f86)}.icon-btn--invite{background:linear-gradient(180deg,#7dc8b5,#57a08f)}.icon-btn--quiet{background:linear-gradient(180deg,#a8b6c7,#7f8fa4)}.icon-btn--save{background:linear-gradient(180deg,#80b6d9,#5e92b5)}.icon-btn--guide{background:linear-gradient(180deg,#9ec9ac,#73a783)}.icon-btn--camera{background:linear-gradient(180deg,#9eb2d8,#748ac0)}.icon-btn--music-on{background:linear-gradient(180deg,#77c3b3,#4f9586)}.icon-btn--music-off{background:linear-gradient(180deg,#98a6b5,#79899a)}.adopt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a1f1a38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50;padding:12px}.adopt-modal{width:min(580px,95vw);max-height:86vh;overflow:auto;border:2px solid rgba(171,106,86,.5);background:linear-gradient(180deg,#fffaf2,#ffefdd 72%)}.adopt-title{margin-bottom:10px}.adopt-builder{background:#ffffff85;border:1px solid rgba(194,139,115,.32);border-radius:12px;padding:10px}.adopt-list li{border:1px solid rgba(190,129,104,.35);border-radius:10px;background:#fffcf6f2;box-shadow:inset 0 1px #ffffffe6}.adopt-actions{margin-top:12px;justify-content:flex-end}.owner-role-brief{margin:8px 0 6px;padding:8px 10px;border:1px dashed rgba(168,107,86,.35);border-radius:10px;background:#fffaf2d9;font-size:.78rem}.guide-modal{width:min(620px,95vw)}.identity-modal{width:min(540px,94vw)}.guide-grid{display:grid;gap:8px;margin-top:4px}.guide-grid p{margin:0;font-size:.88rem;line-height:1.45;border:1px solid rgba(190,129,104,.3);border-radius:10px;background:#fffcf6eb;padding:8px 10px}.pet-item{border:1px solid rgba(189,128,104,.32);background:#fffef8f2}.pet-item strong{color:#6b4a43}.chat-inputs .game-input{min-height:40px;flex:1 1 auto}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{border-radius:999px;background:#bb806973}::-webkit-scrollbar-track{background:#fff7ec99}@media (max-width: 900px){.game-layout{grid-template-columns:1fr;min-height:auto}.hero:after{position:static;display:inline-block;margin-top:10px}.adopt-builder{grid-template-columns:1fr}.stage-card{min-height:auto}.side-column{max-height:none;min-height:0;overflow:visible}.home-stage{min-height:auto}.camera-pip{position:static;margin-top:10px;width:100%}.icon-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-titlebar{align-items:flex-start;flex-direction:column}.scene-switch{width:100%}.chat-inputs{flex-wrap:wrap}.chat-target-wrap{width:100%;flex-basis:100%}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes hazeMove{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.03)}}@keyframes splashWalkA{0%{transform:translate(0) translateY(0)}25%{transform:translate(120px) translateY(-3px)}50%{transform:translate(240px) translateY(0)}75%{transform:translate(120px) translateY(-2px)}to{transform:translate(0) translateY(0)}}@keyframes splashWalkB{0%{transform:translate(0) translateY(-1px)}33%{transform:translate(-130px) translateY(0)}66%{transform:translate(100px) translateY(-2px)}to{transform:translate(0) translateY(-1px)}}@keyframes splashPulse{0%{transform:scale(.94);opacity:.75}to{transform:scale(1.08);opacity:1}}