.ap-main:has(.mt){max-width:1120px}.mt{--paper-ink:var(--ink);--paper-line:var(--line);gap:clamp(18px,3vw,28px);min-width:0;display:grid}.mt-paper,.mt-one,.mt-join{--ink:#2a2236;--soft:#6b6378;--line:#2a22361f;--card:#fff;--paper-ink:#2a2236;--paper-line:#2a223629;min-width:0;color:var(--ink);background:#fffaf0;border-radius:32px;padding:clamp(16px,3vw,30px);box-shadow:0 8px #eadfc6,0 30px 60px -30px #28325059}:root[data-sky=night] .mt-paper,:root[data-sky=night] .mt-one,:root[data-sky=night] .mt-join{background:#f3ead9;box-shadow:0 8px #c9bc9f,0 30px 60px -24px #0009}.mt .mh-quiet,.mt .mh-go{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mt-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(16px,4vw,48px);display:grid}.mt-scene{aspect-ratio:1.08;min-width:0;position:relative}.mt-scene img{filter:drop-shadow(0 6px 10px #2832502e);height:auto;animation:.6s cubic-bezier(.34,1.56,.64,1) both mt-stick;position:absolute}.mt-scene img:nth-child(2n){animation-delay:80ms}.mt-scene img:nth-child(3n){animation-delay:.16s}.mt-scene .mt-yaaku{z-index:1;width:46%;animation-delay:0s;top:18%;left:27%}@keyframes mt-stick{0%{opacity:0;transform:scale(.6)}}.mt-story{justify-items:start;gap:12px;min-width:0;display:grid}.mt-story h1{font:800 clamp(38px, 6.4vw, 64px)/.98 var(--font-display), system-ui, sans-serif;text-wrap:balance;margin:0}.mt-story p{max-width:46ch;color:var(--soft);margin:0;font-size:clamp(16px,1.9vw,18.5px);line-height:1.5}.mt-story .mt-eyebrow{color:#e0507f;font:800 14px/1 var(--font-body), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase}:root[data-sky=night] .mt-story .mt-eyebrow{color:#ff9ec0}.mt-intro .mh-quiet.strong{color:var(--ink);border-color:currentColor}.mt-story-go{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:6px;display:flex}.mt-tools{z-index:5;padding:calc(env(safe-area-inset-top) + clamp(16px, 3vw, 26px)) clamp(16px, 3vw, 30px) 10px;background:inherit;border-radius:0 0 20px 20px;justify-items:center;gap:10px;margin:calc(-1*clamp(16px,3vw,30px)) calc(-1*clamp(16px,3vw,30px)) 8px;display:grid;position:sticky;top:0}.mt-search{align-items:center;width:min(560px,100%);display:flex;position:relative}.mt-search svg{fill:none;stroke:#6b6378;stroke-width:2.4px;stroke-linecap:round;pointer-events:none;width:22px;height:22px;position:absolute;left:18px}.mt-search input{color:#2a2236;width:100%;min-height:54px;font:700 17px/1 var(--font-body), system-ui, sans-serif;appearance:none;background:#fff;border:2px solid #2a223624;border-radius:999px;padding:0 52px 0 50px;box-shadow:0 2px #2a22360f,0 8px 20px -10px #28325040}.mt-search input::-webkit-search-cancel-button{display:none}.mt-search input::placeholder{color:#9a92a6;font-weight:600}.mt-search input:focus{border-color:#e85a8a;outline:none;box-shadow:0 0 0 4px #e85a8a2e}.mt-clear{color:#2a2236;cursor:pointer;background:#2a223612;border:0;border-radius:50%;width:38px;height:38px;font-size:14px;position:absolute;right:9px}.mt-chips{scrollbar-width:none;gap:8px;max-width:100%;padding:2px 2px 4px;display:flex;overflow-x:auto}.mt-chips::-webkit-scrollbar{display:none}.mt-chips button{color:#2a2236;cursor:pointer;min-height:40px;font:800 14.5px/1 var(--font-body), system-ui, sans-serif;background:#fff;border:2px solid #2a22361a;border-radius:999px;flex:none;padding:0 16px}.mt-chips button.on{color:#fff;background:#e85a8a;border-color:#e85a8a}.mt-chips .mt-mine{border-color:#e85a8a}.mt-count:empty{display:none}.mt-count{color:var(--soft);font:700 13.5px/1 var(--font-body), system-ui, sans-serif;margin:0}.mt-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.mt-tile{background:var(--tone);color:#2a2236;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:22px;justify-items:center;gap:2px;padding:10px 8px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 2px #2a22360f}.mt-tile.t0{--tone:#fde4ec}.mt-tile.t1{--tone:#fff1c9}.mt-tile.t2{--tone:#dff3e4}.mt-tile.t3{--tone:#e4ecff}.mt-tile.t4{--tone:#efe4ff}.mt-tile.t5{--tone:#ffe6d6}.mt-tile.ours{box-shadow:0 0 0 3px #e85a8a}.mt-tile b{max-width:100%;font:800 16px/1.1 var(--font-display), system-ui, sans-serif;overflow-wrap:break-word}.mt-tile small{font:800 11.5px/1.2 var(--font-body), system-ui, sans-serif;color:#b0446c}.mt-pics{width:100%;display:grid}.mt-pics>*{grid-area:1/1}.mt-pics .mh-sign{width:100%;max-width:none;transition:opacity .2s}.mt-hi{opacity:0;width:100%;height:auto;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.85)rotate(-6deg)}@media (hover:hover){.mt-tile:hover{transform:translateY(-5px)rotate(-1.5deg);box-shadow:0 0 0 3px #fff,0 14px 28px #3c465a29}.mt-tile:hover .mt-hi{opacity:1;transform:none}.mt-tile:hover .mh-sign{opacity:0}}@media (hover:none){.mt-hi{opacity:1;filter:drop-shadow(0 2px 3px #28325033);place-self:start end;width:38%;margin:-10px -8px 0 0;transform:rotate(8deg)}}.mt-tile:focus-visible{outline-offset:3px;outline:3px solid #5f8146}.mt-none{text-align:center;color:var(--soft);margin:10px 0;font-weight:700}.mt-none button{color:#e0507f;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.mt-join{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,30px);display:grid}.mt-join img{width:clamp(110px,16vw,170px);height:auto}.mt-join h2{font:800 clamp(26px, 4vw, 36px)/1.05 var(--font-display), system-ui, sans-serif;margin:0 0 6px}.mt-join p{color:var(--soft);margin:0;font-size:17px}.mt-back-in{color:var(--soft);font:700 15px/1.2 var(--font-body), system-ui, sans-serif;text-decoration:none}.mt-back-in b{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.mt-one{gap:clamp(18px,3vw,28px);display:grid}.mt-back{color:var(--soft);font:800 15px/1 var(--font-body), system-ui, sans-serif;justify-self:start;text-decoration:none}.mt-back:hover{color:var(--ink)}.mt-hero{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,44px);display:grid}.mt-stage{background:radial-gradient(circle at 50% 40%,#fff,#fde4ec);border-radius:30px;padding:18px;position:relative}.mt-stage .mh-sign{width:100%;max-width:none}.mt-stage-paw{filter:drop-shadow(0 4px 6px #3c322833);pointer-events:none;width:26%;height:auto;position:absolute;bottom:16px;right:-14px;transform:rotate(-12deg)}.mt-about{justify-items:start;gap:12px;min-width:0;display:grid}.mt-about h1{font:800 clamp(40px, 7vw, 60px)/1 var(--font-display), system-ui, sans-serif;overflow-wrap:anywhere;margin:0}.mt-ours{color:#b0446c;font:800 15px/1 var(--font-body), system-ui, sans-serif;margin:-4px 0 0}.mt-says{color:#e0507f;font:700 clamp(19px, 3vw, 23px)/1.25 var(--font-display), system-ui, sans-serif;margin:0}.mt-pawline{font:800 15px/1 var(--font-body), system-ui, sans-serif;background:#fff;border-radius:16px;align-items:center;gap:10px;margin:0;padding:8px 16px 8px 10px;display:inline-flex;box-shadow:0 2px #2a22360f}.mt-pawchip{width:50px;height:auto}.mt-about .mh-actions{flex-wrap:wrap;gap:10px;display:flex}.mt-kawaii{gap:12px;display:grid}.mt-kawaii-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mt-kawaii h2{font:800 clamp(22px, 4vw, 27px)/1.1 var(--font-display), system-ui, sans-serif;margin:0}.mt-stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.mt-sticker{width:100%;color:var(--soft);cursor:zoom-in;font:800 14px/1 var(--font-body), system-ui, sans-serif;background:#fff;border:0;border-radius:22px;justify-items:center;gap:4px;padding:10px 8px 12px;transition:transform .2s;display:grid;box-shadow:0 2px #2a22360f}.mt-sticker img{width:100%;height:auto}.mt-sticker:hover{transform:translateY(-4px) rotate(var(--tilt,-2deg))}.mt-sticker.s1,.mt-sticker.s3{--tilt:2deg}.mt-walk{justify-content:space-between;align-items:center;gap:10px;display:flex}.mt-walk a{min-height:44px;color:var(--soft);font:800 16px/1 var(--font-display), system-ui, sans-serif;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.mt-walk a:hover{color:var(--ink)}.mt-walk img{width:46px;height:auto}.mt-walk .mt-game{color:var(--ink);background:#fff;border-radius:999px;padding:0 18px;box-shadow:0 2px #2a223614}.mt-big{text-align:center;justify-items:center;gap:12px;padding:26px 24px 28px;display:grid}.mt-big img{width:min(380px,72vw);height:auto}.mt-big h2{margin:0;font:800 24px/1.1 var(--font-display), system-ui, sans-serif!important}.mt-big .mh-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mh-box.mt-sheet{width:min(520px,100% - 24px)}@media (max-width:900px){.mt-intro{text-align:center;grid-template-columns:1fr;justify-items:center}.mt-scene{width:min(440px,100%)}.mt-story{justify-items:center}.mt-story-go{justify-content:center}}@media (max-width:680px){.mt-paper,.mt-one,.mt-join{border-radius:26px}.mt-scene{width:min(340px,92%)}.mt-story-go{width:100%}.mt-story-go>*{flex:100%;min-height:50px}.mt-tools{border-radius:0 0 18px 18px;justify-items:stretch}.mt-search{width:100%}.mt-search input{font-size:16px}.mt-chips{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.mt-count{text-align:center}.mt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mt-tile{border-radius:18px;padding:8px 6px 10px}.mt-tile b{letter-spacing:-.01em;font-size:clamp(12px,3.6vw,14px)}.mt-join{text-align:center;grid-template-columns:1fr;justify-items:center}.mt-join .mt-story-go{justify-content:center}.mt-join .mt-story-go>.mt-back-in{flex-basis:auto;min-height:0}.mt-hero{grid-template-columns:1fr;justify-items:center}.mt-stage{width:min(320px,84vw)}.mt-about{text-align:center;justify-items:center;width:100%}.mt-about .mh-actions{width:100%}.mt-about .mh-actions>*{flex:100%;min-height:50px}.mt-stickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-kawaii-head{text-align:center;justify-content:center}.mt-walk{flex-wrap:wrap}.mt-walk .mt-game{flex-basis:100%;order:3;justify-content:center}.mh-box.mt-sheet{width:100%;max-width:none;padding-bottom:env(safe-area-inset-bottom);border-radius:28px 28px 0 0;margin:auto 0 0}.mt-sheet .mt-big .mh-actions>*{flex:100%;min-height:50px}}@media (max-width:359px){.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.mt-tile,.mt-hi,.mt-sticker,.mt-scene img{transition:none;animation:none}}:root:has(.mt){background:#8cc4ee}:root[data-sky=night]:has(.mt){background:#8cc4ee}.ap:has(.mt){--ink:#2a2236;--soft:#5f5870;--line:#2a22361a;--card:#fff;--hover:#2a22360d;--pill:#ffffffd9;isolation:isolate;background:0 0}:root[data-sky=night] .ap:has(.mt){--ink:#2a2236;--soft:#5f5870;--line:#2a22361a;--card:#fff;--hover:#2a22360d;--pill:#ffffffd9;isolation:isolate;background:0 0}.ap:has(.mt):before{content:"";z-index:-1;pointer-events:none;background:url(/intro/web/rest.avif) 50% 35%/cover no-repeat,#8cc4ee;position:fixed;inset:0}@media (max-aspect-ratio:1){.ap:has(.mt):before{background-image:url(/intro/mobile/rest.avif);background-position:50% 30%}}:root[data-sky=night] .ap:has(.mt) .ap-nav{--nav-bg:#ffffffeb}:root[data-sky=night] .ap:has(.mt) .ap-nav a[aria-current=page] .ap-ico{color:#46622f;background:#dfeccd}.mt-cloud{justify-content:center;margin:0;display:flex}.mt-cloud img{pointer-events:none;filter:drop-shadow(0 6px 12px #285a9659);-webkit-user-drag:none;width:min(820px,96%);height:auto;animation:1.4s ease-out both mt-gather;display:block}@keyframes mt-gather{0%{opacity:0;filter:blur(14px);transform:translate(-20px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.mt-cloud img{animation:none}}.mt-intro,.mt-paper,.mt-one,.mt-join,:root[data-sky=night] .mt-paper,:root[data-sky=night] .mt-one,:root[data-sky=night] .mt-join{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 1px 2px #2a22360f,0 20px 50px -24px #1e3c1e73}.mt-intro{border-radius:32px;padding:clamp(18px,3vw,34px)}@media (max-width:680px){.mt-intro{border-radius:26px}}.mt-paper{overflow:clip}.mt-tools{background:#fff;border-radius:0;box-shadow:0 10px 14px -12px #28466e40}.mt-story p{color:#4d4660}:root:has(.ap-public .mt) .site-mark{position:absolute}.mt-story .mt-lede{color:var(--ink);font:800 clamp(22px, 2.6vw, 28px)/1.2 var(--font-display), system-ui, sans-serif}