.page-shell:has(>.ema-page){width:100%;max-width:none;margin:0}.ema-page{--ema-ink:var(--brand-ink,#211d1d);box-sizing:border-box;width:100%;max-width:none;height:100dvh;padding-block:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-bottom,0px));padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));background-color:var(--brand-surface,#fff8f4);color:var(--ema-ink);background-image:linear-gradient(#fff8f447,#fff8f461),url(/images/ema/ema-background-desktop.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-rows:minmax(0,1fr) auto;gap:clamp(8px,1.3vh,16px);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;display:grid;overflow:hidden}.ema-stage{isolation:isolate;perspective:1100px;place-items:center;min-height:0;margin:0;display:grid;position:relative}.ema-stage__rack-space{z-index:0;pointer-events:none;filter:drop-shadow(0 2px 2px #37221429);background-image:linear-gradient(#0000 calc(100% - 5px),#673f22c7 calc(100% - 5px),#a26f41d1 100%);background-position:50%;background-repeat:repeat-y;background-size:100% 20%;position:absolute;inset:0}.ema-stage__rack{z-index:1;pointer-events:none;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(2px,.4vw,8px);margin:0;padding:12px 18px;list-style:none;display:grid;position:absolute;inset:0}.ema-rack__slot{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.ema-rack__slot:before{content:"";background:#553824b8;width:1px;height:26%;position:absolute;top:0;left:50%;box-shadow:1px 0 #ffefd38c}.ema-stage__display{z-index:2;grid-area:1/1;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.ema-stage__empty{color:var(--brand-muted,#665b57);text-align:center;margin:0;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600}.ema-card{aspect-ratio:1.16;transform-origin:50% 12%;justify-self:center;place-items:center;width:auto;max-width:100%;height:min(100%,390px);margin:0;animation:.72s cubic-bezier(.2,.85,.28,1) both ema-drop;display:grid;position:relative}.ema-card--flight{z-index:3;pointer-events:none;transform-origin:50%;animation:none;position:absolute}.ema-card.ema-card--hung{aspect-ratio:1.16;width:min(72px,82%);max-width:100%;height:auto;animation:none;transform:rotate(-2deg);box-shadow:0 2px 8px #291a1033}.ema-card--hung .ema-card__message{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ema-card__mascot{object-fit:contain;width:100%;height:100%;display:block}.ema-card__message{overflow-wrap:anywhere;width:58%;max-height:54%;color:var(--ema-ink);text-align:center;place-items:center;margin:0;font-size:clamp(.82rem,2vw,1.12rem);font-weight:700;line-height:1.42;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.ema-card--heart .ema-card__message{width:56%;top:49%}.ema-form{border-top:3px solid var(--brand-primary,#db6a41);background:color-mix(in srgb, var(--brand-white,#fff) 92%, var(--brand-yellow,#fcea8b));width:min(100%,900px);box-shadow:3px 3px 0 var(--brand-peach,#e6b881);margin-inline:auto;padding:10px 14px 8px}.ema-form__composer{grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.ema-form__field{min-width:0;display:block}.ema-form__field input{border:1px solid var(--brand-border,#efc5ad);background:var(--brand-surface,#fff8f4);width:100%;min-height:48px;color:var(--ema-ink);font:inherit;border-radius:0;padding:10px 14px;line-height:1.4;display:block}.ema-form__field input::placeholder{color:var(--brand-muted,#665b57);opacity:1}.ema-form__field input:focus-visible,.ema-form__shape:focus-within,.ema-form__submit:focus-visible{outline:3px solid var(--brand-yellow,#fcea8b);outline-offset:2px}.ema-form__shapes{border:0;align-items:center;gap:6px;margin:0;padding:0;display:flex}.ema-form__shape{cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:48px;min-height:48px;transition:border-color .16s,background-color .16s;display:grid}.ema-form__shape:has(input:checked){border-color:var(--brand-action,#ad4d2a);background:color-mix(in srgb, var(--brand-yellow,#fcea8b) 38%, white)}.ema-form__shape img{object-fit:contain;width:40px;height:40px;display:block}.ema-form__submit{background:var(--brand-action,#ad4d2a);width:48px;min-height:48px;box-shadow:2px 2px 0 var(--brand-peach,#e6b881);color:var(--brand-white,#fff);cursor:pointer;border:0;border-radius:0;place-items:center;transition:background-color .16s,transform .16s;display:grid}.ema-form__submit-icon{width:22px;height:22px;display:block}.ema-form__submit:hover{background:var(--brand-action-hover,#963f24);transform:translateY(-1px)}.ema-form__submit:disabled,.ema-form__submit:disabled:hover{background:var(--brand-action,#ad4d2a);cursor:not-allowed;opacity:.58;transform:none}.ema-form__feedback{justify-content:space-between;align-items:center;gap:10px;min-height:18px;padding-top:4px;display:flex}.ema-form__counter,.ema-form__error{margin:0;font-size:.78rem;line-height:1.3}.ema-form__counter{color:var(--brand-muted,#665b57);text-align:end;flex:none}.ema-form__error{color:var(--brand-warning,#a52f2f);font-weight:700}@keyframes ema-drop{0%{opacity:0;transform:translateY(-46px)rotate(7deg)scale(.94)}66%{opacity:1;transform:translateY(6px)rotate(-2deg)scale(1.015)}84%{transform:translateY(-3px)rotate(1deg)scale(.995)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (width<=639px){.ema-page{padding-inline:max(12px, env(safe-area-inset-left,0px)) max(12px, env(safe-area-inset-right,0px));background-image:linear-gradient(#fff8f44d,#fff8f46b),url(/images/ema/ema-background-mobile.webp);gap:8px}.ema-stage__rack-space{background-size:100% 10%}.ema-stage__rack{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 10px}.ema-card{height:min(100%,340px)}.ema-card__message{width:61%;font-size:clamp(.78rem,3.8vw,.98rem)}.ema-form{padding:8px 10px 6px}.ema-form__composer{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 48px;gap:6px 8px}.ema-form__field{grid-area:1/1}.ema-form__field input{min-height:46px;padding-inline:12px}.ema-form__shapes{grid-area:2/1/auto/-1;justify-self:center}.ema-form__shape{width:48px;min-height:44px}.ema-form__shape img{width:36px;height:36px}.ema-form__submit{grid-area:1/2;min-height:46px}}@media (height<=640px){.ema-page{padding-block:max(8px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-bottom,0px));gap:6px}.ema-card{height:min(100%,280px)}.ema-form{padding-block:6px 4px}.ema-form__composer{gap:6px}.ema-form__field input,.ema-form__submit,.ema-form__shape{min-height:44px}.ema-form__feedback{min-height:16px}}@media (prefers-reduced-motion:reduce){.ema-card,.ema-card--flight,.ema-form__shape,.ema-form__submit{transition:none;animation:none}.ema-form__submit:hover{transform:none}}