:root{--ink: #2a2f3a;--ink-soft: #5a6478;--muted: #7a8498;--paper: #eef6ff;--card: #ffffff;--card-2: #f4fbff;--rule: rgba(60, 90, 140, .16);--rule-soft: rgba(60, 90, 140, .1);--red: #e85a4f;--red-deep: #c93f36;--red-dark: #a32e28;--red-soft: #ffe3df;--orange: #f08a2e;--orange-deep: #d46f14;--gold: #e0a820;--gold-deep: #c4890f;--gold-soft: #fff3c8;--green: #3faf6e;--green-deep: #2d8f55;--green-soft: #d8f5e4;--blue: #3d8fd4;--blue-deep: #2a6fad;--blue-soft: #d9ecfb;--teal: #2db8b0;--teal-soft: #d4f6f3;--pink: #ef6ea8;--pink-soft: #ffe0ef;--violet: #7b6fd6;--violet-soft: #e8e4ff;--lift-1: 0 1px 2px rgba(74, 55, 34, .06);--lift-2: 0 2px 5px rgba(74, 55, 34, .06), 0 8px 18px rgba(74, 55, 34, .07);--lift-3: 0 4px 10px rgba(74, 55, 34, .08), 0 18px 42px rgba(74, 55, 34, .11);--lift-4: 0 8px 18px rgba(74, 55, 34, .1), 0 32px 70px rgba(74, 55, 34, .16);--radius: 16px;--radius-sm: 11px;--radius-lg: 22px;--font-serif: "Noto Serif TC", "Songti TC", Georgia, serif;--font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--press: .14s cubic-bezier(.34, 1.4, .64, 1);--move: .24s cubic-bezier(.22, .61, .36, 1);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{margin:0;min-height:100%;color:var(--ink);font-family:var(--font-sans);font-size:17px;font-weight:400;line-height:1.75;letter-spacing:.005em;background-color:var(--paper);background-image:radial-gradient(900px 520px at 8% -8%,rgba(255,196,170,.55),transparent 58%),radial-gradient(820px 480px at 92% 0%,rgba(130,210,255,.5),transparent 60%),radial-gradient(700px 420px at 70% 100%,rgba(160,240,200,.42),transparent 62%),radial-gradient(640px 380px at 20% 90%,rgba(255,220,140,.38),transparent 60%),linear-gradient(165deg,#eaf6ff,#f3fffb 38%,#fff6ea 72%,#ffeef5);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,#eaf6ffb3,#fff6ea9e 48%,#f3fffbbd),var(--page-scene, none);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#app,.topbar,.tabs,.shell,.foot,.skip-link{position:relative;z-index:1}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.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}.skip-link{position:absolute;left:16px;top:-60px;z-index:200;padding:11px 20px;border-radius:0 0 10px 10px;background:var(--red);color:#fff;font-weight:700;transition:top var(--move)}.skip-link:focus{top:0}.boot{padding:40px;text-align:center;font-family:var(--font-serif)}h1,h2,h3,.card-title,.section-head h2{font-family:var(--font-serif);font-weight:700;letter-spacing:.015em;color:var(--ink)}.card-title{margin:0 0 8px;font-size:1.34rem;line-height:1.5;position:relative;padding-bottom:12px}.card-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold) 0%,rgba(181,137,47,.35) 34%,transparent 78%)}.card-title:before{content:"";position:absolute;left:0;bottom:-3px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);border-radius:1px}.shell{max-width:1180px;margin:0 auto;padding:0 16px 96px}.topbar{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1180px;margin:18px auto 14px;padding:18px 22px;border-radius:var(--radius);background:linear-gradient(120deg,#ffffffeb,#ffffff8c),linear-gradient(105deg,#ffe8e2,#fff3c8 28%,#d9f5e8 58%,#d9ecfb);border:1px solid rgba(61,143,212,.28);box-shadow:inset 0 0 0 1px #ffffffbf,inset 0 0 0 5px #ffffff59,var(--lift-2)}.topbar:before,.topbar:after{content:"";position:absolute;left:14px;right:14px;height:2px;background:linear-gradient(90deg,transparent,var(--red) 12%,var(--orange) 28%,var(--gold) 44%,var(--green) 60%,var(--teal) 74%,var(--blue) 88%,transparent);opacity:.72}.topbar:before{top:7px}.topbar:after{bottom:7px}.brand{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-right:auto;min-width:min(100%,420px)}.brand-crest{width:78px;height:78px;flex-shrink:0;border-radius:50%;object-fit:contain;object-position:center;background:#fff;border:2px solid rgba(181,137,47,.72);box-shadow:0 0 0 3px #fffdf8f2,0 3px 10px #4a372229;image-rendering:auto;-webkit-backface-visibility:hidden;transform:translateZ(0);filter:contrast(1.08) saturate(1.04)}.brand-text{display:grid;gap:2px}.brand-school{font-family:var(--font-serif);font-size:clamp(1.55rem,3.4vw,2.05rem);font-weight:800;letter-spacing:.04em;line-height:1.2;color:var(--red-deep)}.brand-program{font-family:var(--font-serif);font-size:clamp(1.22rem,2.6vw,1.55rem);font-weight:700;letter-spacing:.06em;line-height:1.25;color:color-mix(in srgb,var(--red-deep) 78%,#5a4330)}.brand strong{font-family:var(--font-serif);font-size:clamp(1.55rem,3.4vw,2.05rem);font-weight:800;letter-spacing:.03em;line-height:1.28;color:var(--red-deep)}.brand small{font-size:.9rem;color:var(--muted);font-weight:500;letter-spacing:.02em;margin-top:2px}@media(max-width:640px){.brand-crest{width:64px;height:64px}.brand-school,.brand strong{font-size:1.38rem}.brand-program{font-size:1.12rem}}.tabs{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;max-width:1180px;margin:0 auto 6px;padding:6px 8px;scrollbar-width:thin;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(90deg,#ffe8e2,#fff3c8,#d8f5e4,#d9ecfb,#ffe0ef);border:1px solid var(--rule-soft);border-top:none;box-shadow:var(--lift-1)}.tabs button{--tab: #ffe3df;--tab-deep: #e85a4f;flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:9px 17px;border-radius:9px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:.02em;color:color-mix(in srgb,var(--tab-deep) 70%,var(--ink));white-space:nowrap;background:color-mix(in srgb,var(--tab) 55%,white);border:1px solid transparent;transition:background var(--move),color var(--move),box-shadow var(--move),border-color var(--move)}.tabs button:nth-child(8n+1){--tab: #ffe3df;--tab-deep: #e85a4f}.tabs button:nth-child(8n+2){--tab: #ffe8c8;--tab-deep: #f08a2e}.tabs button:nth-child(8n+3){--tab: #fff3c8;--tab-deep: #e0a820}.tabs button:nth-child(8n+4){--tab: #d8f5e4;--tab-deep: #3faf6e}.tabs button:nth-child(8n+5){--tab: #d4f6f3;--tab-deep: #2db8b0}.tabs button:nth-child(8n+6){--tab: #d9ecfb;--tab-deep: #3d8fd4}.tabs button:nth-child(8n+7){--tab: #e8e4ff;--tab-deep: #7b6fd6}.tabs button:nth-child(8n+8){--tab: #ffe0ef;--tab-deep: #ef6ea8}.tabs button:hover{color:var(--tab-deep);background:var(--tab)}.tabs button:active{transform:translateY(1px)}.tabs button[aria-selected=true]{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--tab-deep) 88%,white),var(--tab-deep));border:1px solid var(--tab-deep);box-shadow:inset 0 1px #ffffff59,0 2px 8px color-mix(in srgb,var(--tab-deep) 35%,transparent);font-weight:700}.btn,.btn-primary,.btn-ghost,.btn-danger{--face: linear-gradient(180deg, #fffdf8 0%, #f7efe0 100%);--edge: rgba(92, 72, 46, .24);--on-press: var(--red);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 20px;border-radius:var(--radius-sm);background:var(--face);color:var(--ink);font-weight:700;font-size:.96rem;letter-spacing:.02em;border:1px solid var(--edge);box-shadow:inset 0 1px #ffffffe6,var(--lift-1),var(--lift-2);transition:transform var(--press),box-shadow var(--press),background var(--move),border-color var(--move),color var(--move);will-change:transform}.btn:hover,.btn-primary:hover,.btn-ghost:hover,.btn-danger:hover{transform:translateY(-1px);border-color:#5c482e5c;box-shadow:inset 0 1px #ffffffe6,var(--lift-2),var(--lift-3)}.btn:active,.btn-primary:active,.btn-ghost:active,.btn-danger:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #4a37221f,var(--lift-1);transition-duration:70ms}.btn-primary{--face: linear-gradient(180deg, #c05f43 0%, var(--red) 55%, var(--red-deep) 100%);--edge: var(--red-dark);color:#fff8f2;font-weight:700;border-color:var(--red-dark);box-shadow:inset 0 1px #ffffff47,var(--lift-1),var(--lift-2)}.btn-primary:hover{border-color:var(--red-dark);box-shadow:inset 0 1px #ffffff47,var(--lift-2),var(--lift-3)}.btn-primary:active{box-shadow:inset 0 2px 5px #0003,var(--lift-1)}.btn-ghost{--face: rgba(255, 253, 248, .72);--edge: rgba(92, 72, 46, .18);color:var(--ink-soft)}.btn-ghost:hover{color:var(--ink);background:#fffdf8f2}.btn-danger{--face: linear-gradient(180deg, #c96a5a 0%, #b04a3a 55%, #8f382a 100%);--edge: #7d2f22;color:#fff6f2;border-color:#7d2f22;box-shadow:inset 0 1px #ffffff42,var(--lift-1),var(--lift-2)}.btn-danger:active{box-shadow:inset 0 2px 5px #0003,var(--lift-1)}.btn:disabled{filter:grayscale(.55);opacity:.48;transform:none;box-shadow:inset 0 1px 3px #4a37221a}.btn-small{min-height:38px;padding:6px 14px;font-size:.87rem;border-radius:9px}.card{position:relative;padding:24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1),var(--lift-2)}.section{margin-top:30px}.section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-head h2{margin:0;font-size:1.24rem;display:flex;align-items:center;gap:9px}.section-head h2:before{content:"";width:4px;height:1.05em;border-radius:1px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:0 1px 3px #8c662059}.section-head p{margin:0;color:var(--muted);font-size:.89rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.deed-ideas-lead{margin:0 0 12px;color:var(--ink-soft);font-size:.92rem;line-height:1.65}.deed-idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.deed-idea-tile{display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;gap:6px;padding:12px 10px;text-align:center;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--c, var(--gold)) 35%,var(--rule-soft));background:linear-gradient(180deg,color-mix(in srgb,var(--c, var(--gold)) 12%,#fffdf8),#fffaf2);box-shadow:var(--lift-1);cursor:pointer;transition:transform var(--press),border-color var(--move)}.deed-idea-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c, var(--gold)) 55%,var(--rule-soft))}.deed-idea-seal{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(74,55,34,.18))}.deed-idea-label{font-size:.92rem;color:var(--ink)}.deed-idea-tip{font-size:.8rem;line-height:1.45;color:var(--ink-soft)}.deed-idea-count{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#2b241e0f;color:var(--muted)}.deed-idea-count.is-new{background:color-mix(in srgb,var(--c, var(--gold)) 18%,transparent);color:var(--ink)}.deed-idea-tile.is-pet{box-shadow:0 0 0 2px color-mix(in srgb,var(--c, var(--gold)) 45%,transparent),var(--lift-1)}.pet-affinity-tips{margin-top:12px;padding-top:4px;text-align:left}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--ink-soft)}.small{font-size:.87rem}.center{text-align:center}.stack{display:grid;gap:13px}.pet-frame{position:relative;display:grid;place-items:center;padding:12px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fffffff2,#fff0 52%),linear-gradient(180deg,#fffdf7 0%,var(--pet-soft, #f6e7d6) 100%);border:1px solid rgba(92,72,46,.14);box-shadow:inset 0 2px 6px #ffffffd9,inset 0 -4px 12px #4a37220d,var(--lift-1),var(--lift-2)}.pet-frame.is-square{border-radius:22px}.pet-art{display:block;filter:drop-shadow(0 3px 4px rgba(74,55,34,.16));animation:bob 5s ease-in-out infinite}.pet-photo{position:relative;display:block;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 34%,#fffffff0,#fff0 62%),linear-gradient(180deg,#fffdf7,#f5ecdd);box-shadow:var(--lift-1)}.pet-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.pet-layer-bg{filter:saturate(.82) brightness(1.05);transform:scale(1.08)}.pet-layer-pet{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 6px rgba(74,55,34,.2))}.pet-layer-tint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pet-layer-pet.is-evolved{filter:drop-shadow(0 0 10px rgba(192,125,62,.5)) drop-shadow(0 4px 6px rgba(74,55,34,.18))}.pet-layer-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pet-photo-egg{background:radial-gradient(circle at 34% 26%,#ffffffeb,#fff0 48%),#faf0dd;border-radius:50%}.pet-photo-egg .pet-layer-pet{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 7px rgba(74,55,34,.18))}.pet-photo-phoenix{background:radial-gradient(circle at 50% 45%,#fff0cdf0,#ffdea500 70%)}.pet-photo-phoenix .pet-layer-pet{object-position:center 44%;filter:drop-shadow(0 0 14px rgba(192,125,62,.6))}.twelve-contact{display:block;width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--lift-1)}.evo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.evo-card{margin:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--card);border:1px solid var(--rule-soft);box-shadow:var(--lift-1);opacity:.68;transition:opacity var(--move),border-color var(--move),box-shadow var(--move)}.evo-card.is-got{opacity:1;border-color:#b5892f73;box-shadow:var(--lift-1),var(--lift-2)}.evo-strip{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.evo-strip-btn{position:relative;display:block;width:100%;margin-top:10px;padding:0;border:1px solid color-mix(in srgb,var(--c) 22%,transparent);border-radius:12px;overflow:hidden;background:#fffdf8;box-shadow:var(--lift-1);cursor:zoom-in}.evo-strip-img{display:block;width:100%;height:auto;max-height:min(42vh,320px);object-fit:contain;object-position:center top;background:#f7f1e6}.evo-strip-hint{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:#fffdf8eb;border:1px solid rgba(92,72,46,.14);font-size:.78rem;font-weight:700;color:var(--deep)}.evo-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px;padding:10px 8px;border-radius:10px;background:linear-gradient(180deg,#ffffffb8,#ffffff5c);border:1px dashed color-mix(in srgb,var(--c) 22%,transparent)}@media(max-width:720px){.evo-track-labels{grid-template-columns:repeat(4,minmax(0,1fr))}}.evo-step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;opacity:.72;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.evo-step.is-reached{opacity:1}.evo-step.is-current .evo-step-img{box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent)}.evo-step:hover{transform:translateY(-2px)}.evo-step-img{display:block;width:100%;aspect-ratio:1 / 1;height:auto;min-height:64px;max-height:110px;object-fit:cover;object-position:center 30%;border-radius:8px;background:#f7f1e6;border:1px solid rgba(92,72,46,.08)}.evo-step-label{font-size:.68rem;line-height:1.25;text-align:center;color:var(--ink-soft);font-weight:700}.evo-step.is-reached .evo-step-label{color:var(--deep)}.coop-card{border-color:color-mix(in srgb,var(--gold, #b5892f) 26%,transparent)}.coop-goals{display:grid;gap:10px}.coop-goal{padding:12px 13px;border-radius:10px;border:1px solid var(--line);background:#fff9}.coop-goal.is-done{border-color:color-mix(in srgb,#3f9d63 40%,transparent);background:linear-gradient(180deg,#e2f5e8bf,#fff9)}.coop-goal .bar-fill{background:linear-gradient(90deg,var(--gold, #b5892f),#e2b85a)}.coop-goal.is-done .bar-fill{background:linear-gradient(90deg,#3f9d63,#7cc79a)}.evo-card figcaption{padding:10px 12px;font-size:.89rem;color:var(--ink-soft)}.role-switcher{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.role-select{width:auto;min-width:130px;padding:7px 11px;font-weight:500}.pin-card{max-width:380px}.pin-input{width:100%;text-align:center;letter-spacing:.4em;font-size:1.3rem;font-weight:500;margin-top:12px}.parent-sign{border-left:3px solid var(--gold);padding-left:14px}.parent-deed{padding:11px 13px;border-radius:var(--radius-sm);background:#fffdf8cc;border:1px solid var(--rule-soft)}.health-habits{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.health-habit{--tile: #ffe8df;--tile-deep: #e85a4f;display:grid;gap:4px;justify-items:start;text-align:left;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb,var(--tile-deep) 42%,white);background:linear-gradient(165deg,#fff 0%,var(--tile) 100%);box-shadow:var(--lift-1);cursor:pointer;transition:transform var(--press),border-color var(--move),background var(--move),box-shadow var(--move)}.health-habit:nth-child(11n+1){--tile: #ffe3df;--tile-deep: #e85a4f}.health-habit:nth-child(11n+2){--tile: #ffe8c8;--tile-deep: #f08a2e}.health-habit:nth-child(11n+3){--tile: #fff3c8;--tile-deep: #e0a820}.health-habit:nth-child(11n+4){--tile: #d8f5e4;--tile-deep: #3faf6e}.health-habit:nth-child(11n+5){--tile: #d4f6f3;--tile-deep: #2db8b0}.health-habit:nth-child(11n+6){--tile: #d9ecfb;--tile-deep: #3d8fd4}.health-habit:nth-child(11n+7){--tile: #e8e4ff;--tile-deep: #7b6fd6}.health-habit:nth-child(11n+8){--tile: #ffe0ef;--tile-deep: #ef6ea8}.health-habit:nth-child(11n+9){--tile: #e4f7d8;--tile-deep: #6aab3d}.health-habit:nth-child(11n+10){--tile: #ffe6d4;--tile-deep: #d46f14}.health-habit:nth-child(11n+11){--tile: #dff4ff;--tile-deep: #2a6fad}.health-habit:hover:not(:disabled){transform:translateY(-2px);border-color:var(--tile-deep);box-shadow:0 4px 12px color-mix(in srgb,var(--tile-deep) 28%,transparent)}.health-habit:disabled{opacity:.72;cursor:default}.health-habit.is-done{background:linear-gradient(165deg,#fff,color-mix(in srgb,var(--tile) 70%,#b8f0c8));border-color:color-mix(in srgb,var(--tile-deep) 55%,var(--green-deep));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--green) 35%,transparent)}.health-habit strong{font-size:.95rem;color:color-mix(in srgb,var(--tile-deep) 72%,var(--ink))}.coverage{display:grid;gap:9px}.coverage-row{display:grid;grid-template-columns:6.5em 1fr 2.4em;align-items:center;gap:12px}.coverage-label{font-weight:700;font-size:.89rem;color:var(--c, var(--ink))}.coverage-bar{height:11px;border-radius:999px;background:#5c482e14;overflow:hidden;box-shadow:inset 0 1px 2px #4a37221a}.coverage-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--c, #c07d3e) 78%,#fff) 0%,var(--c, #c07d3e) 100%);transition:width .5s var(--move)}.coverage-num{font-weight:700;text-align:right;font-size:.89rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.alert-card{text-align:left;cursor:pointer;border-left:3px solid var(--red);transition:transform var(--press),box-shadow var(--press)}.alert-card:hover{transform:translateY(-2px);box-shadow:var(--lift-2),var(--lift-3)}.pet-art.is-silhouette{filter:none;opacity:.75}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.phoenix-art{filter:drop-shadow(0 0 12px rgba(192,125,62,.65));animation:bob 4.4s ease-in-out infinite}.stamp{--stamp-color: var(--red);--stamp-edge: var(--red-dark);position:relative;display:grid;place-items:center;width:106px;height:106px;border-radius:50%;color:#fff;background:radial-gradient(circle at 34% 26%,#fff6,#fff0 52%),linear-gradient(158deg,color-mix(in srgb,var(--stamp-color) 82%,white) 0%,var(--stamp-color) 56%,var(--stamp-edge) 100%);border:1px solid var(--stamp-edge);box-shadow:inset 0 2px 5px #ffffff61,inset 0 -4px 9px #0003,0 5px 0 var(--stamp-edge),var(--lift-2);transition:transform var(--press),box-shadow var(--press)}.stamp:after{content:"";position:absolute;inset:9px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.48);pointer-events:none}.stamp-img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;pointer-events:none;mix-blend-mode:multiply;filter:contrast(1.06) saturate(1.05);background:color-mix(in srgb,var(--stamp-color) 18%,#fffaf3)}.value-grid .stamp{margin-bottom:18px}.stamp-label{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#fffdf8f0;border:1px solid color-mix(in srgb,var(--stamp-edge) 55%,transparent);font-family:var(--font-serif);font-weight:700;font-size:.9rem;color:var(--stamp-edge);text-shadow:none;text-align:center;line-height:1.2;white-space:nowrap;box-shadow:0 3px 8px #4a37223d}.stamp-xp{font-family:var(--font-sans);font-size:.78rem;font-weight:800;color:color-mix(in srgb,var(--stamp-edge) 82%,#000)}.stamp-sub{position:absolute;left:50%;bottom:-24px;transform:translate(-50%);z-index:2;display:flex;gap:6px;font-size:.68rem;font-weight:700;color:color-mix(in srgb,var(--ink) 72%,transparent);white-space:nowrap}.stamp:hover{transform:translateY(-2px) rotate(-3deg);box-shadow:inset 0 2px 5px #ffffff61,inset 0 -4px 9px #0003,0 7px 0 var(--stamp-edge),var(--lift-3)}.stamp:active{transform:translateY(4px) scale(.98);box-shadow:inset 0 3px 8px #00000047,0 2px 0 var(--stamp-edge),var(--lift-1);transition-duration:70ms}.stamp:disabled{filter:grayscale(.7);opacity:.42}@keyframes stampIn{0%{transform:rotate(-22deg) scale(1.5);opacity:0}55%{opacity:1}to{transform:rotate(-6deg) scale(1);opacity:1}}.stamp.is-landing{animation:stampIn .42s cubic-bezier(.2,1.3,.4,1)}.values-comic-mini{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;width:100%;margin-bottom:4px;padding:10px 12px;border:1px solid rgba(140,98,52,.16);border-radius:14px;background:linear-gradient(180deg,#fffdf8,#f3e6d2);cursor:zoom-in;text-align:left;color:#5a4330}.values-comic-mini-img{width:88px;height:64px;object-fit:cover;border-radius:10px}.values-comic-mini-hint{font-size:.85rem;font-weight:700}.value-band-switch{margin-bottom:4px}.value-btn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(min-width:720px){.value-btn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.value-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border:1px solid color-mix(in srgb,var(--c) 35%,#c4a882);border-radius:16px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--soft) 90%,#fff),transparent 70%),#fffdf8;color:var(--deep);cursor:pointer;box-shadow:var(--lift-1);transition:transform .15s ease,box-shadow .15s ease}.value-btn:hover,.value-btn:focus-visible{transform:translateY(-2px);box-shadow:var(--lift-2);outline:none}.value-btn.is-focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent),var(--lift-1)}.value-btn.is-done{border-color:color-mix(in srgb,var(--c) 55%,#3caf78)}.value-btn-egg{width:108px;height:120px;object-fit:contain;background:transparent}.value-btn-name{font-size:.95rem;font-weight:800;line-height:1.2}.value-btn-pet{font-size:.72rem;opacity:.75}.value-btn-progress{margin-top:2px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--soft) 80%,#fff)}.value-hub-head{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center;margin-bottom:14px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--soft) 70%,#fffdf8);border:1px solid color-mix(in srgb,var(--c) 25%,#c4a882)}.value-hub-egg{width:132px;height:148px;object-fit:contain;background:transparent}.value-hub-title{margin:0;font-size:1.35rem;color:var(--deep)}.value-hub-pet,.value-hub-line{margin:4px 0 0;color:#5a4330}.value-hub-section{margin:0 0 8px;font-size:1rem}.value-task-list{display:grid;gap:10px}.value-task-card{display:grid;gap:8px;padding:12px;border-radius:14px;background:#fffdf8;border:1px solid rgba(140,98,52,.16)}.value-task-card.is-done{background:#f3faf4;border-color:#3caf7859}.value-task-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;cursor:pointer}.value-task-check input{margin-top:4px;width:1.15rem;height:1.15rem}.value-task-label{display:block;font-size:.95rem}.value-task-stamp-mark{display:inline-flex;width:1.15rem;height:1.15rem;margin-top:2px;align-items:center;justify-content:center;font-size:.95rem;line-height:1}.value-task-stamp-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:calc(1.15rem + 10px)}.value-hub-stamp{width:min(148px,100%);min-height:148px}.value-task-do{display:block;margin-top:4px;font-size:.85rem;line-height:1.45;color:#5a4330}.values-comic-intro{margin-bottom:16px;padding:16px 16px 14px;background:radial-gradient(ellipse at 20% 0%,rgba(255,248,230,.95),transparent 55%),linear-gradient(180deg,#fffdf8,#f3e6d2);border:1px solid rgba(140,98,52,.18)}.values-comic-poster{position:relative;display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:#efe2cf;box-shadow:inset 0 0 0 1px #5c482e1f,var(--lift-1);transition:transform .18s ease,box-shadow .18s ease}.values-comic-poster:hover,.values-comic-poster:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #5c482e2e,var(--lift-2);outline:none}.values-comic-img{display:block;width:100%;height:auto}.values-comic-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}.values-comic-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;border-radius:12px;background:#fffdf8e0;border:1px solid rgba(140,98,52,.14);color:#5a4330;text-align:center}.values-comic-thumb{width:64px;height:72px;object-fit:contain;border-radius:12px;background:#f6efe1}.values-comic-meta{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.values-comic-label{font-size:.8rem;font-weight:700;line-height:1.2}.values-comic-num{flex:0 0 auto;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:#8c6234;color:#fffdf8;font-size:.68rem;font-weight:800}@media(max-width:720px){.values-comic-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.values-comic-intro{padding:12px}.values-comic-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.values-comic-chip{font-size:.78rem}}.value-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:16px}.value-card{--c: var(--orange);--soft: #f6e7d6;--deep: #9a5f28;position:relative;display:grid;grid-template-columns:62px 1fr;gap:13px;align-items:start;padding:15px;text-align:left;border-radius:var(--radius);background:linear-gradient(170deg,color-mix(in srgb,var(--soft) 58%,#fffdf8) 0%,var(--soft) 100%);border:1px solid color-mix(in srgb,var(--c) 26%,transparent);box-shadow:inset 0 1px #fffc,var(--lift-1),var(--lift-2);transition:transform var(--press),box-shadow var(--press),border-color var(--move)}.value-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 44%,transparent);box-shadow:inset 0 1px #fffc,var(--lift-2),var(--lift-3)}.value-card:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #4a37221f,var(--lift-1);transition-duration:70ms}.value-card.is-collected{border-color:color-mix(in srgb,var(--c) 58%,transparent);box-shadow:inset 0 1px #ffffffd9,0 0 0 3px color-mix(in srgb,var(--c) 14%,transparent),var(--lift-2)}.value-card.is-focus{outline:2px solid var(--gold);outline-offset:2px}.value-name{margin:0;font-family:var(--font-serif);font-size:1.08rem;font-weight:700;color:var(--deep);letter-spacing:.03em}.value-chart{display:block;width:100%;max-width:240px;height:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 22%,transparent);background:#fffdf8;box-shadow:0 6px 14px #4a372229;object-fit:cover}.value-animal{margin:3px 0 0;font-size:.84rem;font-weight:500;color:color-mix(in srgb,var(--deep) 76%,var(--ink))}.value-line{margin:8px 0 0;font-size:.92rem;line-height:1.7;color:color-mix(in srgb,var(--ink) 86%,var(--deep))}.value-examples{margin:8px 0 0;padding:0;list-style:none;font-size:.87rem;line-height:1.7}.value-examples li{position:relative;padding-left:17px;margin-bottom:3px;color:color-mix(in srgb,var(--ink) 78%,var(--deep))}.value-examples li:before{content:"✦";position:absolute;left:0;top:0;font-size:.72rem;color:var(--c)}.value-card-wrap{display:flex;flex-direction:column;gap:0}.value-card-wrap.is-open{grid-column:1 / -1}.value-card-wrap .value-card{width:100%}.value-card-wrap.is-open .value-card{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:color-mix(in srgb,var(--c) 52%,transparent);box-shadow:inset 0 1px #ffffffd9,0 0 0 3px color-mix(in srgb,var(--c) 12%,transparent),var(--lift-2)}.value-more{display:inline-block;margin-top:9px;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--deep) 78%,var(--ink));opacity:.72}.value-card:hover .value-more{opacity:1}.value-detail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px 20px;align-items:start;padding:16px 15px 18px;border:1px solid color-mix(in srgb,var(--c) 34%,transparent);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 42%,#fffdf8),#fffdf8);box-shadow:var(--lift-1);animation:valueDetailIn .26s cubic-bezier(.22,1.2,.4,1) both}@keyframes valueDetailIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.value-detail-block{min-width:0}.value-detail-block+.value-detail-block{margin-top:0;padding-top:0;border-top:none}.value-detail-block:has(.value-examples),.value-detail-block:has(.value-story){grid-column:span 1}.value-detail-action{grid-column:1 / -1;padding-top:14px!important;border-top:1px dashed color-mix(in srgb,var(--c) 28%,transparent)!important}.value-detail-title{margin:0;font-family:var(--font-serif);font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--deep)}.value-detail-text{margin:8px 0 0;font-size:.93rem;line-height:1.75;color:color-mix(in srgb,var(--ink) 86%,var(--deep))}.value-detail .evo-strip{margin-top:10px;border-radius:10px}.value-story{margin-top:8px;padding:12px;border-radius:10px;background:#ffffffb3;border:1px solid color-mix(in srgb,var(--c) 18%,transparent)}.value-story .story-frame{margin-bottom:10px}.egg-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:16px;border-radius:var(--radius);background:linear-gradient(170deg,color-mix(in srgb,var(--gold) 12%,#fffdf8),#fffdf8);border:1px solid rgba(181,137,47,.28);box-shadow:inset 0 1px #ffffffd9,var(--lift-1)}.egg-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 9px;border-radius:12px;background:#ffffff8c;border:1px solid color-mix(in srgb,var(--c) 22%,transparent);cursor:pointer;transition:transform var(--press),box-shadow var(--press),border-color var(--move),background var(--move)}.egg-cell:hover{transform:translateY(-3px);background:#fff;border-color:color-mix(in srgb,var(--c) 46%,transparent);box-shadow:var(--lift-1),var(--lift-2)}.egg-cell:active{transform:translateY(1px) scale(.97);box-shadow:var(--lift-1);transition-duration:70ms}.egg-cell.is-focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent),var(--lift-1)}.egg-name{font-size:.72rem;font-weight:700;letter-spacing:.03em;color:color-mix(in srgb,var(--deep) 82%,var(--ink));text-align:center;line-height:1.25}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.05em;background:color-mix(in srgb,var(--c) 88%,#fff);color:#fff;box-shadow:inset 0 1px #ffffff59}.badge-focus{background:linear-gradient(180deg,#e0bc6a,var(--gold));color:#4d3708;box-shadow:inset 0 1px #ffffff80}.bar{position:relative;height:12px;border-radius:999px;background:#5c482e1a;overflow:hidden;box-shadow:inset 0 1px 2px #4a37221f}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--bar, var(--orange)) 72%,#fff) 0%,var(--bar, var(--orange)) 100%);transition:width .7s cubic-bezier(.22,1.2,.36,1)}.bar-hp{--bar: var(--green)}.bar-xp{--bar: var(--orange)}.seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:11px}.seat-wrap{position:relative}.seat-photo{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--rule-soft);background:#fffdf8;box-shadow:0 2px 6px #4a37222e}.seat-photo-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:#fffdf8f0;color:var(--ink);font-size:.78rem;line-height:1;cursor:pointer;box-shadow:0 2px 5px #4a372233;transition:transform var(--press),background var(--press)}.seat-photo-btn:hover{transform:scale(1.12);background:#fff}.seat-photo-btn.has-photo{border-color:color-mix(in srgb,var(--green) 60%,transparent);color:var(--green);font-weight:800}.student-photo{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--rule-soft);background:#fffdf8;box-shadow:0 3px 8px #4a372233}.student-photo.is-pet{display:grid;place-items:center;overflow:hidden}.seat{--seat-color: var(--orange);position:relative;display:grid;gap:5px;justify-items:center;padding:12px 8px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1);transition:transform var(--press),box-shadow var(--press),border-color var(--move)}.seat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--seat-color) 40%,transparent);box-shadow:var(--lift-1),var(--lift-2)}.seat:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #4a37221f;transition-duration:70ms}.seat.is-current{border-color:color-mix(in srgb,var(--red) 55%,transparent);background:linear-gradient(180deg,#fffdf8 0%,var(--red-soft) 100%);box-shadow:inset 0 1px #ffffffe6,0 0 0 3px color-mix(in srgb,var(--red) 14%,transparent),var(--lift-2)}.seat-name{font-weight:700;font-size:.93rem}.seat-meta{font-size:.77rem;color:var(--muted);font-weight:500}.seat-flag{position:absolute;top:-7px;right:-5px;padding:1px 8px;border-radius:999px;font-size:.67rem;font-weight:700;color:#f4faf0;background:var(--green-deep);box-shadow:inset 0 1px #ffffff4d}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:13px}.stat{padding:15px 16px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1)}.stat-value{font-family:var(--font-serif);font-size:1.68rem;font-weight:700;line-height:1.25;color:var(--red-deep);font-variant-numeric:tabular-nums}.stat-label{font-size:.81rem;color:var(--muted);letter-spacing:.02em}.home-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.domain-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 14px}.domain-step{display:grid;gap:2px;justify-items:center;text-align:center;padding:10px 6px;border-radius:12px;background:color-mix(in srgb,var(--soft) 70%,#fffdf8);border:1px solid color-mix(in srgb,var(--c) 22%,transparent);color:#5a4330}.domain-step.is-today{border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:inset 0 1px #ffffffd9,var(--lift-1)}.domain-step-num{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--c);color:#fffdf8;font-size:.7rem;font-weight:800}.domain-step strong{font-size:.82rem}.daily-mission-card{margin-bottom:4px}.daily-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.daily-mission-tile{display:grid;gap:4px;padding:12px 14px;text-align:left;border-radius:14px;border:1px solid color-mix(in srgb,var(--c) 24%,transparent);background:linear-gradient(170deg,#fffdf8,color-mix(in srgb,var(--soft) 75%,#fff));color:inherit;font:inherit;cursor:pointer;box-shadow:var(--lift-1)}.daily-mission-tile.is-done{opacity:.82;border-color:#6a8b5e73}.daily-mission-tile.is-staff{cursor:default}.daily-mission-tile.is-staff:hover,.daily-mission-tile.is-staff:focus-visible{transform:none}.mission-log{max-height:7.5rem;overflow:auto;border-top:1px dashed rgba(140,98,52,.2);padding-top:6px}.daily-mission-tile:hover,.daily-mission-tile:focus-visible{transform:translateY(-1px);outline:none}@media(max-width:720px){.domain-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.domain-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-pet-hero{margin-bottom:14px;text-align:center}.home-pet-art{display:grid;place-items:center;cursor:pointer}.home-pet-art .pet-frame{width:min(240px,70vw)}.home-pet-kids{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:8px}.home-pet-kid{display:grid;justify-items:center;gap:6px;padding:14px 10px;border-radius:var(--radius-sm);border:1px solid var(--rule-soft);background:linear-gradient(180deg,#fffdf8,#f6eddc);box-shadow:var(--lift-1);cursor:pointer;color:inherit;font:inherit}.home-pet-kid:hover,.home-pet-kid:focus-visible{border-color:#b5892f8c;transform:translateY(-1px);outline:none}.hand-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}@media(max-width:640px){.hand-pair{grid-template-columns:1fr}}.hand-meet-row{padding:10px 12px;border-radius:12px;border:1px solid var(--rule-soft);background:#fffdf8d9}.hand-meet-row.is-pending{border-color:#4aa3d873;background:#e8f4fca6}.hand-meet-row.is-past{opacity:.78}.home-entry{--tile: #ffe3df;--tile-deep: #e85a4f;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb,var(--tile-deep) 38%,white);background:linear-gradient(165deg,#fff 0%,var(--tile) 100%);box-shadow:inset 0 1px #ffffffe6,var(--lift-1);cursor:pointer;color:inherit;font:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.home-entry:nth-child(8n+1){--tile: #ffe3df;--tile-deep: #e85a4f}.home-entry:nth-child(8n+2){--tile: #ffe8c8;--tile-deep: #f08a2e}.home-entry:nth-child(8n+3){--tile: #fff3c8;--tile-deep: #e0a820}.home-entry:nth-child(8n+4){--tile: #d8f5e4;--tile-deep: #3faf6e}.home-entry:nth-child(8n+5){--tile: #d4f6f3;--tile-deep: #2db8b0}.home-entry:nth-child(8n+6){--tile: #d9ecfb;--tile-deep: #3d8fd4}.home-entry:nth-child(8n+7){--tile: #e8e4ff;--tile-deep: #7b6fd6}.home-entry:nth-child(8n+8){--tile: #ffe0ef;--tile-deep: #ef6ea8}.home-entry:hover,.home-entry:focus-visible{transform:translateY(-2px);border-color:var(--tile-deep);box-shadow:inset 0 1px #ffffffe6,0 4px 14px color-mix(in srgb,var(--tile-deep) 28%,transparent);outline:none}.home-entry-icon{font-size:1.45rem;line-height:1.2;flex-shrink:0}.home-entry-body{display:flex;flex-direction:column;gap:2px;min-width:0}.home-entry-body strong{font-size:.98rem}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.02em;background:color-mix(in srgb,var(--c, #8d8273) 12%,transparent);color:color-mix(in srgb,var(--c, #6b6154) 82%,#33302b);border:1px solid color-mix(in srgb,var(--c, #8d8273) 26%,transparent)}.tag-gold{background:var(--gold-soft);color:var(--gold-deep);border-color:#b5892f66}.tag-green{background:var(--green-soft);color:var(--green-deep);border-color:#6a8b5e66}.tag-red{background:var(--red-soft);color:var(--red-deep);border-color:#b1543a66}.tag-blue{background:var(--blue-soft);color:var(--blue-deep);border-color:#5b7d9666}@keyframes popIn{0%{transform:scale(.92);opacity:0}62%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.is-pop{animation:popIn .42s cubic-bezier(.22,1.4,.4,1)}@keyframes prizeIn{0%{opacity:0;transform:translateY(18px) scale(.86) rotate(-6deg)}70%{opacity:1}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{animation:panelIn .32s ease both}#fx-layer{position:fixed;inset:0;pointer-events:none;z-index:900}.fx-particle{position:fixed;border-radius:3px;opacity:0;animation:fxFly var(--dur) cubic-bezier(.16,.8,.3,1) var(--delay) both}@keyframes fxFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(calc(var(--rot) * .3))}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.55) rotate(var(--rot))}}.fx-glow{position:fixed;left:50%;top:50%;width:40vmax;height:40vmax;margin:-20vmax 0 0 -20vmax;border-radius:50%;background:radial-gradient(circle,#c07d3e5c,#c07d3e00 68%);animation:glowPulse 1.3s ease-out both}@keyframes glowPulse{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.5)}}.fx-banner{position:fixed;left:50%;top:27%;display:grid;justify-items:center;gap:6px;padding:22px 36px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid rgba(181,137,47,.5);box-shadow:inset 0 1px #ffffffe6,var(--lift-3),var(--lift-4);transform:translate(-50%,-50%);animation:bannerIn .46s cubic-bezier(.22,1.5,.4,1) both;text-align:center;max-width:min(90vw,460px)}.fx-banner.tone-gold{border-color:var(--gold);box-shadow:inset 0 1px #ffffffe6,0 0 40px #b5892f52,var(--lift-4)}.fx-banner.tone-cool{border-color:var(--blue);box-shadow:inset 0 1px #ffffffe6,var(--lift-4)}.fx-banner.is-out{animation:bannerOut .42s ease-in both}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-120%) scale(.82)}}.fx-banner-art{display:grid;place-items:center;width:96px;height:96px;margin-bottom:4px;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#f3e6d2);border:1px solid rgba(140,98,52,.18);box-shadow:inset 0 1px #ffffffd9}.fx-banner-art svg{width:88px;height:88px}.fx-banner.has-art{padding-top:18px}.fx-banner-icon{font-size:1.9rem;line-height:1;color:var(--orange)}.tone-gold .fx-banner-icon{color:var(--gold)}.tone-cool .fx-banner-icon{color:var(--blue)}.fx-banner-title{font-family:var(--font-serif);font-size:1.32rem;font-weight:700;color:var(--ink)}.fx-banner-detail{font-size:.94rem;color:var(--ink-soft)}.toasts{position:fixed;left:50%;top:18px;bottom:auto;z-index:950;display:grid;gap:8px;transform:translate(-50%);pointer-events:none;width:min(92vw,420px)}.toast{padding:12px 18px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule);box-shadow:var(--lift-2);font-weight:500;font-size:.94rem;text-align:center;animation:toastIn .28s cubic-bezier(.22,1.4,.4,1) both}.toast.is-good{border-color:#6a8b5e8c;box-shadow:var(--lift-2)}.toast.is-warn{border-color:#b5892f8c;box-shadow:var(--lift-2)}.toast.is-bad{border-color:#b1543a8c;box-shadow:var(--lift-2)}.toast.is-out{animation:toastOut .26s ease-in both}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.input,.textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--rule);box-shadow:inset 0 1px 3px #4a372212;transition:border-color var(--move),box-shadow var(--move),background var(--move)}.input:focus,.textarea:focus{outline:none;background:#fffefb;border-color:#5b7d96b3;box-shadow:inset 0 1px 3px #4a37220d,0 0 0 3px #5b7d9629}.textarea{min-height:92px;resize:vertical;line-height:1.7}.voice-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.voice-field-inline{align-items:center}.voice-btn{white-space:nowrap;min-height:44px;align-self:stretch}.health-banner{display:block;width:100%;max-height:140px;object-fit:cover;border-radius:var(--radius-sm);margin:0 0 12px;border:1px solid color-mix(in srgb,var(--blue) 25%,white);box-shadow:var(--lift-1)}@media(max-width:520px){.voice-field{grid-template-columns:1fr}.voice-btn{width:100%}}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.story{display:grid;gap:11px;padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1),var(--lift-2)}.story.is-done,.story.is-read{border-color:#6a8b5e80}.story-beat{font-family:var(--font-serif);font-size:1.02rem;font-weight:700;color:var(--ink)}.story-say{font-size:.93rem;color:var(--ink-soft);line-height:1.8}.story-do{padding:11px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--orange) 9%,var(--card));border-left:3px solid var(--orange);font-size:.9rem;font-weight:500}.story-progress{padding:16px 18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1),var(--lift-2)}.story-today{border-color:#c07d3e8c;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px color-mix(in srgb,var(--orange) 14%,transparent),var(--lift-1),var(--lift-2)}.story-frame{position:relative;aspect-ratio:16 / 7;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(180deg,#e4eef6,#f8f1e6);box-shadow:inset 0 2px 5px #4a37221f,0 1px #fff9}.story-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.story-frame+.story-beat{margin-top:0}.story-layered{position:absolute;inset:0;overflow:hidden}.story-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(1.03)}.story-glow{position:absolute;inset:0;pointer-events:none}.story-stage{position:absolute;inset:0}.story-actor{position:absolute;width:auto;height:auto;transform-origin:center bottom;pointer-events:none}.story-prop{position:absolute;height:auto;transform-origin:center;filter:drop-shadow(0 4px 8px rgba(74,55,34,.24));pointer-events:none}.story-reflect-box{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--card-2) 88%,var(--orange) 12%);border:1px solid var(--rule-soft)}.story-reflect-row{padding:12px 14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--rule-soft)}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;justify-items:center;padding:14px 10px;border-radius:var(--radius-sm);background:#fffdf899;border:1px solid var(--rule-soft)}.collect-tile{display:grid;gap:6px;justify-items:center;padding:12px 8px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--rule-soft);box-shadow:inset 0 1px #ffffffe6,var(--lift-1);transition:transform var(--press),box-shadow var(--press),border-color var(--move)}.collect-tile.is-locked{filter:grayscale(.85);opacity:.55}.collect-tile.is-got{border-color:#b5892f8c;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #b5892f2e,var(--lift-1)}button.collect-tile{cursor:pointer;font:inherit;color:inherit;text-align:center}button.collect-tile:hover{transform:translateY(-2px);border-color:var(--gold)}.collect-tile:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #4a372224}.collect-name{font-size:.81rem;font-weight:700;text-align:center}.collect-count{font-size:.74rem;color:var(--muted);font-weight:500}.tour-backdrop{position:fixed;inset:0;z-index:970;background:#2c221880;backdrop-filter:blur(3px);animation:fadeIn .26s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tour-card{position:fixed;z-index:980;left:50%;bottom:28px;width:min(92vw,520px);padding:24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid rgba(181,137,47,.5);box-shadow:inset 0 1px #ffffffe6,var(--lift-3),var(--lift-4);transform:translate(-50%);animation:bannerIn .38s cubic-bezier(.22,1.5,.4,1) both}.tour-dots{display:flex;gap:7px;margin-bottom:14px}.tour-dots i{width:7px;height:7px;border-radius:50%;background:#5c482e33;transition:background var(--move),transform var(--move)}.tour-dots i.on{background:var(--red);transform:scale(1.3)}.tour-step{font-size:.76rem;font-weight:700;color:var(--red);letter-spacing:.1em}.tour-title{margin:5px 0 8px;font-family:var(--font-serif);font-size:1.24rem;font-weight:700}.tour-text{margin:0 0 16px;color:var(--ink-soft);font-size:.96rem;line-height:1.8}.tour-actions{display:flex;gap:10px;align-items:center}.tour-key{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#b5892f1c;border:1px solid rgba(181,137,47,.22);font-size:.83rem;font-weight:500;color:var(--gold-deep)}body.projector{font-size:20px}body.projector .value-line,body.projector .value-examples,body.projector .story-say{font-size:1.02em}body.projector .shell,body.projector .topbar,body.projector .tabs{max-width:1500px}body.projector .pet-art{filter:drop-shadow(0 4px 5px rgba(74,55,34,.2))}.foot{max-width:1180px;margin:34px auto 0;padding:20px 22px;border-radius:var(--radius);background:#fffdf899;border:1px solid var(--rule-soft);font-size:.85rem;color:var(--muted);line-height:1.8}.foot a{color:var(--red);font-weight:500}.layout-switch{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:#fffdf8b8;border:1px solid var(--rule-soft)}.layout-switch-label{font-size:.78rem;font-weight:700;color:var(--muted);padding:0 6px;letter-spacing:.04em}.layout-switch .btn{min-height:34px;padding:4px 10px;font-size:.82rem}body.layout-phone .shell,body.layout-phone .topbar,body.layout-phone .tabs,body.layout-phone .foot{max-width:430px}body.layout-phone{font-size:16px}body.layout-phone .shell{padding:0 11px 80px}body.layout-phone .topbar{margin:8px auto 6px;padding:10px 12px 12px;gap:8px}body.layout-phone .brand{min-width:0;width:100%;gap:10px}body.layout-phone .brand-crest{width:52px;height:52px}body.layout-phone .brand-school,body.layout-phone .brand strong{font-size:1.2rem}body.layout-phone .brand-program{font-size:1.02rem}body.layout-phone .brand small{font-size:.78rem}body.layout-phone .layout-switch{display:none}body.layout-phone .grid-2,body.layout-phone .pet-society,body.layout-phone .story-grid,body.layout-phone .value-grid{grid-template-columns:1fr}body.layout-phone .value-grid{grid-template-columns:1fr 1fr;gap:11px}body.layout-phone .tabs{gap:2px;padding:3px 4px}body.layout-phone .tabs button{padding:8px 12px;font-size:.88rem}body.layout-phone .card{padding:18px 16px}body.layout-tablet .shell,body.layout-tablet .topbar,body.layout-tablet .tabs,body.layout-tablet .foot{max-width:834px}body.layout-tablet{font-size:17px}body.layout-tablet .shell{padding:0 18px 88px}body.layout-tablet .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}body.layout-tablet .pet-society{grid-template-columns:1fr}body.layout-tablet .value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.layout-tablet .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.layout-desktop .shell,body.layout-desktop .topbar,body.layout-desktop .tabs,body.layout-desktop .foot{max-width:1180px}body.layout-desktop{font-size:17px}body.layout-desktop .pet-society{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}body.layout-desktop .value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.layout-desktop .story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.layout-desktop .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:620px){body:not(.layout-tablet):not(.layout-desktop){font-size:16px}body:not(.layout-tablet):not(.layout-desktop) .shell{padding:0 11px 80px}body:not(.layout-tablet):not(.layout-desktop) .topbar{margin:8px auto 6px;padding:10px 12px 12px;gap:8px}body:not(.layout-tablet):not(.layout-desktop) .brand-crest{width:44px;height:44px}body:not(.layout-tablet):not(.layout-desktop) .brand strong{font-size:.95rem}body:not(.layout-tablet):not(.layout-desktop) .layout-switch{display:none}body:not(.layout-tablet):not(.layout-desktop) .tabs{gap:2px;padding:3px 4px}body:not(.layout-tablet):not(.layout-desktop) .tabs button{padding:8px 12px;font-size:.86rem}body:not(.layout-tablet):not(.layout-desktop) .card{padding:18px 16px}body:not(.layout-tablet):not(.layout-desktop) .value-grid{grid-template-columns:1fr 1fr;gap:11px}.value-card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:9px}.value-examples{text-align:left}.stamp{width:86px;height:86px}.stamp-label{font-size:.9rem}.seats{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pet-art,.phoenix-art{animation:none}}.pl-backdrop{position:fixed;inset:0;z-index:990;background:radial-gradient(120% 100% at 50% 0%,#2e2116b8,#160f0ae6);backdrop-filter:blur(4px);animation:fadeIn .3s ease both}.pl-card{position:fixed;z-index:995;left:50%;top:50%;width:min(94vw,660px);max-height:92vh;overflow-y:auto;padding:30px 28px 24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffdf7 0%,var(--card-2) 100%);border:1px solid rgba(181,137,47,.55);box-shadow:inset 0 1px #ffffffe6,0 0 0 5px #fffdf859,var(--lift-4);transform:translate(-50%,-50%);animation:plCardIn .42s cubic-bezier(.22,1.4,.4,1) both}@keyframes plCardIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pl-card.tone-night{background:linear-gradient(180deg,#2b2740,#3a3252);border-color:#b5892f8c;color:#f2ecf8}.pl-card.tone-night .pl-step{color:var(--gold)}.pl-card.tone-night .pl-say{color:#f2ecf8}.pl-card.tone-night .pl-title{color:#fdf9ff}.pl-card.tone-night .pl-dots i{background:#ffffff38}.pl-card.tone-night .pl-dots i.on{background:var(--gold)}.pl-card.tone-night .btn-ghost{--face: rgba(255, 255, 255, .14);--edge: rgba(255, 255, 255, .26);color:#f2ecf8}.pl-card.tone-dusk{background:linear-gradient(180deg,#fff4e6,#f0d4b0 55%,#e8c49a);border-color:#b06e3a8c;color:var(--ink)}.pl-card.tone-dusk .pl-step{color:#9a5f28}.pl-card.tone-dusk .pl-title{color:#6f3a1e}.pl-card.tone-dusk .pl-say{color:#5a4030}.pl-card.tone-dusk .pl-dots i.on{background:#c07d3e}.pl-card.tone-dawn{background:linear-gradient(180deg,#fff7e8,#f7e4ca);border-color:#c07d3e80}.pl-card.tone-warm{background:linear-gradient(180deg,#fffbf3,#f7ebd4);border-color:#b5892f99}.pl-dots{display:flex;gap:8px;margin-bottom:12px}.pl-dots i{width:8px;height:8px;border-radius:50%;background:#5c482e2e;transition:background var(--move),transform var(--move)}.pl-dots i.on{background:var(--red);transform:scale(1.3)}.pl-step{font-size:.76rem;font-weight:700;letter-spacing:.12em;color:var(--red)}.pl-art{display:grid;place-items:center;min-height:180px;margin:10px 0 16px;width:100%}.pl-art.art-animals,.pl-art.art-eggs,.pl-art.art-stage6{min-height:0;width:100%}.pl-stage-merge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;width:100%;max-width:920px;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;border:1px solid rgba(140,98,52,.22);box-shadow:var(--lift-2);background:#fff8ee}.pl-stage-merge-cell{position:relative;overflow:hidden;background:color-mix(in srgb,var(--c, #c07d3e) 14%,#fffdf8)}.pl-stage-merge-cell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.pl-stage-merge.is-egg .pl-stage-merge-cell{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--c, #c07d3e) 22%,#fff) 0%,transparent 62%),color-mix(in srgb,var(--c, #c07d3e) 10%,#fff8ee)}.pl-stage-merge.is-egg .pl-stage-merge-cell img{object-fit:contain;object-position:center;padding:6%;box-sizing:border-box}.pl-stage-merge.is-stage .pl-stage-merge-cell img{object-position:center 28%;transform:scale(1.08)}.pl-card:has(.pl-stage-merge){width:min(96vw,820px)}@media(max-width:520px){.pl-stage-merge{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));aspect-ratio:3 / 4}}.pl-meadow{position:relative;width:min(100%,calc(min(48vh,400px) * 960 / 560));max-width:920px;aspect-ratio:960 / 560;height:auto;margin-inline:auto;border-radius:18px;overflow:hidden;border:1px solid rgba(140,98,52,.22);box-shadow:var(--lift-2);background:#cfe9a8}.pl-meadow-bg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.pl-meadow-item{position:absolute;aspect-ratio:1 / 1;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(50,35,15,.28))}.pl-meadow-shadow{position:absolute;left:18%;right:18%;bottom:4%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,55,20,.35),transparent 70%);pointer-events:none}.pl-meadow-item img{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.pl-meadow-pet img{object-fit:cover;object-position:center 30%;height:112%;transform:translateY(-6%);border-radius:42%}.pl-card:has(.pl-meadow){width:min(96vw,780px);display:flex;flex-direction:column}.pl-card:has(.pl-meadow) .pl-art{flex:0 1 auto;margin-bottom:10px}.pl-card:has(.pl-meadow) .pl-title{text-align:center;margin-top:4px;flex:0 0 auto}.pl-card:has(.pl-meadow) .pl-actions{flex:0 0 auto;margin-top:14px}.pl-img{max-width:100%;max-height:240px;border-radius:var(--radius-sm);object-fit:contain;filter:drop-shadow(0 10px 18px rgba(74,55,34,.24))}.pl-img.is-phoenix{max-height:260px;filter:drop-shadow(0 0 26px rgba(192,125,62,.5))}.pl-img.is-wide{max-width:100%;max-height:300px;width:100%;border-radius:var(--radius-md);object-fit:contain;filter:drop-shadow(0 12px 26px rgba(74,55,34,.28))}.pl-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;width:100%;max-width:480px}.pl-eggs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 10px;width:100%;max-width:620px}.pl-egg-cell{display:grid;justify-items:center}.pl-egg{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 26%,#ffffffe6,#fff0 48%),linear-gradient(180deg,#fffdf8 0%,var(--soft) 100%);border:1px solid color-mix(in srgb,var(--c) 26%,transparent);box-shadow:var(--lift-1)}.pl-egg-halo{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 30%,transparent) 0%,transparent 68%);pointer-events:none}.pl-egg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:drop-shadow(0 4px 6px rgba(74,55,34,.2))}@media(max-width:480px){.pl-eggs{grid-template-columns:repeat(4,1fr);max-width:100%}}.pl-animals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;width:100%;max-width:920px}.pl-animal-cell{display:grid;justify-items:center}.pl-animal{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 34% 26%,#ffffffeb,#fff0 48%),linear-gradient(180deg,#fffdf8 0%,var(--soft) 100%);border:1.5px solid color-mix(in srgb,var(--c) 32%,transparent);box-shadow:var(--lift-2)}.pl-animal-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 42%;padding:0;transform:scale(1.12);transform-origin:center 45%;filter:drop-shadow(0 6px 10px rgba(74,55,34,.18))}@media(max-width:720px){.pl-animals{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}}@media(max-width:480px){.pl-animals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-animal-img{transform:scale(1.16)}}.pl-poster{position:relative;display:flex;justify-content:center;width:100%;max-width:100%;padding:0;border:none;background:none;cursor:zoom-in;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 26px #4a372247}.pl-poster:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.pl-img.is-poster{display:block;width:auto;max-width:100%;max-height:min(42vh,380px);border-radius:var(--radius-md);object-fit:contain;filter:none}.pl-poster-hint{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:#2b241eb8;color:#fff8ea;font-size:.72rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(3px)}.zoom-layer{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#140e09eb;backdrop-filter:blur(6px);animation:fadeIn .18s ease both}.zoom-scroll{max-width:min(1200px,100%);max-height:100%;overflow:auto;border-radius:var(--radius-md);box-shadow:0 24px 60px #00000080;overscroll-behavior:contain}.zoom-img{display:block;width:100%;height:auto}.zoom-layer.is-actual .zoom-scroll{max-width:100%;width:100%}.zoom-layer.is-actual .zoom-img{width:auto;max-width:none;height:auto}.zoom-toggle{position:absolute;top:14px;left:16px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#2b241ec7;color:#fff8ea;font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;z-index:2}.zoom-toggle:hover{background:#c07d3ee6}.zoom-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#2b241ec7;color:#fff8ea;font-size:1.1rem;line-height:1;cursor:pointer}.zoom-close:hover{background:#c07d3ee6}.pl-silhouette{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffffe6,#fff0 48%),linear-gradient(180deg,#fff 0%,var(--sil) 100%);border:1px solid rgba(92,72,46,.14);box-shadow:var(--lift-1);overflow:hidden}.pl-silhouette .phoenix-svg{width:118%;height:auto;opacity:.9}.pl-twelve{width:100%;max-width:560px}.phoenix-contact{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 6px;align-items:end}.pc-cell{display:grid;justify-items:center;gap:3px}.pc-cell .phoenix-svg{display:block;height:auto;filter:drop-shadow(0 4px 6px rgba(74,55,34,.2))}.pc-cell.is-back .phoenix-svg{opacity:.9}.pc-cell i{font-style:normal;font-size:.61rem;font-weight:500;color:var(--ink-soft);text-align:center;line-height:1.25}.pl-card .pl-title{margin:0 0 10px;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;line-height:1.4;letter-spacing:.03em}.pl-card .pl-say{margin:0;font-family:var(--font-serif);font-size:1.12rem;font-weight:600;line-height:1.75;letter-spacing:.02em;color:var(--ink)}.pl-say p{margin:0 0 .55em}.pl-say p:last-child{margin-bottom:0}.pl-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;flex-wrap:wrap}.tribe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:11px}.tribe-cell{display:grid;justify-items:center;gap:5px;padding:11px 6px;border-radius:var(--radius-sm);background:#fffdf880;border:1px dashed rgba(92,72,46,.2)}.tribe-cell.is-growing{border-style:solid;border-color:#5c482e47;background:linear-gradient(180deg,#fffdf8,#f6edd9)}.tribe-cell.is-found{border-style:solid;border-color:#b5892f80;background:radial-gradient(circle at 50% 22%,#f0943e33,#f0943e00 62%),linear-gradient(180deg,#fffaf0,#f9edd6);box-shadow:var(--lift-1)}.tribe-art{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#fffdf8d9}.tribe-img{width:100%;height:100%;object-fit:contain;display:block}.tribe-cell.is-found .tribe-img{filter:drop-shadow(0 0 7px rgba(192,125,62,.45))}.tribe-name{font-family:var(--font-serif);font-size:.87rem;font-weight:700}.tribe-meta{font-size:.72rem;color:var(--muted);font-weight:500}.tribe-card{padding:22px}.pet-society{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:16px;align-items:start}@media(max-width:860px){.pet-society{grid-template-columns:1fr}}.pet-stage{text-align:center}.pet-stage-art{position:relative;display:grid;place-items:center;min-height:280px;padding:18px 12px 8px;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 70%,#fffffff2,#fff0 62%),linear-gradient(180deg,#fff8e8e6,#f4e8d28c)}.pet-stage-art .pet-frame{width:min(280px,72vw);transform:scale(1.08)}.pet-stage-art.is-care-bounce .pet-frame{animation:careBounce .68s cubic-bezier(.22,1.4,.4,1)}@keyframes careBounce{0%{transform:scale(1.08) translateY(0) rotate(0)}35%{transform:scale(1.16) translateY(-10px) rotate(-3deg)}70%{transform:scale(1.1) translateY(-2px) rotate(2deg)}to{transform:scale(1.08) translateY(0) rotate(0)}}.pet-care-bubble{position:absolute;top:18px;right:12%;z-index:2;padding:8px 12px;border-radius:16px 16px 4px;background:#fffdf8;border:1px solid rgba(92,72,46,.16);box-shadow:var(--lift-2);font-weight:800;font-size:.92rem;animation:careBubbleIn .72s ease both;pointer-events:none}@keyframes careBubbleIn{0%{opacity:0;transform:translateY(8px) scale(.86)}30%{opacity:1;transform:translateY(0) scale(1.04)}to{opacity:0;transform:translateY(-10px) scale(1)}}.mood-block{text-align:left;margin:8px 0 14px;padding:12px;border-radius:14px;background:#fffdf8b8;border:1px solid var(--rule-soft)}.bar-mood .bar-fill{background:linear-gradient(90deg,#e2a35a,#d46b5c 55%,#c24f7a)}.care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.care-btn{display:grid;gap:4px;justify-items:center;padding:12px 8px;border-radius:14px;border:1px solid var(--rule-soft);background:linear-gradient(180deg,#fffdf8,#f6eddc);box-shadow:var(--lift-1);transition:transform var(--press),border-color var(--move),opacity var(--move)}.care-btn:hover:not(:disabled){border-color:#b5892f8c;transform:translateY(-1px)}.care-btn:disabled,.care-btn.is-used{opacity:.55}.care-icon{font-size:1.45rem;line-height:1}.care-label{font-weight:700;font-size:.88rem}.care-gain{font-size:.72rem;color:var(--muted)}.equip-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--rule-soft)}.equip-row:last-child{border-bottom:none}.collect-tile.is-on{border-color:#6a8b5e8c;box-shadow:inset 0 0 0 1px #6a8b5e40}.collect-tile.is-locked,.egg-cell.is-locked,.value-card.is-locked{opacity:.72;filter:grayscale(.35)}.value-lock{display:grid;place-items:center;min-height:110px}.evolve-panel{display:grid;gap:8px;justify-items:center;margin:0 0 14px}.phoenix-awaken{width:100%;text-align:left;padding:12px;border-radius:14px;background:#fff8e8d9;border:1px solid rgba(181,137,47,.35)}.egg-shop .collect-tile{min-height:118px}.prop-shop-grid .collect-tile{min-height:132px}.gift-shop .gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.gift-tile{display:grid;gap:8px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--c, #c96f4a) 8%,#fffdf8);border:1px solid color-mix(in srgb,var(--c, #c96f4a) 22%,transparent)}.gift-img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;background:#fff;box-shadow:0 4px 12px #3b2f261f}.gift-meta{display:grid;gap:4px}.gift-name{font-size:.92rem;line-height:1.3}.gift-buy{width:100%;justify-content:center}.gift-order-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:12px;background:#fffdf8eb;border:1px solid rgba(59,47,38,.08)}.gift-order-info{display:grid;gap:2px;flex:1 1 160px;min-width:0}.gift-desk{display:grid;gap:8px}