.rig-root{position:relative;display:inline-block;vertical-align:bottom;filter:drop-shadow(0 8px 10px rgba(120,84,38,.22))}.rig-seg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform}.rig-head{animation:rig-head 3.6s ease-in-out infinite;z-index:3}.rig-torso{animation:rig-torso 3.6s ease-in-out infinite;z-index:2}.rig-legs{animation:rig-legs 3.6s ease-in-out infinite;z-index:1}@keyframes rig-head{0%,to{transform:rotate(-1.6deg) translateY(0)}30%{transform:rotate(1.4deg) translateY(.6%)}55%{transform:rotate(.4deg) translateY(-.4%)}78%{transform:rotate(-.8deg) translateY(.3%)}}@keyframes rig-torso{0%,to{transform:scaleY(1) scaleX(1)}42%{transform:scaleY(1.025) scaleX(.996)}70%{transform:scaleY(.998) scaleX(1.002)}}@keyframes rig-legs{0%,to{transform:rotate(.55deg)}50%{transform:rotate(-.55deg)}}@media(prefers-reduced-motion:reduce){.rig-head,.rig-torso,.rig-legs{animation:none}}.rig-stage{position:relative;overflow:hidden}.rig-react-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:5}.doodle-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stage[data-page=home] .resourcebar,.stage[data-page=welcome] .resourcebar,.stage[data-page=account] .resourcebar{position:absolute;top:10px;right:12px;z-index:30;background:#fffaf18c;border:none;box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px}.stage[data-page=home] .tools-shellbar,.stage[data-page=welcome] .tools-shellbar,.stage[data-page=account] .tools-shellbar{display:none}.stage[data-page=home],.stage[data-page=welcome],.stage[data-page=account]{position:relative}.stage--bleed{max-width:none!important;padding:0!important}.stage--bleed .home2-stage,.stage--bleed .firsteye-stage{border-radius:0;min-height:100vh;min-height:100dvh}.stage--bleed .home2-below{padding:14px 16px 22px}.stage--bleed>.card{margin:12px}.stage[data-page=account] .roomhead{padding:14px 16px 0}.stage[data-page=account] .card{margin-left:16px;margin-right:16px}.home2-stage{position:relative;border-radius:30px;overflow:hidden;min-height:600px;box-shadow:0 14px 44px #94744c29}.home2-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 68%}.home2-amb{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home2-signs{position:absolute;top:48px;left:16px;z-index:6;display:grid;gap:8px;justify-items:start}.home2-sign{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#c49860eb,#a87a46eb);color:#fff7e8;font-size:var(--fs-small);font-weight:700;padding:6px 14px 7px;border-radius:4px 14px 14px 4px;transform:rotate(-1.6deg);box-shadow:0 3px 8px #60421e40}.home2-visitor{position:absolute;left:16px;bottom:46px;z-index:6;font-size:var(--fs-small);font-weight:700;color:var(--ink);background:#fffaf18c;padding:3px 10px 4px;border-radius:99px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.home2-yard{position:absolute;left:0;bottom:0;width:54%;height:86%;z-index:3}.home2-pillar-art{position:absolute;left:4%;bottom:5%;height:82%;display:flex;align-items:flex-end;cursor:pointer;filter:drop-shadow(0 10px 14px rgba(90,70,40,.25))}.home2-pillar-art img,.home2-pillar-art canvas{max-height:100%}.home2-ground-shadow{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(84,66,38,.35),transparent 68%);pointer-events:none}.home2-resident{position:absolute;z-index:2;text-align:center}.home2-resident img{object-fit:contain}.home2-resident .home2-resident-name{display:inline-block;margin-top:-6px;padding:1px 8px;font-size:11px;font-weight:700;color:var(--ink);background:#fffaf1a6;border-radius:99px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.home2-bubble{position:absolute;z-index:5;max-width:240px;background:#fffbf36b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:6px 10px 7px;font-size:var(--fs-small);line-height:1.55;color:var(--ink);border-radius:14px;text-shadow:0 1px 0 rgba(255,250,241,.55)}.home2-bubble b{font-weight:800}.home2-bubble .home2-chipbtn{margin-left:8px}.home2-pillar-actions{position:absolute;z-index:6;display:flex;gap:8px}.home2-chipbtn{border:none;cursor:pointer;border-radius:99px;background:#fffaf19e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:5px 12px 6px;font-size:var(--fs-small);font-weight:700;color:var(--ink);min-height:32px}.home2-cam{position:absolute;top:64px;right:26px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1px;border:none;background:none;cursor:pointer;padding:6px 10px;color:var(--ink);transition:transform var(--dur-tap) var(--ease)}.home2-cam:active{transform:scale(.96)}.home2-cam-ic{position:relative;display:block}.home2-cam-ic>img:first-child{width:104px;height:104px;object-fit:contain;display:block;filter:drop-shadow(0 6px 10px rgba(90,70,40,.28))}.home2-cam-photo{position:absolute;right:-14px;bottom:2px;width:40px;height:40px;object-fit:cover;border-radius:50%;box-shadow:0 2px 7px #5a462859}.home2-cam-word{height:42px;width:auto;max-width:190px;object-fit:contain;display:block;filter:drop-shadow(0 3px 6px rgba(90,70,40,.3))}.home2-cam-sub{font-size:var(--fs-small);font-weight:600;color:#51453ae0;text-shadow:0 1px 0 rgba(255,250,241,.7),0 0 8px rgba(255,250,241,.5)}.home2-dock{position:absolute;right:14px;bottom:10px;z-index:5;display:flex;gap:2px;align-items:flex-start}.home2-entry{position:relative;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;width:84px;padding:4px 2px 5px;color:var(--ink);border-radius:16px;transition:transform var(--dur-tap) var(--ease),background var(--dur-tap) var(--ease)}.home2-entry:hover,.home2-entry:active{background:#fffaf161;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.home2-entry:active{transform:scale(.94)}.home2-entry-ic{position:relative;display:block;width:64px;height:64px}.home2-entry-ic>img{width:64px;height:64px;object-fit:contain;display:block;filter:drop-shadow(0 3px 5px rgba(90,70,40,.25))}.home2-entry-name{font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;text-shadow:0 1px 0 rgba(255,250,241,.8),0 0 8px rgba(255,250,241,.6)}.home2-entry-word{height:27px;width:auto;max-width:82px;object-fit:contain;display:block;margin-top:1px;filter:drop-shadow(0 2px 3px rgba(90,70,40,.28))}.home2-badge{position:absolute;top:-3px;right:-5px;z-index:2;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.home2-dot{position:absolute;top:0;right:-2px;z-index:2;width:10px;height:10px;border-radius:50%;background:var(--danger)}.home2-below{margin-top:14px;display:grid;gap:12px}.firsteye-stage{position:relative;border-radius:30px;overflow:hidden;min-height:600px;box-shadow:0 14px 44px #94744c29;display:flex;flex-direction:column}.firsteye-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 66%}.firsteye-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff8e833,#fff8e800 34%,#5442261a 82%);pointer-events:none}.firsteye-title{position:relative;z-index:3;padding:30px 34px 0}.firsteye-title h1{margin:0;font-size:40px;font-weight:800;letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg,#6d5a45 0%,var(--ink) 55%,#463a2f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,250,241,.85)) drop-shadow(0 3px 5px rgba(96,74,44,.3)) drop-shadow(0 0 14px rgba(255,246,226,.55))}.firsteye-title p{margin:7px 0 0;font-size:var(--fs-h);color:#51453ae0;font-weight:600;text-shadow:0 1px 0 rgba(255,250,241,.75),0 0 10px rgba(255,246,226,.6)}.firsteye-mascot{position:relative;z-index:0;width:100%;height:100%;object-fit:contain;display:block}.firsteye-panel{position:relative;z-index:4;margin:auto 22px 20px;max-width:520px;padding:30px 26px 24px;filter:drop-shadow(0 10px 22px rgba(96,74,44,.16))}.firsteye-form .btn--ghost{background:transparent;border:none;box-shadow:none;color:var(--accent-deep);text-decoration:underline;padding:0 2px;min-height:0}.firsteye-panel .doodle-back{top:-6px;right:-10px;bottom:-6px;left:-10px;width:calc(100% + 20px);height:calc(100% + 12px)}.firsteye-panel>*:not(.doodle-back){position:relative;z-index:1}.firsteye-panel .btn,.titlepage-actions .btn{position:relative;overflow:hidden;border-radius:26px 34px 28px 36px/32px 28px 34px 29px;box-shadow:0 6px 16px #946a3838,0 2px 5px #946a381f;text-shadow:0 1px 0 rgba(255,246,226,.35);transition:transform var(--dur-tap) var(--ease),box-shadow var(--dur-tap) var(--ease),background var(--dur-tap) var(--ease),filter var(--dur-tap) var(--ease)}.firsteye-panel .btn:before,.titlepage-actions .btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain);background-size:180px 180px;box-shadow:inset 0 2px 3px #fffaee8c,inset 0 -3px 6px #92602c29;opacity:.6;mix-blend-mode:multiply}.firsteye-panel .btn>span,.titlepage-actions .btn>span{position:relative;z-index:1}.firsteye-panel .btn--primary,.titlepage-actions .btn--primary{background:linear-gradient(168deg,#eec493 0%,var(--apricot) 42%,#dfa668 78%,#d99f63 100%);color:#66451f}.firsteye-panel .btn--primary:hover,.titlepage-actions .btn--primary:hover{background:linear-gradient(168deg,#f2cd9e,#eec493 42%,#e5ad6e 78%,#dd9f60);filter:none}.firsteye-panel .btn:active,.titlepage-actions .btn:active{transform:translateY(1px) scale(.98);box-shadow:0 3px 8px #946a3833,0 1px 3px #946a381f}.firsteye-panel .btn--ghost,.titlepage-actions .btn--ghost{background:#fffaf1a8;border:none;box-shadow:0 5px 14px #946a3824,inset 0 0 0 1.5px #fffcf6bf;color:var(--ink);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.firsteye-form input{background:#ffffffb8!important;border:none!important;box-shadow:inset 0 0 0 1.5px #eee1cbe6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.title4-bg{object-position:14% 58%}.title4-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fff8e824,#fff8e800 26%),linear-gradient(0deg,#54422629,#54422600 30%)}.title4-hero{position:absolute;left:0;right:0;bottom:22%;height:48.5%;z-index:2;pointer-events:none}.title4-hero-dog{position:absolute;bottom:0;left:50%;height:100%;transform:translate(-52%);filter:drop-shadow(0 6px 10px rgba(90,70,40,.18))}.title4-hero-shadow{position:absolute;bottom:8.2%;left:50%;width:250px;height:27px;transform:translate(-50%);margin-left:30px;background:radial-gradient(ellipse at center,rgba(84,66,38,.32),transparent 68%)}.title4-hero-ball{position:absolute;bottom:11%;left:66%;width:74px;height:auto;filter:drop-shadow(0 4px 5px rgba(84,66,38,.3))}.title4-fg{position:absolute;left:0;right:0;bottom:0;height:17%;z-index:3;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 58%);mask-image:linear-gradient(180deg,transparent,#000 58%)}.title4-fg img{width:100%;height:100%;object-fit:cover;object-position:16% 100%;transform:scale(1.75);transform-origin:16% 100%}.title4-lockup{position:absolute;top:2.8%;left:0;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px;pointer-events:none}.title4-logo-slot{margin:0;width:min(700px,92vw);aspect-ratio:2.21;display:flex;align-items:center;justify-content:center}.title4-logo-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 16px rgba(94,62,24,.3))}.title4-slogan{position:relative;display:inline-block;margin:2.2vh auto 0;max-width:92vw;padding:7px 16px 8px;color:#fff8ea;font-size:clamp(13px,3.7vw,16.5px);font-weight:700;letter-spacing:.1em;line-height:1.5;transform:rotate(-1.3deg);text-shadow:0 1px 0 rgba(110,70,26,.4)}.title4-slogan-text{position:relative;z-index:1}.title4-slogan:before{content:"";position:absolute;z-index:0;top:-9px;right:-22px;bottom:-9px;left:-22px;background:url(/assets-pack/cutouts/band-cloth.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 5px 10px rgba(96,66,30,.28))}.title4-actions{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 12px calc(2.4vh + 4px)}.title4-note{margin:0;padding:5px 14px 6px;border-radius:99px;background:#fffaf1b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-size:var(--fs-small);font-weight:700;color:var(--ink)}.title4-actions .btn{position:relative;overflow:hidden;border:none;cursor:pointer;width:min(880px,88vw);transition:transform var(--dur-tap) var(--ease),box-shadow var(--dur-tap) var(--ease),filter var(--dur-tap) var(--ease)}.title4-actions .btn:active{transform:translateY(2px) scale(.985)}.title4-actions .btn>span{position:relative;z-index:1}.title4-actions .title4-cta{height:clamp(66px,8.4vh,88px);font-size:clamp(19px,5.2vw,24px);font-weight:900;letter-spacing:.05em;color:#fff7e6;text-shadow:0 2px 0 rgba(110,70,26,.5);border-radius:10px;background:url(/assets-pack/cutouts/btn-wood.webp) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 12px 20px rgba(96,64,26,.35))}.title4-actions .title4-cta:hover{filter:drop-shadow(0 12px 20px rgba(96,64,26,.35)) brightness(1.05)}.title4-actions .title4-sub{height:clamp(54px,6.8vh,66px);font-size:clamp(15.5px,4.4vw,17.5px);font-weight:800;letter-spacing:.04em;color:var(--ink);border:none;border-radius:10px;background:url(/assets-pack/cutouts/tag-paper.webp) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 8px 14px rgba(96,64,26,.22))}.title4-actions .title4-sub:hover{filter:drop-shadow(0 8px 14px rgba(96,64,26,.22)) brightness(1.03)}.title4-about{border:none;background:none;cursor:pointer;padding:2px 12px;min-height:34px;font-size:13px;font-weight:700;letter-spacing:.1em;color:#fff6e2;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6e28c;text-shadow:0 1px 3px rgba(84,60,30,.65),0 0 8px rgba(84,60,30,.35)}.title4-about:active{transform:scale(.97)}@media(min-width:700px){.title4-bg{object-position:center 60%}.title4-hero{bottom:22%;height:50%}.title4-hero-dog{left:13%;transform:none}.title4-hero-shadow{left:13%;transform:none;width:310px;margin-left:128px}.title4-hero-ball{left:36.5%;width:96px}.title4-actions .btn{width:min(900px,58vw)}.title4-actions .title4-cta{background-image:url(/assets-pack/cutouts/btn-wood-wide.webp)}.title4-slogan{margin-top:2.6vh}}.titlepage-about-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#604e3852;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn var(--dur-page, .24s) var(--ease, ease)}.titlepage-about-panel{position:relative;width:100%;max-width:430px;padding:26px 28px 24px;filter:drop-shadow(0 16px 34px rgba(96,74,44,.22))}.titlepage-about-panel .doodle-back{top:-10px;right:-14px;bottom:-10px;left:-14px;width:calc(100% + 28px);height:calc(100% + 20px)}.titlepage-about-panel>*:not(.doodle-back){position:relative;z-index:1}.titlepage-about-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.titlepage-about-head h2{margin:0;font-size:var(--fs-title);font-weight:800}.titlepage-about-head button{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;background:#fffaf1b3;font-size:16px;color:var(--ink-soft)}.guide2-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#604e384d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--gap-lg);animation:fadeIn var(--dur-page) var(--ease)}.guide2-panel{position:relative;width:100%;max-width:460px;padding:30px 34px 26px}.guide2-panel .doodle-back{top:-14px;right:-18px;bottom:-14px;left:-18px;width:calc(100% + 36px);height:calc(100% + 28px)}.guide2-panel>*:not(.doodle-back){position:relative;z-index:1}.guide2-icon{width:86px;height:86px;object-fit:contain;display:block;margin:0 auto 4px}.guide2-title{text-align:center;font-size:var(--fs-title);font-weight:800;margin:4px 0 8px}.guide2-body{line-height:1.9;margin:0}.guide2-dots{display:flex;gap:7px;justify-content:center;margin:14px 0 4px}.guide2-dot{width:9px;height:9px;border-radius:58% 42% 55% 45%;background:#51453a38}.guide2-dot--on{background:var(--apricot-deep);transform:scale(1.35) rotate(-8deg)}.guide2-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}.guide2-btns .btn{border-radius:26px 32px 28px 34px/30px 26px 32px 27px;border:none;box-shadow:0 3px 8px #94744c24}@media(max-width:699px){.home2-stage{min-height:0;display:flex;flex-direction:column;padding:12px 12px 16px}.home2-signs{position:relative;top:0;left:0;margin-top:26px}.home2-yard{position:relative;width:100%;height:300px;order:2}.home2-cam{position:relative;top:0;right:0;order:1;align-self:flex-end;margin-top:-34px}.home2-cam-ic>img:first-child{width:76px;height:76px}.home2-visitor{position:relative;left:0;bottom:0;order:1;align-self:flex-start}.home2-dock{position:relative;right:0;bottom:0;order:3;margin-top:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:100%}.home2-entry{width:auto;min-height:76px;justify-content:flex-start}.home2-entry-ic,.home2-entry-ic>img{width:52px;height:52px}.firsteye-stage{min-height:0}.firsteye-title h1{font-size:32px}.firsteye-title{padding:20px 20px 90px}.firsteye-panel{margin-left:12px;margin-right:12px}.guide2-panel{padding:24px 20px 20px}}.tools-shellbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.tools-offline{margin-top:10px;padding:10px 14px;border-radius:var(--r-card);background:#f3dfc2;border:1px solid var(--line);font-size:var(--fs-small);line-height:1.7;color:var(--ink)}.tools-update{margin-top:10px;padding:10px 14px;border-radius:var(--r-card);background:#dcead2;border:1px solid var(--line);font-size:var(--fs-small);line-height:1.7;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tools-alert{margin-top:10px;padding:10px 14px;border-radius:var(--r-card);background:#f2cfc4;border:1px solid var(--line);font-size:var(--fs-small);line-height:1.7;color:var(--ink)}.tools-guide-dots{display:flex;gap:6px;justify-content:center;margin:10px 0 2px}.tools-guide-dot{width:8px;height:8px;border-radius:50%;background:var(--paper-deep);border:1px solid var(--line)}.tools-guide-dot--on{background:var(--apricot)}.tools-sync{font-size:var(--fs-small);color:var(--ink-soft);padding:4px 10px;border-radius:var(--r-chip);background:var(--card);border:1px solid var(--line)}.tools-sync--synced{color:#4c7a3f}.tools-sync--failed{color:#a44a3f}.tools-sync--syncing,.tools-sync--pending{color:#9a6a1f}.tools-horn{position:relative;border:1px solid var(--line);background:var(--card);border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}.tools-horn__dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:#d96f4e;border:2px solid var(--card)}.tools-search{position:relative;flex:1 1 220px;min-width:180px}.tools-search__input{width:100%;box-sizing:border-box;min-height:38px;padding:6px 14px;border-radius:var(--r-chip);border:1px solid var(--line);background:var(--card);font-size:var(--fs-body);color:var(--ink)}.tools-search__results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-pop);padding:6px;display:grid;gap:2px;max-height:320px;overflow-y:auto}.tools-search__item{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border:none;background:none;cursor:pointer;text-align:left;padding:8px 10px;border-radius:10px;font-size:var(--fs-body);color:var(--ink)}.tools-search__item:hover{background:var(--paper-deep)}.tools-search__sub{color:var(--ink-soft);font-size:var(--fs-small)}.tools-search__empty{padding:10px;color:var(--ink-soft);font-size:var(--fs-small)}.tools-music{position:relative;display:inline-flex;gap:4px;align-items:center}.tools-music__main,.tools-music__more,.tools-feedback-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;min-height:38px;padding:6px 12px;border-radius:var(--r-chip);font-size:var(--fs-small);color:var(--ink)}.tools-music__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:260px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-pop);padding:12px;display:grid;gap:8px}.tools-music__row{display:flex;align-items:center;gap:10px;font-size:var(--fs-small)}.tools-music__discs{display:grid;gap:6px}.tools-music__disc{border:1px solid var(--line);background:var(--card);cursor:pointer;padding:6px 10px;border-radius:var(--r-chip);text-align:left;font-size:var(--fs-small)}.tools-music__disc--active{background:var(--apricot);font-weight:700}.tools-feedback-item{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:4px}.tools-linkbtn{border:none;background:none;cursor:pointer;color:var(--ink-soft);font-size:var(--fs-small);padding:0;text-align:left}.tools-wake-card{border:none;border-radius:255px 18px 225px/18px 225px 18px 255px;background-color:color-mix(in srgb,var(--butter) 45%,var(--card));background-image:var(--grain);background-size:180px 180px;box-shadow:var(--shadow-soft);padding:18px;text-align:center;display:grid;gap:8px;justify-items:center}.tools-brush{border-radius:255px 18px 225px/18px 225px 18px 255px;background-color:var(--card);background-image:var(--grain);background-size:180px 180px;box-shadow:var(--shadow-soft);padding:12px 18px}.tools-brush--butter{background-color:color-mix(in srgb,var(--butter) 52%,var(--card))}.tools-brushtabs .tabs__item{border:none;border-radius:120px 14px 110px/14px 110px 14px 120px;background-color:var(--card);background-image:var(--grain);background-size:180px 180px;box-shadow:var(--shadow-soft);min-height:42px}.tools-brushtabs .tabs__item--active{background-color:color-mix(in srgb,var(--apricot) 68%,var(--card));color:var(--ink)}.tools-alarm-ic{width:46px;height:46px;object-fit:contain;flex:none}.stage[data-page=tools]{display:flex;flex-direction:column}.stage[data-page=tools]>div{display:flex;flex-direction:column;min-height:100%;flex:1 1 auto}.stage[data-page=tools]>div>div:last-child{display:flex;flex-direction:column;flex:1 1 auto}.stage[data-page=tools]>div>div:last-child>div:last-child{display:flex;flex-direction:column;flex:1 1 auto}.stage[data-page=tools]>div>div:last-child>div:last-child>.card{flex:1 1 auto}.tools-wake-ic{width:64px;height:64px;object-fit:contain}.tools-disc-ic{width:30px;height:30px;object-fit:contain;flex:none}.tools-disc-ic--locked{filter:grayscale(1);opacity:.55}.tools-ar-stage{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--paper-deep);min-height:180px}.shell-coinchip{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:30;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border-radius:99px;background:#fffcf69e;font-size:13px;font-weight:800;color:var(--ink);pointer-events:none}.shell-coinchip img{width:18px;height:18px;object-fit:contain}.tools-headrow{padding-left:92px}.shell-syncwrap{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30}.shell-syncdot{border:none;cursor:pointer;border-radius:99px;background:#fffcf69e;color:var(--ink-soft);font-size:12px;line-height:1;padding:6px 8px}.shell-syncdot--failed{background:#f2cfc4f0;color:#a44a3f;font-weight:700;padding:6px 10px}.shell-syncdot--synced{color:#4c7a3f}.shell-syncpop{position:absolute;left:0;bottom:calc(100% + 6px);width:248px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:10px 12px;font-size:var(--fs-small);line-height:1.7;color:var(--ink)}.shell-edge{position:fixed;right:calc(10px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:30;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.shell-edge__btn{width:38px;height:38px;border-radius:50%;cursor:pointer;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:#fffcf6c7;box-shadow:var(--shadow-card);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.shell-edge__btn:active{transform:scale(.94)}.shell-edge__panel{position:absolute;right:0;top:46px;width:252px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:10px}.shell-edge__panel--menu{display:grid;gap:6px}.shell-edge__music{display:flex;align-items:center}.shell-edge__row{border:1px solid var(--line);background:var(--card);cursor:pointer;min-height:38px;padding:6px 12px;border-radius:var(--r-chip);font-size:var(--fs-body);color:var(--ink);text-align:left;width:100%}:root{--paper: #faf3e6;--paper-deep: #f4e8d2;--card: #fffaf1;--ink: #51453a;--ink-soft: #a08d76;--line: #eee1cb;--apricot: #eebd90;--apricot-deep: #d99f63;--on-accent: #6b4e2e;--leaf: #aed3ba;--sky: #bfd6ea;--blush: #f5cfc9;--butter: #f7e3ab;--lilac: #d6cbe9;--line-collect: #97bf92;--line-board: #9db1cf;--line-spire: #b7a3d6;--line-td: #e2b07c;--rarity-n: #f1ead9;--rarity-r: #c2dcb4;--rarity-sr: #f4d194;--rarity-ssr: #f6c3cf;--good: #86ac6e;--bad: #cf7d63;--danger: #cb6f5c;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");--wash: radial-gradient(1100px 560px at 12% -6%, rgba(245, 207, 201, .38), transparent 62%), radial-gradient(980px 520px at 92% -2%, rgba(191, 214, 234, .32), transparent 62%), radial-gradient(900px 680px at 50% 112%, rgba(247, 227, 171, .3), transparent 62%);--ink-2: var(--ink-soft);--paper-2: var(--paper-deep);--radius-m: 16px;--c-card: var(--card);--c-ink: var(--ink);--c-ink-soft: var(--ink-soft);--c-line: var(--line);--c-accent: #e2a468;--c-accent-deep: #c9854e;--c-leaf: var(--leaf);--c-sky: var(--sky);--c-rose: #eda9b8;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--fs-hero: 28px;--fs-title: 20px;--fs-h: 16px;--fs-body: 14px;--fs-small: 12px;--fs-num: 15px;--r-card: 22px;--r-btn: 999px;--r-chip: 999px;--r-modal: 26px;--shadow-card: 0 6px 24px rgba(148, 116, 76, .1), 0 2px 6px rgba(148, 116, 76, .05);--shadow-pop: 0 18px 48px rgba(148, 116, 76, .2), 0 4px 12px rgba(148, 116, 76, .08);--shadow-soft: 0 4px 16px rgba(148, 116, 76, .08);--dur-tap: .12s;--dur-page: .24s;--dur-flip-n: .45s;--dur-flip-r: .55s;--dur-flip-sr: .7s;--dur-flip-ssr: .9s;--ease: cubic-bezier(.22, .9, .3, 1);--stage-landscape-w: 844px;--stage-landscape-h: 390px;--stage-desktop-w: 1440px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tap-min: 44px;--gap: 12px;--gap-lg: 20px}:root[data-font=large]{--fs-hero: 32px;--fs-title: 23px;--fs-h: 18px;--fs-body: 16px;--fs-small: 14px;--fs-num: 17px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-body);color:var(--ink);background-color:var(--paper);background-image:var(--grain),var(--wash);background-repeat:repeat,no-repeat;background-size:180px 180px,cover;background-attachment:scroll,fixed;-webkit-font-smoothing:antialiased}button{font-family:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.stage{min-height:100%;margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);max-width:none}html,body{overflow-x:hidden}img,canvas,svg,video{max-width:100%}.line-h2-word{height:44px;width:auto;max-width:70vw;object-fit:contain;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(90,70,40,.2))}.h2-with-word{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.h2-with-word>span{font-size:var(--fs-h);font-weight:700}.h2-word-dot{color:var(--ink-soft, #8a7a63)}.line-h3-word{height:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-min);padding:10px 22px;border:none;border-radius:var(--r-btn);font-size:var(--fs-h);font-weight:600;color:var(--ink);background:var(--apricot);cursor:pointer;transition:transform var(--dur-tap) var(--ease),background var(--dur-tap) var(--ease),opacity var(--dur-tap)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--apricot);color:var(--on-accent);box-shadow:var(--shadow-card)}.btn--primary:hover{background:var(--apricot-deep)}.btn--ghost{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.btn--disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn img{width:22px;height:22px;object-fit:contain}.card{background-color:var(--card);background-image:var(--grain);background-size:180px 180px;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--gap-lg)}.card__title{font-size:var(--fs-h);font-weight:700;margin:0 0 8px}.card__title-img{height:37px;width:auto;max-width:78%;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(90,70,40,.18))}.card__title-row{display:inline-flex;align-items:flex-end;gap:7px}.card__title-suffix{font-size:var(--fs-small);font-weight:700;color:var(--ink-soft, #8a7a63);padding-bottom:5px}.card__sub{color:var(--ink-soft);font-size:var(--fs-small)}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.tabs__item{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 16px;border-radius:var(--r-chip);border:1px solid var(--line);background:var(--card);font-size:var(--fs-body);color:var(--ink-soft);cursor:pointer;transition:all var(--dur-tap) var(--ease)}.tabs__item--active{background:var(--apricot);border-color:var(--apricot-deep);color:var(--on-accent);font-weight:700}.tabs__item img{width:20px;height:20px;object-fit:contain}.tabs__badge{width:8px;height:8px;border-radius:50%;background:var(--danger, #cb6f5c);flex:0 0 auto}.lineentry__badge{position:absolute;top:10px;right:10px;width:11px;height:11px;border-radius:50%;background:var(--danger, #cb6f5c);box-shadow:0 0 0 2px var(--card);z-index:2}.modal__mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#604e3852;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--gap-lg);animation:fadeIn var(--dur-page) var(--ease)}.modal{width:100%;max-width:430px;max-height:84vh;overflow-y:auto;background-color:var(--card);background-image:var(--grain);background-size:180px 180px;border:none;border-radius:34px 28px 36px 26px/28px 36px 26px 34px;box-shadow:var(--shadow-pop);padding:var(--gap-lg);animation:popIn var(--dur-page) var(--ease)}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal__title{font-size:var(--fs-title);font-weight:800;margin:0}.modal__close{width:var(--tap-min);height:var(--tap-min);border:none;border-radius:50%;background:var(--card);font-size:18px;color:var(--ink-soft);cursor:pointer}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.resourcebar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-chip);background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);box-shadow:var(--shadow-card)}.resourcebar__coin{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-num);font-weight:800}.resourcebar__coin img{width:22px;height:22px;object-fit:contain}.resourcebar__spacer{flex:1}.resourcebar__account{display:inline-flex;align-items:center;gap:6px;border:none;background:none;cursor:pointer;font-size:var(--fs-small);color:var(--ink-soft);padding:6px 4px}.resourcebar__account img{width:26px;height:26px;border-radius:50%;object-fit:cover}.lineentry{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;cursor:pointer;padding:0;background:var(--card);box-shadow:var(--shadow-card);transition:transform var(--dur-tap) var(--ease)}.lineentry:active{transform:scale(.98)}.lineentry__art{width:100%;height:92px;object-fit:cover;display:block}.lineentry__body{padding:10px 14px 12px}.lineentry__name{font-size:var(--fs-h);font-weight:800;display:flex;align-items:center;gap:8px}.lineentry__dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.lineentry__desc{color:var(--ink-soft);font-size:var(--fs-small);margin-top:3px}.roomhead{display:flex;align-items:center;gap:12px;margin-bottom:var(--gap)}.roomhead__back{width:var(--tap-min);height:var(--tap-min);border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:18px;cursor:pointer}.roomhead__title{font-size:var(--fs-title);font-weight:800;margin:0}.roomhead__word{height:46px;width:auto;max-width:62vw;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(90,70,40,.2))}.checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.checklist li{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);padding:10px 12px;font-size:var(--fs-body);box-shadow:var(--shadow-soft)}.checklist__no{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--paper-deep);color:var(--ink-soft);font-size:var(--fs-small);font-weight:800;display:inline-flex;align-items:center;justify-content:center}.checklist__note{color:var(--ink-soft);font-size:var(--fs-small);display:block;margin-top:2px}
