:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#294c43;background:#e9ede5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--paper: #f8f6ef;--ink: #294c43;--muted: #8d9586;--coral: #e98362;--line: #e4e4d7;--serif: "Noto Serif CJK SC", "Songti SC", STSong, Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{cursor:wait;opacity:.6}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #76a89a;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:2px solid #9bb9a5;outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:650;letter-spacing:.02em}h1{font-size:32px;line-height:1.5}h2{font-size:25px;line-height:1.5}h3{font-size:16px}fieldset{border:0;margin:0;padding:0;min-width:0}svg{flex-shrink:0}input,textarea{width:100%;border:1px solid #dfdfd0;background:#fffdf7;color:var(--ink);padding:13px 15px;border-radius:12px;line-height:1.6;font-size:14px}input::placeholder,textarea::placeholder{color:#a5a99a}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:auto}small{font-size:11px}.art{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 3px #4d5a4120)}.muted{font-size:13px;line-height:1.9;color:#899182}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:600;color:#899382}.coral-dot{color:var(--coral)}.tiny-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}.full{width:100%}.world{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;gap:70px;background:radial-gradient(ellipse at 5% 30%,#f6f0df 0,transparent 50%),radial-gradient(ellipse at 100% 70%,#dae5d8 0,transparent 45%),#e9ede5;padding:32px 40px}.app-shell{width:430px;height:calc(100dvh - 64px);min-height:640px;overflow-x:hidden;overflow-y:auto;position:relative;flex-shrink:0;background:var(--paper);border-radius:30px;border:1px solid #fffdf5;box-shadow:0 24px 70px #40574319,0 0 0 7px #ffffff30;scrollbar-width:none}.app-shell::-webkit-scrollbar{display:none}.app-shell:before{content:"";position:fixed;pointer-events:none;width:430px;height:100%;z-index:100;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}.desktop-intro{width:330px;align-self:center;position:relative;padding-bottom:50px}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:.08em}.brand>i{font-size:8px;letter-spacing:.12em;font-style:normal;color:#8b9584;max-width:100px;line-height:1.8}.desktop-intro .brand>i{max-width:155px;letter-spacing:.16em}.desktop-intro h1{font-size:45px;margin:64px 0 20px;line-height:1.6;letter-spacing:.04em}.desktop-intro h1 span{color:#dc896c}.desktop-intro>p{color:#7c8b7a;font-size:13px;line-height:2.1}.desktop-line{height:1px;background:#ccd2c3;width:42px;margin:30px 0 20px}.desktop-art{display:flex;height:160px;margin:32px 0 0}.desktop-art .art:first-child{width:150px;transform:rotate(-7deg)}.desktop-art .art:nth-child(2){width:100px;height:120px;margin:30px 0 0 10px;transform:rotate(13deg)}.desktop-intro>small{display:block;color:#9aa28f;margin-top:24px;font-size:10px;letter-spacing:.1em}.desktop-right{align-self:center;width:85px;opacity:.7}.right-mark{font-size:35px;color:#d7b77d}.desktop-right p{font-family:var(--serif);font-size:17px;line-height:2.2;letter-spacing:.3em;margin:26px 0}.desktop-right i{writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;font-style:normal;color:#8d9885}.button{min-height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;padding:13px 18px;transition:transform .18s,box-shadow .18s,background .18s;text-decoration:none}.button:active{transform:scale(.97)}.primary{background:linear-gradient(135deg,#ef9975,#e87a5d);color:#fffdf4;box-shadow:0 7px 15px #d8815b22;border:1px solid #e48765}.primary:hover{box-shadow:0 8px 22px #d8815b35;background:linear-gradient(135deg,#ee906a,#e47759)}.outline{border:1px solid #92a391;background:#fffdf43d;color:#466654}.button-row{display:flex;gap:12px;margin-top:18px}.button-row>.button{flex:1;padding-left:10px;padding-right:10px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e8ecdf}.round-icon{width:43px;height:43px;background:#e7ebdd;border:1px solid #dce2d0;border-radius:50%;display:flex;align-items:center;justify-content:center}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#748b70;font-size:12px;font-weight:500}.page{padding:26px 25px 110px;min-height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;min-height:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:7px 0 9px}.section-heading h1{font-size:30px;margin-top:9px}.footnote{font-size:10px;color:#9b9e8c;line-height:1.9;text-align:center;margin-top:18px}.bottom-nav{position:fixed;bottom:32px;width:428px;height:77px;z-index:40;display:flex;align-items:center;justify-content:space-around;padding:5px 15px 9px;border-top:1px solid #e5e4d7;background:#faf8f0f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0 0 29px 29px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:55px;height:57px;color:#87917e}.bottom-nav button.active{color:#df825d}.bottom-nav button>span{display:flex;align-items:center;justify-content:center;height:25px}.bottom-nav small{font-size:10px}.bottom-nav .publish-nav>span{background:#e9ede0;border:1px solid #dde3d2;border-radius:13px;width:38px;height:34px;margin-top:-9px}.bottom-nav .publish-nav.active>span{background:#ed916d;color:#fff;border-color:#ed916d}.home-page{padding:25px 25px 90px;position:relative;overflow:hidden;min-height:100%}.home-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.home-header .brand>i{font-size:7px;width:70px}.header-actions{display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#eee1cb;overflow:hidden;border:1px solid #e2dac3;padding:0}.avatar .art{width:43px;height:47px;transform:translate(-3px)}.home-heading{position:relative;z-index:2;margin-top:31px;pointer-events:none}.home-heading>.eyebrow{font-size:9px;font-weight:400}.home-heading h1{font-size:49px;line-height:1.3;margin-top:10px;letter-spacing:.035em}.home-heading h1>span{color:#6e9382}.home-heading>p{margin-top:13px;font-size:12px;color:#8b927f;letter-spacing:.025em}.scene{height:300px;position:relative;margin:-47px -25px 0;isolation:isolate;pointer-events:none}.sun-halo{position:absolute;width:265px;height:265px;top:-36px;right:-30px;border-radius:50%;background:radial-gradient(circle,#f3e7c0 0,#f3e7c04a 52%,transparent 72%);z-index:-2}.arch{position:absolute;background:linear-gradient(140deg,#e0e8d8,#d6ddca);border:1px solid #d6dfc9;bottom:50px;border-radius:100px 100px 0 0;z-index:-1}.arch-back{width:145px;height:244px;right:14px;transform:rotate(7deg)}.arch-front{width:128px;height:181px;right:64px;background:linear-gradient(100deg,#e8eddc,#d3ddc6);box-shadow:inset 12px 0 #f0f1e2,inset 18px 0 #dce3ce}.scene-ground{position:absolute;width:120%;height:100px;border-radius:50%;bottom:-9px;left:-10%;background:radial-gradient(ellipse,#c7d3b94a,#e8ebdb75 60%,transparent 71%);z-index:-1}.scene-cat{position:absolute;width:214px;height:242px;bottom:0;left:65px;transform:rotate(-3deg);animation:breathe 5s ease-in-out infinite}.scene-drop{position:absolute;width:103px;height:117px;bottom:9px;right:39px;animation:bob 4s ease-in-out infinite}.scene-plant{position:absolute;width:103px;height:139px;bottom:5px;left:-8px;transform:rotate(-11deg)}.scene-letter{position:absolute;width:75px;height:87px;right:104px;top:6px;transform:rotate(12deg);animation:float 7s ease-in-out infinite}.scene-orbit{position:absolute;border:1px solid #bfcdb65c;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-one{width:295px;height:140px;right:-13px;top:36px}.orbit-two{width:270px;height:270px;left:80px;top:-11px;border-style:dashed;border-color:#d6d8be66}.scene-spark{position:absolute;color:#c6a967;font-size:23px}.spark-one{top:53px;left:53%}.spark-two{top:119px;right:13px}.spark-three{bottom:64px;left:35px;font-size:17px}.floating-note{position:absolute;right:4px;bottom:99px;transform:rotate(10deg);font-family:Georgia,serif;font-style:italic;line-height:1.5;font-size:12px;color:#9a8d72;background:#f5efdc;padding:13px 9px;border:1px solid #e3d9bc;box-shadow:2px 5px 12px #6d6e4310}.scene-flower{position:absolute;font-size:28px;color:#e7ce8f;bottom:23px}.flower-one{left:42px}.flower-two{left:22px;bottom:7px;font-size:21px}.home-start{position:relative;z-index:3;margin:-7px 15px 0;text-align:center}.start-button{width:100%;min-height:57px;border-radius:21px;font-family:var(--serif);font-size:23px;letter-spacing:.06em;gap:30px}.home-start>span{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:#8a927c}.home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}.home-shortcuts>button{background:linear-gradient(150deg,#eeeee0,#faf8ed);border:1px solid #e0e1d0;border-radius:19px 19px 15px 15px;padding:0 0 12px;position:relative;transition:transform .2s}.home-shortcuts>button:hover{transform:translateY(-4px)}.shortcut-art{height:67px;width:90px;display:block;margin:-8px auto 0}.shortcut-art .art{filter:drop-shadow(0 4px 3px #6e735620)}.home-shortcuts strong{display:block;font-family:var(--serif);font-size:15px}.home-shortcuts small{display:block;font-size:8px;color:#949980;margin-top:5px}.home-note{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #e4e4d6;border-radius:12px;padding:11px;margin-top:18px;background:#f3f3e8}.home-note>span:nth-child(2){font-size:10px;color:#8c927e;flex:1;line-height:1.7}.note-icon{width:28px;height:28px;border-radius:50%;background:#e6ebd9;color:#91a27f;display:flex;align-items:center;justify-content:center}.home-note>svg{color:#9da88c}.home-footer-mark{font-size:7px;letter-spacing:.11em;color:#a8ac96;text-align:center;margin-top:20px}.auth-page{padding:26px 28px 25px;overflow:hidden;min-height:100%}.auth-page .brand{justify-content:center}.auth-page .brand>i{max-width:none;letter-spacing:.2em}.scene-compact{height:192px;width:330px;margin:12px auto 0}.scene-compact .scene-cat{height:165px;width:148px;left:72px}.scene-compact .scene-drop{height:90px;width:80px;right:40px}.scene-compact .scene-plant{height:95px;width:80px;left:15px}.scene-compact .arch{height:163px;bottom:20px}.scene-compact .arch-front{height:120px}.scene-compact .scene-letter{width:60px;height:66px;right:74px;top:-1px}.scene-compact .floating-note{font-size:9px;bottom:67px}.scene-compact .scene-orbit{height:155px;top:15px}.scene-compact .sun-halo{height:190px;width:190px;top:-22px}.scene-compact .scene-spark{font-size:17px}.auth-copy{text-align:center;margin:10px -10px 25px}.auth-copy .eyebrow{font-size:8px}.auth-copy h1{font-size:29px;line-height:1.55;margin:8px 0}.auth-copy p{font-size:11px;color:#93987e;line-height:1.8}.auth-tabs{display:flex;gap:25px;margin-bottom:20px;border-bottom:1px solid var(--line)}.auth-tabs button{padding:8px 0 11px;font-size:13px;color:#9a9d89;position:relative}.auth-tabs button.active{color:#4a6754}.auth-tabs button.active:after{content:"";position:absolute;left:0;right:0;height:2px;bottom:-1px;background:#df9477}.auth-form label{display:block;font-size:11px;color:#7e8c75;margin-bottom:15px}.auth-form input{margin-top:7px;font-size:12px;background:#faf9f1}.auth-form .button{margin-top:5px}.auth-foot{font-size:9px;text-align:center;color:#a1a58f;margin-top:23px}.loading-screen{height:100%;min-height:650px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loading-screen .art{width:130px;height:150px;animation:bob 3s ease-in-out infinite}.brand-text{font-family:var(--serif);font-size:30px}.loading-screen p{font-size:12px;color:#929b87}.game-page{height:100%;min-height:640px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 60%,#e3eadc,transparent 70%),radial-gradient(ellipse at 85% 20%,#e6dfcc,transparent 65%),#eef1e7;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 8px;z-index:4}.timer{padding:10px 19px;background:#46675c;color:#f4f4e7;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:24px;box-shadow:0 4px 15px #405e5320}.timer b{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.05em}.timer.urgent{background:#c57559;animation:pulse 1s infinite}.game-progress{text-align:center;z-index:2;color:#8b967e;font-size:10px;padding:4px 0 13px}.game-progress b{color:#536e55}.game-progress>div{display:flex;gap:4px;justify-content:center;margin-top:9px}.game-progress i{width:11px;height:3px;border-radius:2px;background:#d3dbc7}.game-progress i.filled{background:#d89472}.playfield{flex:1;position:relative;min-height:395px;isolation:isolate}.playfield-halo{position:absolute;width:240px;height:240px;left:25%;top:20%;background:radial-gradient(ellipse,#f9f7dc90,transparent 70%)}.field-star{position:absolute;color:#cbb77f;opacity:.7;font-size:23px}.field-star-one{left:45%;top:6%}.field-star-two{left:55%;top:71%;font-size:15px}.field-ring{position:absolute;top:12%;left:8%;border:1px solid #b9c7b044;width:330px;height:330px;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.drifter{position:absolute;width:103px;height:117px;margin:-58px 0 0 -51px;padding:0;touch-action:none;z-index:2;transition:filter .25s;-webkit-user-select:none;user-select:none}.drift-body{width:100%;height:100%;transform:rotate(var(--rotate)) scale(var(--scale));animation:drift var(--duration) ease-in-out var(--delay) infinite}.drifter:hover,.drifter.selected{z-index:5;filter:drop-shadow(0 0 9px #ffffdc)}.drifter.selected .drift-body{animation:none;transform:scale(calc(var(--scale) * 1.13))}.drifter.selected:before{content:"";position:absolute;inset:10px 0 5px;border:1px solid #f5f9ea;border-radius:50%;box-shadow:0 0 0 8px #f9f9e526;animation:pulse 2s infinite}.drifter-name{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;background:#f9f9eddd;border:1px solid #e6e8d6;border-radius:9px;padding:4px 7px;color:#68785e}.game-bottom{padding:8px 24px 20px;z-index:10;position:relative;background:linear-gradient(transparent,#eef1e7 35%);min-height:130px}.game-bottom>p{text-align:center;font-size:12px;color:#74896f;line-height:1.8;padding-top:7px}.game-bottom>p small{font-size:9px;color:#9da78f}.game-tools{display:flex;justify-content:space-between;margin-top:16px;color:#8e9b81;font-size:10px}.game-tools button{display:flex;align-items:center;gap:5px;padding:5px}.selected-action{padding:0 15px;text-align:center}.selected-action>span{font-size:9px;color:#8f9c83;display:block;margin-bottom:8px}.selected-action .button{min-height:43px}.summary-intro{margin:18px 0 30px}.summary-intro h1{font-size:27px;margin:9px 0}.summary-intro h1>span{color:#e2916f;font-size:38px;margin:0 4px}.summary-intro p{font-size:12px;color:#929b85}.encounter-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:25px}.encounter-card{border:1px solid #e0e3d2;border-radius:20px;background:linear-gradient(140deg,#f0f0e2,#fffdf3);padding:13px 10px 17px;text-align:center;position:relative;overflow:hidden}.encounter-card>.art{width:132px;height:135px;display:block;margin:2px auto 6px;max-width:100%}.encounter-card strong{display:block;font-family:var(--serif);font-size:14px}.encounter-card small{display:block;margin-top:7px;font-size:9px;color:#98a085}.encounter-card.decided{background:#eef1e7}.decision-mark{position:absolute;bottom:11px;right:10px;color:#b3bd9e}.rarity{display:inline-flex;gap:3px;align-items:center;justify-content:center;font-size:9px;line-height:1;padding:5px 8px;border-radius:7px;background:#e9eddf;color:#839175;white-space:nowrap}.rarity-少见{background:#e2ece7;color:#728f7f}.rarity-稀有{background:#e1eaf0;color:#7394a4}.rarity-隐藏{background:#ede7d4;color:#b69b5e}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:20px -25px 16px;padding:0 25px}.chips button{white-space:nowrap;font-size:10px;border:1px solid #e1e4d4;color:#8d9980;border-radius:20px;padding:8px 12px}.chips button.active{background:#dfe9d9;color:#577551;border-color:#d3dfcb}.map-legend{display:flex;gap:15px;align-items:center;justify-content:center;margin:20px 0 6px}.map-legend>span{font-size:8px;display:flex;align-items:center;gap:4px;color:#a1a78e}.map-legend i{width:5px;height:5px;border-radius:50%;background:#90a97b}.map-legend>span:nth-child(2) i{background:#d2b580}.map-legend>span:nth-child(3) i{background:#c8cdbb}.story-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:12px 0 0;isolation:isolate;background:radial-gradient(ellipse at 20% 20%,#e4ebda,transparent 40%),radial-gradient(ellipse at 80% 65%,#e9e4ce77,transparent 40%)}.map-path{position:absolute;inset:0;width:100%;height:100%;opacity:.8;z-index:-1}.map-node{height:165px;position:relative;transform:translate(var(--node-shift));padding:0}.map-node:nth-of-type(2n){margin-top:70px}.map-node:nth-of-type(2n+3){margin-top:-15px}.island{position:relative;width:140px;height:124px;margin:auto;background:linear-gradient(170deg,transparent 64%,#c6bb9b 65%,#bfb29a 79%,transparent 80%);border-radius:50%;filter:drop-shadow(0 13px 7px #707b5816)}.island:after{content:"";position:absolute;width:70px;height:16px;bottom:4px;left:35px;background:#d7d4bd;border-radius:50%;filter:blur(8px);z-index:-1}.island-grass{position:absolute;width:139px;height:45px;border-radius:50%;bottom:17px;background:radial-gradient(ellipse at 30% 35%,#e0e6c9,#b7c79c);border-bottom:4px solid #a0b081}.island>.art{position:absolute;width:91px;height:107px;bottom:31px;left:25px;filter:drop-shadow(0 8px 5px #52674319)}.map-node>strong{display:block;margin-top:5px;font-size:11px;font-family:var(--serif)}.map-node>small{display:block;margin-top:5px;font-size:8px;color:#a1a68c}.map-node.undiscovered .art{filter:brightness(.35) sepia(.4);opacity:.15}.map-node.undiscovered .island{opacity:.65}.unknown-mark{position:absolute;left:62px;top:30px;font-family:var(--serif);font-size:27px;color:#9ca58a}.owned-dot{position:absolute;right:31px;top:40px;width:9px;height:9px;border:2px solid #f5f4e7;background:#83a273;border-radius:50%;box-shadow:0 0 0 4px #a5c48c22}.map-bottom-note{display:flex;align-items:center;justify-content:center;gap:14px;color:#9cab8e;margin:40px 0 10px}.map-bottom-note>p{font-family:var(--serif);font-size:12px;line-height:1.9;letter-spacing:.04em}.friend-tabs{display:flex;gap:16px;overflow:auto;margin:24px -8px 25px;padding:0 8px 8px}.friend-tabs>button{display:flex;flex-direction:column;align-items:center;min-width:65px;padding:0}.friend-avatar{width:58px;height:58px;border:1px solid #dfdfcf;background:#eeebdb;border-radius:50%;padding:2px}.friend-avatar .art{height:61px;width:57px}.friend-tabs>.active .friend-avatar{border:2px solid #d99876;box-shadow:0 0 0 4px #eab28b18}.friend-tabs strong{font-size:11px;margin-top:9px;font-weight:500}.friend-tabs small{font-size:8px;color:#a5a88e;margin-top:4px}.friend-avatar.add{display:flex;align-items:center;justify-content:center;border-style:dashed;color:#a4ae93;background:#f2f2e7}.friend-room{background:linear-gradient(120deg,#f0ecdb,#e8e6d4);border:1px solid #e0dfc9;border-radius:22px;padding:22px 10px 15px;position:relative;overflow:hidden}.friend-room:before{content:"";position:absolute;width:125px;height:220px;background:linear-gradient(125deg,#fff9d761,transparent);top:10px;right:-20px;transform:rotate(25deg);border-left:2px solid #fffbee60}.room-label{display:block;text-align:center;font-family:var(--serif);font-size:20px}.room-label small{display:block;font-family:initial;margin-top:8px;font-size:9px;color:#a3a087}.shelf-items{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;padding:25px 4px 0;min-height:210px;position:relative;z-index:1}.shelf-items>button{width:33.33%;padding:0 0 17px;position:relative}.shelf-items>button>.art{height:119px;max-width:110px}.shelf-items>button>span{font-size:9px;color:#8e8d74;display:block}.shelf-board{height:13px;background:linear-gradient(#d3b991,#c9af89);border-radius:3px;margin:-12px 2px 0;box-shadow:0 10px 13px #776c4220;border-bottom:2px solid #b9a47e}.shelf-caption{display:flex;align-items:center;justify-content:center;gap:6px;color:#9a9c80;font-size:9px;margin-top:28px}.friendly-note{display:flex;align-items:center;margin:22px 12px 0;position:relative;min-height:108px}.friendly-note>span{font-family:Georgia,serif;font-size:65px;color:#d1bd93;position:absolute;top:0}.friendly-note p{margin-left:30px;font-family:var(--serif);font-size:14px;line-height:2;color:#819172}.friendly-note>.art{height:107px;width:99px;margin-left:auto;opacity:.7}.request-list{margin-top:20px;border-top:1px solid var(--line);padding-top:22px}.request-list h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.request-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e5e7d9}.request-row>.art{height:53px;width:49px}.request-row>div:nth-child(2){flex:1}.request-row strong{font-size:11px;display:block}.request-row small{display:block;font-size:9px;color:#99a087;margin-top:6px}.request-buttons{display:flex;gap:5px}.request-buttons button{border-radius:50%;width:29px;height:29px;background:#e3e9d8;display:flex;align-items:center;justify-content:center}.request-buttons button:last-child{background:#f1e9db;color:#b6997c}.publish-page>h1{line-height:1.5;font-size:30px;margin-top:8px}.publish-page>.muted{margin:10px 0 20px}.segment{display:flex;border:1px solid #e2e2d3;background:#f0f0e4;border-radius:22px;padding:4px;margin:17px 0}.segment>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:33px;border-radius:17px;font-size:12px;color:#8c977e}.segment>button.active{background:#e99474;color:#fff9ec;box-shadow:0 3px 7px #c1896520}.letter-preview{border:1px solid #e6e2d0;background:radial-gradient(ellipse at 50% 20%,#f4e4cc,#f1efe1);height:195px;border-radius:18px;text-align:center;position:relative;margin:20px 0 24px}.letter-preview>.art{width:155px;height:158px;display:block;margin:0 auto}.letter-preview>span{font-size:9px;color:#a09b80;position:absolute;bottom:17px;left:0;right:0}.image-upload{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:220px;border:1px dashed #c8cfb7;border-radius:18px;background:#edefe0;color:#99a387;margin:18px 0 25px;overflow:hidden;cursor:pointer}.image-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload>span{font-size:12px}.image-upload>small{font-size:9px;color:#a6ac96}.image-upload>img{width:100%;height:100%;object-fit:cover}.image-replace{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#fcfaedda;font-size:9px!important;padding:6px 12px;border-radius:16px;white-space:nowrap;color:#7b8c72}.form-label{font-size:11px;color:#7d8972;display:block;margin:19px 0 9px}.form-label>span{float:right;font-size:9px;color:#a9ae98}.form-label>input,.form-label>textarea{margin-top:9px}.style-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin-top:13px}.style-options>button{border:1px solid #e1e3d3;border-radius:14px;padding:5px 5px 10px;position:relative;background:#f4f3e7}.style-options>button>.art{height:79px;width:80px;display:block;margin:auto}.style-options>button>span{font-size:10px;color:#94a083}.style-options>button.active{border-color:#df9a77;background:#f5eadd}.style-options>button.active>span{color:#ca8b68}.style-options>button>svg:last-child:not(.art){position:absolute;top:7px;right:7px;color:#c98665}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:22px 1px 10px}.switch-row>span{display:flex;align-items:center;gap:7px;font-size:11px}.switch-row small{font-size:9px;color:#a0a58c;margin-left:4px}.switch-row>input{appearance:none;width:35px;height:20px;border:0;padding:0;background:#d8dfcc;border-radius:12px;position:relative;transition:background .2s;cursor:pointer}.switch-row>input:before{content:"";width:14px;height:14px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #78846420;transition:transform .2s}.switch-row>input:checked{background:#e89977}.switch-row>input:checked:before{transform:translate(15px)}.form-error{font-size:11px;color:#be795e;margin:10px 0}.profile{text-align:center;margin:18px 0 24px}.profile-avatar{display:block;width:91px;height:91px;border-radius:50%;background:#ebe2cd;border:1px solid #ded8c2;margin:0 auto 15px;overflow:hidden}.profile-avatar>.art{width:98px;height:107px;transform:translate(-3px,-2px)}.profile>h1{font-size:26px}.profile>p{font-size:10px;color:#a1a58c;margin-top:8px;letter-spacing:.04em}.profile b{color:#8b9a7c;letter-spacing:.14em;margin-left:5px}.profile-stats{display:flex;border:1px solid #e1e4d2;border-radius:17px;background:#eef0e3;margin:25px 0;padding:18px 8px}.profile-stats>div{flex:1;text-align:center;border-right:1px solid #dfe4cf}.profile-stats>div:last-child{border:0}.profile-stats strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.profile-stats span{display:block;font-size:8px;color:#99a086;margin-top:8px}.pending-banner{display:flex;align-items:center;gap:11px;border-radius:13px;background:#f2e9d8;padding:15px 13px;width:100%;text-align:left;color:#ac9874;margin-bottom:22px}.pending-banner>span{flex:1;font-size:11px}.list-heading{font-size:18px;display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.list-heading>span{font-family:initial;font-size:9px;color:#a0a68c;font-weight:400}.small-empty{text-align:center;padding:15px 0 22px;background:#eef0e4;border:1px dashed #d9dfca;border-radius:18px}.small-empty>.art{width:73px;height:82px;display:block;margin:0 auto}.small-empty p{font-size:11px;line-height:1.8;color:#98a186;margin:8px 0 13px}.inventory{border:1px solid #e3e5d5;border-radius:17px;background:#f5f5e9}.inventory-row{display:flex;align-items:center;gap:12px;padding:11px 14px;width:100%;text-align:left;border-bottom:1px solid #e6e7d8}.inventory-row:last-child{border:0}.inventory-row>.art{width:59px;height:62px}.inventory-row>div{flex:1}.inventory-row strong{font-size:12px;font-weight:500}.inventory-row small{display:block;font-size:9px;color:#a0a58c;margin-top:8px}.inventory-row>svg:last-child{color:#a4ad95}.post-empty{border:1px solid #e5e1cf;background:#f1ede0;border-radius:19px;text-align:center;padding:12px 15px 23px}.post-empty>.art{width:114px;height:113px}.post-empty p{font-family:var(--serif);font-size:13px;color:#9e9d80;margin:3px 0 18px}.post-empty .button{font-size:11px;min-height:40px}.my-post{background:#f3f1e5;border:1px solid #e3e1d0;border-radius:16px;padding:12px;margin-bottom:12px}.post-heading{display:flex;align-items:center;gap:7px}.post-heading>.art{width:51px;height:59px}.post-heading>div{flex:1}.post-heading strong{font-size:12px;font-weight:500}.post-heading small{display:block;color:#9ba286;font-size:9px;margin-top:7px}.my-post>p,.my-post>blockquote{font-size:10px;color:#9da186;margin:7px 7px 5px;line-height:1.8}.my-post>blockquote{border-left:2px solid #d1bb92;padding-left:11px}.overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:22px;background:#263e354d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade .2s ease}.dialog{position:relative;width:385px;max-width:100%;max-height:calc(100dvh - 44px);overflow-y:auto;background:var(--paper);border:1px solid #fffff0;border-radius:26px;padding:29px 25px 25px;box-shadow:0 18px 70px #243e3426;animation:rise .3s ease;scrollbar-width:thin}.dialog>.close-button{position:absolute;right:12px;top:12px;z-index:5;color:#8e9c83;background:#f2f3e5b0;width:31px;height:31px}.dialog .story-text{margin:16px 0}.story-text{font-size:12px;line-height:2.05;color:#7f8d75;white-space:pre-wrap;overflow-wrap:anywhere}.dialog>.button{margin-top:13px}.detail-art{position:relative;height:207px;background:radial-gradient(ellipse,#e7ebd5,transparent 69%);margin:-3px -10px 10px;text-align:center}.detail-art>.art{height:204px;width:183px;animation:breathe 5s ease-in-out infinite}.detail-spark{position:absolute;top:40px;right:48px;font-size:28px;color:#cfb57d}.detail-title{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.detail-title+h2{font-size:26px;margin:4px 0}.detail-intro{font-size:11px;line-height:1.8;color:#96a084}.story-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em;color:#acaf95;border-top:1px solid #e0e4d2;padding-top:19px;margin-top:21px}.author{font-size:9px;color:#a8ac94;text-align:right;margin-bottom:19px}.interaction-button{width:100%;border-radius:12px;border:1px dashed #cbd6ba;background:#eef2e1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:11px;color:#91a17e;margin:14px 0}.expiry-note{font-size:9px;color:#a2aa90;display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 13px}.report-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#aeb199;margin:20px auto 0}.reveal-dialog{text-align:center;overflow:hidden;padding-top:36px}.reveal-dialog>.eyebrow{font-size:8px;position:relative;z-index:1}.reveal-art{position:relative;height:234px}.reveal-art>.art{width:215px;height:229px;animation:reveal .7s cubic-bezier(.2,.8,.3,1.2)}.reveal-art>span{position:absolute;color:#cbb171;font-size:25px;top:50px;left:35px;animation:twinkle 2.5s infinite}.reveal-art>span:nth-child(3){left:auto;right:38px;top:131px;font-size:32px;animation-delay:.5s}.reveal-art>span:nth-child(4){top:164px;left:55px;font-size:17px;animation-delay:1s}.reveal-rays{position:absolute;width:450px;height:450px;left:50%;transform:translate(-50%);top:-40px;background:repeating-conic-gradient(from 0deg,#e8edcf55 0deg 10deg,transparent 10deg 25deg);border-radius:50%;-webkit-mask-image:radial-gradient(black,transparent 70%);mask-image:radial-gradient(black,transparent 70%)}.reveal-dialog>h2{margin:12px 0 10px;font-size:26px;position:relative}.reveal-dialog>p{font-size:12px;color:#98a085;line-height:1.8;position:relative}.reveal-caption{display:block;font-size:9px;color:#a6ae95;margin:18px 0 8px}.reveal-header{display:flex;align-items:center;gap:6px;margin:5px -7px 8px}.reveal-header>.art{width:139px;height:159px}.reveal-header>div{flex:1}.reveal-header h2{font-size:22px;margin:10px 0;line-height:1.55}.reveal-header p{font-size:10px;color:#9ba58b;line-height:1.9}.traveler-note{margin:20px 0;padding:17px 16px;background:#f0eadb;border:1px solid #e4dac1;border-radius:3px 13px 7px;font-family:var(--serif);font-size:13px;line-height:1.9;color:#8e876b;position:relative;overflow-wrap:anywhere}.traveler-note:before{content:"";position:absolute;top:-6px;left:40%;width:42px;height:12px;background:#e3d7b4b0;transform:rotate(-5deg)}.traveler-note cite{display:block;text-align:right;font-family:initial;font-style:normal;font-size:8px;color:#a99f83;margin-top:8px}.ownership-note{font-size:9px;color:#a4ab90;display:flex;align-items:center;justify-content:center;gap:5px;margin:18px 0 0}.pass-form>label{font-size:11px;color:#919b81;line-height:1.8}.pass-form textarea{margin-top:10px;font-size:11px}.pass-form>small{display:block;text-align:right;color:#a6ac92;font-size:9px;margin-top:6px}.info-icon{width:61px;height:61px;background:#e6edd9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8aa077;margin:12px auto 23px}.info-icon+h2{text-align:center}.friend-code{color:#cf9675;letter-spacing:.12em;font-size:14px}.dialog .form-label{margin-top:23px}.toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%);z-index:400;max-width:355px;width:max-content;display:flex;align-items:center;gap:9px;background:#3f5a4eee;color:#f7f5e7;box-shadow:0 4px 20px #23493525;border:1px solid #ffffff2a;padding:12px 17px;border-radius:14px;animation:toast-in .25s ease;font-size:11px;line-height:1.8;pointer-events:none}.toast>svg{color:#dec697}.busy-line{height:2px;background:#da9673;width:30%;position:fixed;top:33px;z-index:150;animation:loading 1s infinite ease-in-out;border-radius:2px}.empty-state{padding:50px 20px;text-align:center}.empty-state>.art{width:140px;height:150px;margin-bottom:12px}.empty-state h2{font-size:23px}.empty-state p{color:#9fa68d;font-size:12px;line-height:1.9;margin:16px 0 23px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes float{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-9px) rotate(15deg)}}@keyframes drift{0%,to{transform:translate(0) rotate(calc(var(--rotate) * -1)) scale(var(--scale))}50%{transform:translate(9px,-15px) rotate(var(--rotate)) scale(var(--scale))}}@keyframes pulse{50%{opacity:.7}}@keyframes twinkle{0%,to{opacity:.4;scale:.8}50%{opacity:1;scale:1.1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes toast-in{0%{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@keyframes loading{0%{transform:translate(0);opacity:.3}50%{transform:translate(180%);opacity:1}to{transform:translate(0);opacity:.3}}@media(max-width:1150px){.world{gap:40px}.desktop-right{display:none}.desktop-intro{width:290px}.desktop-intro h1{font-size:38px}}@media(max-width:850px){.desktop-intro{display:none}.world{padding:0;background:var(--paper)}.app-shell{width:100%;max-width:480px;height:100dvh;min-height:0;border-radius:0;border:0;box-shadow:none}.app-shell:before{width:min(100%,480px)}.bottom-nav{bottom:0;width:min(100%,480px);border-radius:0;height:calc(70px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}.page{padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom))}.home-page{padding-top:calc(23px + env(safe-area-inset-top));padding-bottom:calc(90px + env(safe-area-inset-bottom))}.game-header{padding-top:calc(21px + env(safe-area-inset-top))}.game-bottom{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100% - 50px)}.busy-line{top:0}.auth-page{padding-top:calc(25px + env(safe-area-inset-top))}}@media(max-width:375px){.home-heading h1{font-size:44px}.home-heading{margin-top:25px}.scene{height:275px}.scene-cat{width:195px;height:220px;left:57px}.scene-drop{right:20px}.home-shortcuts{gap:8px}.shortcut-art{width:80px}.home-start{margin-left:5px;margin-right:5px}.page{padding-left:20px;padding-right:20px}.dialog{padding:28px 20px 23px}.reveal-header>.art{width:115px;height:145px}.reveal-header h2{font-size:20px}.drifter{width:94px;height:108px;margin-left:-47px}.home-header .brand>i{display:none}.scene-compact{width:295px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.story-image{display:block;width:100%;max-height:330px;object-fit:contain;border:1px solid #e4e0ce;border-radius:12px;margin:15px 0}