:root{color:#483f3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff8e9;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html,#app{touch-action:manipulation;-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed}.app-shell{touch-action:manipulation;background:#fbf0ff;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.game-frame{aspect-ratio:9/16;scrollbar-width:none;-ms-overflow-style:none;touch-action:manipulation;background:linear-gradient(#fffaff 0%,#f8e8ff 100%);border:4px solid #ffffffbf;border-radius:28px;width:min(100%,430px);min-height:min(100dvh - 32px,760px);max-height:calc(100dvh - 32px);position:relative;overflow:hidden auto;box-shadow:0 24px 80px #4d2e573d}.game-frame::-webkit-scrollbar{display:none}.screen-pad{flex-direction:column;height:100%;min-height:100%;padding:24px;display:flex}.home-screen,.result-screen{text-align:center;justify-content:space-between;align-items:center;gap:18px}.home-screen{background:url(/images/cover-bg.png) 50%/cover no-repeat;position:relative;overflow:hidden}.home-screen>*{z-index:1;position:relative}.home-copy{opacity:0;pointer-events:none;gap:8px;margin-top:8px;display:grid}.eyebrow{color:#ef7e73;margin:0;font-size:.9rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#5b4a44;margin-bottom:0;font-size:clamp(2.1rem,10vw,3rem);line-height:1.1}h2{color:#5b4a44;margin-bottom:16px;font-size:1.55rem}.subtitle{color:#7d6b63;margin-bottom:0;line-height:1.6}.cover-dog{aspect-ratio:1;width:min(100%,280px);box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid;position:relative}.cover-dog-image{object-fit:contain;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:relative;transform:translateY(15px)}.dog-emoji,.dog-face,.result-dog{filter:none}.dog-emoji{font-size:8rem}.cover-food{font-size:2.2rem;animation:2.8s ease-in-out infinite floaty;position:absolute}.cover-food--one{bottom:50px;left:20px}.cover-food--two{animation-delay:-.7s;top:36px;right:28px}.cover-food--three{animation-delay:-1.4s;bottom:30px;right:38px}.menu-stack{gap:10px;width:100%;display:grid}.primary-button,.soft-button,.ghost-button,.control-button{letter-spacing:.02em;border-radius:999px;min-height:48px;font-weight:900;transition:transform .15s,box-shadow .15s,opacity .15s,filter .15s}.soft-button{color:#5c514d;background:#fff6e4;box-shadow:0 8px #efd0a8}.ghost-button{color:#6f625c;background:#ffffff9e;box-shadow:inset 0 0 0 2px #6f625c24}.primary-button:hover,.soft-button:hover,.ghost-button:hover,.control-button:hover{filter:brightness(1.02);transform:translateY(-2px)}.primary-button:active,.soft-button:active,.ghost-button:active,.control-button:active{box-shadow:none;transform:translateY(2px)}.primary-button:disabled,.soft-button:disabled,.ghost-button:disabled,.control-button:disabled,.food-lane:disabled{opacity:.52}.game-board{background:url(/images/game-bg3.png) 50%/cover no-repeat;gap:8px;position:relative;overflow:hidden}.game-board--stunned{animation:.22s linear 2 shake}.game-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#ffffff75;border-radius:999px;gap:6px;width:100%;padding:4px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #4d2e5714,0 8px 18px #4d2e5714}.game-hud div{text-align:center;background:#f8e8ffd1;border-radius:999px;flex:1;grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:5px;min-width:0;min-height:32px;padding:4px 7px;display:grid;box-shadow:inset 0 0 0 1px #eab5fd7a}.game-hud span{color:#907d74;letter-spacing:0;font-size:.58rem;font-weight:800;display:inline}.game-hud strong{color:#ef7e73;margin-top:0;font-size:1rem;line-height:1;display:inline}.dog-stage{z-index:1;pointer-events:none;place-items:center;height:min(58vw,250px);min-height:0;display:grid;position:absolute;top:clamp(38px,10dvh - 10px,72px);left:0;right:0}.dog{aspect-ratio:1;width:min(63vw,250px);max-width:100%;box-shadow:none;background:0 0;border-radius:0;place-items:center;margin-top:0;display:grid;position:relative}.dog-face{z-index:1;font-size:clamp(3.7rem,16vw,5.5rem)}.dog-image{object-fit:contain;z-index:2;width:82%;height:82%;position:absolute}.dog-image:not([hidden])+.dog-face{opacity:0}.dog-shadow{display:none}.dog--happy{background:0 0;animation:.36s happyJump}.dog--shocked{background:0 0;animation:.18s linear infinite shake}.dog--stunned{box-shadow:none}.feedback-pop{z-index:5;color:#5d514c;background:#fff;border-radius:999px;padding:8px 12px;font-weight:900;animation:.45s both pop;position:absolute;top:14px;right:18px;box-shadow:0 8px 22px #735b5224}.feedback-pop--gain{color:#ea786e}.table-area{z-index:2;width:calc(100% + 24px);min-height:0;max-height:none;box-shadow:none;touch-action:manipulation;background:0 0;border-radius:24px;flex:1;gap:4px;margin:clamp(118px,24dvh,170px) -12px 0;padding:2px;display:grid;position:relative;overflow:hidden}.table-area:before{content:none}.table-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;transition:opacity .22s;display:grid}.food-table{z-index:1;pointer-events:none;gap:0;display:grid;position:relative}.lane-touch-zones{z-index:3;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;position:absolute;inset:2px}.lane-touch-zone{min-width:0;min-height:100%;box-shadow:none;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:16px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-row{box-shadow:none;background:0 0;border-radius:18px;padding:0}.table-row--1{opacity:1}.table-row--2{opacity:.48}.table-row--3{opacity:.28}.table-row--4{opacity:.16}.table-row--5{opacity:.08}.table-row--6{opacity:.06}.table-cell{color:#61544f;min-width:0;min-height:100px;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:16px;place-items:center;display:grid}.table-row--current .cell--trap{animation:.75s ease-in-out infinite trapWiggle}.table-row--current .cell--food .food-pop{transform-origin:bottom;animation:.34s both activeFoodPop,1.2s ease-in-out .34s infinite activeFoodFloat}.table-row--current .cell--food .food-image{filter:drop-shadow(0 10px 10px #4d2e5729)}.empty-dot{background:0 0;border-radius:999px;width:0;height:0}.table-cell:disabled{opacity:1}.table-row:not(.table-row--current) .table-cell{pointer-events:auto}.table-row:not(.table-row--current) .food-pop{transform-origin:50%;opacity:.52;transform:scale(.68)}.food-row-move,.food-row-enter-active,.food-row-leave-active{transition:transform .24s,opacity .24s}.food-row-enter-from{opacity:0;transform:translateY(18px)scale(.96)}.food-row-leave-to{opacity:0;transform:translateY(-22px)scale(.92)}.food-row-leave-active{position:absolute;left:0;right:0}.food-lanes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.food-lane{color:#61544f;background:#fffaf0;border-radius:22px;grid-template-rows:auto 1fr;align-items:center;min-width:0;min-height:128px;padding:10px 6px;display:grid;box-shadow:inset 0 0 0 2px #ebbb8b52,0 8px 20px #9770591f}.lane-label{font-weight:900}.food-pop{justify-items:center;gap:4px;animation:.22s both pop;display:grid}.food-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(30vw,126px);height:min(30vw,126px);display:block}.food-emoji{font-size:2.8rem;line-height:1}.food-name,.empty-lane{font-size:.82rem;font-weight:800}.empty-lane{color:#c1aaa1;align-self:center}.control-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.control-button{color:#fff;background:linear-gradient(135deg,#73bda9,#62a8d1);min-height:64px;font-size:1.25rem;box-shadow:0 8px #4c8aa7}.home-return{width:100%}.countdown-backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#483f3a6b;border-radius:28px;place-items:center;width:min(100% - 48px,430px);max-height:calc(100dvh - 48px);margin:auto;display:grid;position:fixed;inset:24px}.countdown-popup{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#f27f73,#f4ae55);border-radius:50%;place-items:center;width:min(48vw,190px);font-size:clamp(5.5rem,26vw,8rem);font-weight:1000;animation:.82s cubic-bezier(.2,1.3,.28,1) both countdownPop;display:grid;box-shadow:0 18px 36px #4b363147,inset 0 -12px #a6504238}.trap-overlay{z-index:11;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.trap-overlay-mask{z-index:0;background:#4d2e576b;position:absolute;inset:0}.trap-overlay-image{z-index:1;object-fit:cover;pointer-events:none;border-radius:0;width:100%;height:100%;animation:.18s both trapOverlayIn;display:block;position:relative}.result-dog{aspect-ratio:1;width:min(64vw,258px);box-shadow:none;background:0 0;border-radius:0;place-items:center;margin-top:4px;font-size:5rem;display:grid}.result-dog img{object-fit:contain;width:100%;height:100%}.result-dog span{font-size:5rem;line-height:1}.result-dog--sick{box-shadow:none;background:0 0}.result-screen{gap:10px}.result-title{font-size:clamp(1.35rem,5.8vw,1.85rem);line-height:1.05}.result-stats{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.result-stats div{background:#ffffffad;border-radius:16px;align-content:center;min-height:68px;padding:10px 8px;display:grid}.result-stats span,.name-field span{color:#907d74;font-size:.78rem;font-weight:800;display:block}.result-stats span{word-break:keep-all;min-height:1.25em;line-height:1.25}.result-stats strong{color:#ef7e73;margin-top:2px;font-size:1.55rem;display:block}.name-field{text-align:left;gap:8px;width:100%;display:grid}.name-field input{color:#5d514c;background:#fff;border:0;border-radius:16px;outline:none;width:100%;min-height:48px;padding:0 14px;box-shadow:inset 0 0 0 2px #ef7e7338}.result-save-button,.result-rank-card{width:100%}.name-confirm-backdrop{z-index:12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#59443a5c;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.name-confirm-panel{width:min(100%,300px);color:var(--fuji-deep);background:#fffaf3;border-radius:24px;padding:22px;animation:.22s both pop;box-shadow:0 18px 42px #59443a38,inset 0 0 0 2px #e2cbb19e}.name-confirm-panel p{margin-bottom:16px;font-size:1.35rem;font-weight:900}.name-confirm-actions{gap:10px;display:grid}.result-rank-number{font-size:1.55rem;line-height:1.2}.modal-backdrop{z-index:20;background:#4336336b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{color:#4d2e57;background:#fffaff;border-radius:26px;width:min(100%,390px);max-height:min(86dvh,720px);padding:22px;position:relative;overflow:auto;box-shadow:0 24px 70px #4d2e5740}.modal-panel--wide{width:min(100%,560px)}.modal-close-button{z-index:1;color:#4d2e57;background:#d7b5e3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:900;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 1px #4d2e5724,0 5px #76518142}.modal-close-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #4d2e5724}.modal-content{gap:10px;line-height:1.65;display:grid}.modal-content p{margin-bottom:0}.modal-content .control-note{color:#4d2e57;background:#f2d3ff;border-radius:14px;padding:10px 12px;font-weight:800;line-height:1.55;box-shadow:inset 0 0 0 1px #4d2e571f}.social-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.social-link{color:#4d2e57;background:#f2d3ff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #4d2e5724}.social-link:hover{transform:translateY(-1px)}.social-link--x{color:#fff;background:#111;font-size:1rem}.social-link--fb{color:#fffaf3;background:#8d5a3d;border-radius:999px;width:auto;min-width:44px;padding:0 14px;font-family:inherit;font-size:.88rem;font-weight:900}.social-link--plurk{color:#fff;background:#ff574d;border-radius:999px;width:auto;min-width:68px;padding:0 14px;font-size:.88rem}.modal-actions{gap:10px;margin-top:18px;display:grid}.featured-score-section{gap:8px;margin-bottom:14px;padding-bottom:2px;display:grid}.leaderboard-list{gap:8px;display:grid}.leaderboard-row{background:#fff3e6;border-radius:14px;grid-template-columns:42px minmax(68px,1fr) 48px 58px 82px;align-items:center;gap:6px;padding:10px 8px;font-size:.78rem;font-weight:800;display:grid}.leaderboard-row--featured{color:#5a3422;background:linear-gradient(90deg,#fff2c8 0%,#fffaf3 58%,#ffe9d6 100%);position:relative;box-shadow:inset 0 0 0 2px #c9844d6b,0 8px 18px #59443a1a}.leaderboard-row--featured span:nth-child(2):after{content:" 歡迎光~臨~";color:#fffaf3;white-space:nowrap;background:#c8844d;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.68rem;line-height:1.2;display:inline-block}.empty-state{text-align:center;background:#fff3e6;border-radius:18px;margin-bottom:0;padding:22px;line-height:1.6}.own-rank-card{color:#5d514c;background:linear-gradient(135deg,#fff8de,#eaf7f3);border-radius:18px;margin-top:14px;padding:14px;box-shadow:inset 0 0 0 2px #ef7e7329}.own-rank-label{color:#ef7e73;font-size:.82rem;font-weight:900;display:block}.own-rank-card strong{margin-top:2px;font-size:1.35rem;display:block}.own-rank-card p{margin:4px 0 0;font-size:.86rem;font-weight:800}.setting-group{gap:10px;margin-bottom:18px;display:grid}.setting-label{color:#74635d;font-weight:900}.segmented-control{background:#f4efe8;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;display:grid}.segmented-control--two{grid-template-columns:repeat(2,1fr)}.segmented-control button{color:#74635d;background:0 0;border-radius:14px;min-height:42px;font-weight:900}.segmented-control button.active{color:#fff;background:#ef7e73}@keyframes happyJump{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-14px)scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes activeFoodPop{0%{opacity:0;transform:translateY(6px)scale(1)rotate(0)}58%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes activeFoodFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1)}}@keyframes countdownPop{0%{opacity:0;transform:scale(.45)rotate(-8deg)}45%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:scale(.92)rotate(0)}}@keyframes trapOverlayIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes trapWiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1px)rotate(-1deg)}75%{transform:translate(1px)rotate(1deg)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(6deg)}}@media (width<=520px){.app-shell{align-items:stretch;padding:10px}.game-frame{border-radius:24px;width:100%;min-height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.countdown-backdrop{border-radius:24px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);inset:10px}.screen-pad{padding:18px}.cover-dog{width:min(100%,240px)}.result-dog{width:min(64vw,224px)}.result-title{font-size:clamp(1.25rem,5.4vw,1.65rem)}.result-stats div{min-height:62px;padding:8px 7px}.dog-emoji{font-size:6.6rem}.dog-stage{height:min(58vw,210px);min-height:0;top:clamp(68px,10dvh + 18px,96px)}.dog{width:min(58vw,210px);margin-top:0}.table-area{width:calc(100% + 28px);margin:clamp(116px,24dvh,158px) -14px 0;padding:0}.lane-touch-zones{inset:0}.table-cell{min-height:104px}.food-image{width:min(34vw,132px);height:min(34vw,132px)}.control-buttons{display:none}.food-lane{min-height:118px}.leaderboard-row{grid-template-columns:34px minmax(58px,1fr) 42px 52px 72px;gap:4px;font-size:.72rem}}@media (height<=720px){.screen-pad{gap:8px;padding:16px}.cover-dog{width:min(100%,220px)}.result-dog{width:min(52vw,184px)}.result-screen{gap:7px}.result-title{font-size:clamp(1.15rem,5vw,1.45rem)}.result-stats div{min-height:56px;padding:7px 6px}.result-stats strong,.result-rank-number{font-size:1.35rem}.dog-stage{height:min(50vw,178px);min-height:0;top:clamp(62px,9dvh + 18px,84px)}.dog{width:min(50vw,178px);margin-top:0}.table-area{margin-top:clamp(96px,22dvh,132px)}.table-cell{min-height:88px}.food-image{width:min(30vw,112px);height:min(30vw,112px)}}:root{--fuji-pale:#fffaf3;--fuji-soft:#f3e5f8;--fuji-main:#c8844d;--fuji-nando:#a7643d;--fuji-nezumi:#8d5a3d;--fuji-deep:#59443a;--fuji-paper:#f9f1e6;--fuji-cream:#fffaf3;--fuji-lavender:#fff6ee;--fuji-lavender-strong:#ead9c4;color:var(--fuji-deep);background:var(--fuji-paper)}.app-shell{background:#fffbeb}.game-frame{background:linear-gradient(180deg, var(--fuji-cream) 0%, var(--fuji-paper) 74%, var(--fuji-lavender) 100%);box-shadow:0 24px 80px #59443a38}.eyebrow,.game-hud strong,.result-stats strong,.feedback-pop--gain,.own-rank-label{color:var(--fuji-nando)}h1,h2,.ghost-button,.soft-button,.setting-label,.segmented-control button,.table-cell,.food-lane,.name-field input,.modal-panel,.own-rank-card{color:var(--fuji-deep)}.subtitle,.game-hud span,.result-stats span,.name-field span{color:#8b6d5f}.cover-dog{box-shadow:none;background:0 0}.primary-button,.countdown-popup{background:var(--fuji-main)}.primary-button{color:#fffaff;background:linear-gradient(#d9985b 0%,#bd7443 100%);box-shadow:inset 0 2px #fffaf36b,0 8px #8d5a3d,0 14px 22px #59443a29}.soft-button{background:linear-gradient(#fffdf7 0%,#f7ead9 100%);box-shadow:inset 0 2px #ffffffd1,0 7px #e2cbb1,0 12px 18px #59443a1a}.ghost-button{background:#fffaf3c7;box-shadow:inset 0 0 0 2px #8d5a3d24,0 6px 14px #59443a14}.game-hud div{background:#f9f1e6db;box-shadow:inset 0 0 0 1px #e2cbb1b3}.dog{box-shadow:none}.dog-shadow,.dog--happy,.dog--shocked{background:0 0}.feedback-pop{color:var(--fuji-deep);box-shadow:0 8px 22px #59443a29}.table-area{box-shadow:none;background:0 0}.table-row{background:0 0}.table-row--current,.table-cell{box-shadow:none;background:0 0}.table-cell--active{background:0 0}.table-cell--target{box-shadow:none}.food-lane{background:var(--fuji-paper);box-shadow:inset 0 0 0 2px #e2cbb173,0 8px 20px #59443a1f}.food-lane--active{background:linear-gradient(180deg, #fffaf3, var(--fuji-lavender));box-shadow:inset 0 0 0 3px var(--fuji-main), 0 10px 20px #59443a29}.control-button{background:var(--fuji-nando);box-shadow:0 8px 0 var(--fuji-deep)}.countdown-backdrop,.modal-backdrop{background:#59443a6b}.countdown-popup{box-shadow:0 18px 36px #59443a47,inset 0 -12px #8d5a3d38}.result-dog{box-shadow:none;background:0 0}.name-field input{box-shadow:inset 0 0 0 2px #e2cbb1b8}.modal-panel{background:var(--fuji-cream);box-shadow:0 24px 70px #59443a3d}.modal-close-button{color:var(--fuji-deep);background:#ead9c4;box-shadow:inset 0 0 0 1px #8d5a3d24}.modal-content .control-note,.social-link{color:var(--fuji-deep);background:var(--fuji-lavender);box-shadow:inset 0 0 0 1px #8d5a3d1f}.leaderboard-row{background:var(--fuji-paper)}.leaderboard-row--head{color:var(--fuji-deep);background:#ead9c4}.leaderboard-row--featured{color:#5a3422;background:linear-gradient(90deg,#fff2c8 0%,#fffaf3 58%,#ffe9d6 100%);box-shadow:inset 0 0 0 2px #c9844d6b,0 8px 18px #59443a1a}.result-stats div{background:#fffaf3c7;box-shadow:inset 0 0 0 1px #e2cbb180}.result-rank-number{color:var(--fuji-nando)}.empty-state{background:var(--fuji-paper)}.own-rank-card{background:#fff6ee;box-shadow:inset 0 0 0 2px #8d5a3d1f,0 8px 18px #59443a14}.segmented-control{background:var(--fuji-lavender)}.segmented-control button.active{background:var(--fuji-nando)}.cell--food{background:0 0}.cell--trap{color:#f4f0ff;box-shadow:none;background:0 0}.cell--empty{background:0 0}.table-cell--trap-target{box-shadow:none}