@import "https://font.emtech.cc/css/GenWanMinTW/400";@import "https://font.emtech.cc/css/GenWanMinTW/500";@import "https://font.emtech.cc/css/GenWanMinTW/600";@import "https://font.emtech.cc/css/GenYoGothicTW/400";@import "https://font.emtech.cc/css/GenYoGothicTW/500";@import "https://font.emtech.cc/css/GenYoGothicTW/700";@import "https://font.emtech.cc/css/ChenYuLuoYan/400";@property --page-bg{syntax:"<color>";inherits:true;initial-value:#eee9df}@property --page-bg-deep{syntax:"<color>";inherits:true;initial-value:#d8d0c2}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#eee9df;--page-bg-deep:#d8d0c2;--surface:#fffdf8b8;--card:#fbf8f1;--text:#222720;--muted:#687067;--line:#21282224;--accent:#436f5e;--accent-soft:#d4e3da;--accent-text:#284a3d;--glow:#5c857138;--shadow:0 28px 80px #21272226;--font-ui:"GenYoGothicTW", "Noto Sans TC", "PingFang TC", sans-serif;--font-editorial:"GenWanMinTW", "Noto Serif TC", "Songti TC", serif;--font-handwritten:"ChenYuLuoYan", "DFKai-SB", cursive;font-family:var(--font-ui)}*{box-sizing:border-box}html{background:var(--page-bg);min-height:100%}body{isolation:isolate;min-height:100svh;color:var(--text);background:var(--page-bg);margin:0;transition:--page-bg .85s,--page-bg-deep .85s,color .6s;overflow:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed}body:before{background:radial-gradient(circle at 13% 15%, #ffffffe6, transparent 26%), radial-gradient(circle at 83% 17%, var(--glow), transparent 27%), radial-gradient(circle at 52% 92%, var(--page-bg-deep), transparent 39%);filter:blur(14px);animation:18s ease-in-out infinite alternate ambient-drift;inset:-22vh -18vw}body:after{opacity:.2;mix-blend-mode:soft-light;background-image:radial-gradient(#18221b47 .45px,#0000 .7px),radial-gradient(#ffffffb3 .55px,#0000 .8px);background-position:0 0,5px 7px;background-size:10px 10px,13px 13px;animation:30s linear infinite texture-drift;inset:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,.question-card:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--text);color:var(--page-bg);border-radius:999px;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:.8rem}.site-header{z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:12px clamp(16px,3vw,42px);display:grid;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.brand{background:color-mix(in srgb, var(--surface) 58%, transparent);color:var(--text);font-family:var(--font-handwritten);letter-spacing:.045em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;border-radius:999px;justify-self:start;align-items:center;gap:.62rem;padding:.35rem .65rem .35rem .35rem;font-size:1.16rem;font-weight:400;display:inline-flex}.brand-mark{background:var(--text);width:2rem;height:2rem;color:var(--page-bg);border-radius:50%;place-items:center;transition:transform .3s;display:grid}.brand:hover .brand-mark{transform:rotate(28deg)}.brand-label{white-space:nowrap}.header-center{min-height:1.2rem;color:var(--muted);letter-spacing:.16em;font-size:.72rem;font-weight:700}.quiet-button{border:1px solid color-mix(in srgb, var(--line) 74%, transparent);background:color-mix(in srgb, var(--surface) 62%, transparent);min-width:42px;min-height:42px;color:var(--text);letter-spacing:.08em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-self:end;place-items:center;padding:.5rem .76rem;font-weight:700;transition:background-color .18s,transform .18s;display:grid}.quiet-button:hover{background:color-mix(in srgb, var(--surface) 92%, transparent)}.quiet-button:active{transform:scale(.95)}.view{width:100%;height:100svh;overflow:hidden}.landing-view{grid-template-columns:minmax(280px,.9fr) minmax(550px,1.55fr);align-items:center;gap:clamp(42px,7vw,110px);padding:clamp(84px,12vh,124px) clamp(20px,5vw,72px) clamp(22px,4vh,46px);display:grid}.hero{z-index:2;max-width:620px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 13px;font-size:.7rem;font-weight:700}#landingTitle{font-family:var(--font-editorial);letter-spacing:-.075em;margin:0;font-size:clamp(4.5rem,7.3vw,8rem);font-weight:500;line-height:.92}#landingTitle span{white-space:nowrap;display:block}.hero-copy{color:var(--muted);letter-spacing:.035em;margin:clamp(20px,3.5vh,34px) 0 0;font-size:clamp(1rem,1.5vw,1.25rem)}.deck-stage{align-items:center;gap:26px;min-width:0;display:grid}.deck-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(10px,1.8vw,24px);min-height:min(65vh,620px);display:grid}.deck-button{--deck-color:#32725a;--deck-wash:#d8e8df;background:linear-gradient(150deg, #ffffffb3, transparent 48%), var(--deck-wash);min-height:min(56vh,510px);color:var(--text);text-align:left;border:1px solid #ffffff94;border-radius:clamp(24px,2.8vw,38px);flex-direction:column;justify-content:space-between;padding:clamp(18px,2.1vw,30px);transition:transform .42s cubic-bezier(.16,.82,.26,1),box-shadow .32s;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 58px #272e281a,inset 0 1px #ffffffdb}.deck-button:first-child{transform:rotate(-3.4deg)translateY(13px)}.deck-button:nth-child(2){transform:translateY(-8px)}.deck-button:nth-child(3){transform:rotate(3.4deg)translateY(13px)}.deck-button[data-accent=rose]{--deck-color:#9d4e63;--deck-wash:#f0d8de}.deck-button[data-accent=blue]{--deck-color:#496a96;--deck-wash:#d7e1ef}.deck-button:before,.deck-button:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.deck-button:before{border:1px solid color-mix(in srgb, var(--deck-color) 32%, transparent);width:10rem;height:10rem;box-shadow:0 0 0 1.5rem color-mix(in srgb, var(--deck-color) 6%, transparent);top:-3.8rem;right:-3.2rem}.deck-button:after{background:var(--deck-color);width:7px;height:7px;box-shadow:0 0 0 9px color-mix(in srgb, var(--deck-color) 12%, transparent);inset:auto 26px 28px auto}.deck-button:hover,.deck-button:focus-visible{z-index:3;box-shadow:0 34px 90px color-mix(in srgb, var(--deck-color) 20%, transparent);transform:translateY(-18px)rotate(0)scale(1.025)}.deck-topline{color:color-mix(in srgb, var(--deck-color) 82%, var(--text));letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.deck-symbol{font-family:var(--font-editorial);font-size:2rem;font-weight:400;line-height:1}.deck-copy{z-index:1;position:relative}.deck-button h2{font-family:var(--font-editorial);letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(1.6rem,2.4vw,2.65rem);font-weight:500;line-height:1.08}.deck-button p{color:color-mix(in srgb, var(--text) 68%, transparent);margin:0;font-size:clamp(.82rem,1vw,.98rem);line-height:1.75}.deck-cta{color:color-mix(in srgb, var(--deck-color) 90%, var(--text));justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.deck-arrow{font-size:1.2rem;transition:transform .24s}.deck-button:hover .deck-arrow{transform:translate(3px,-3px)}.landing-note{color:var(--muted);text-align:center;letter-spacing:.04em;margin:0;font-size:.76rem}.game-view{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(8px,1.4vh,14px);width:min(1180px,100% - 32px);margin:0 auto;padding:78px 0 15px;display:grid}.game-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.game-heading .eyebrow{white-space:nowrap;text-overflow:ellipsis;max-width:54ch;margin-bottom:4px;overflow:hidden}.game-heading h1{font-family:var(--font-editorial);letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:500;line-height:1}.change-deck{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.5rem .7rem;font-size:.76rem;font-weight:700}.change-deck:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 70%, transparent)}.level-tabs{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.level-tab{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 52%, transparent);min-width:0;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.54rem .6rem;font-size:.76rem;font-weight:700;transition:transform .18s,color .18s,background-color .18s;display:flex}.level-tab:hover{transform:translateY(-1px)}.level-tab[aria-selected=true]{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 9px 24px color-mix(in srgb, var(--accent) 20%, transparent)}.level-index{opacity:.68;font-size:.6rem}.table-zone{perspective:1200px;place-items:stretch center;min-height:0;display:grid}.question-card{background:linear-gradient(150deg, #ffffffbd, transparent 45%), var(--card);width:min(100%,820px);height:100%;min-height:300px;box-shadow:var(--shadow), inset 0 1px #ffffffe6;-webkit-user-select:none;user-select:none;touch-action:pan-y;transform-origin:50% 105%;border:1px solid #ffffffbd;border-radius:clamp(26px,4vh,42px);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(23px,4vh,38px) clamp(24px,5vw,56px) clamp(18px,3vh,28px);display:grid;position:relative;overflow:hidden}.question-card:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);width:clamp(190px,30vw,330px);height:clamp(190px,30vw,330px);box-shadow:0 0 0 2.2rem color-mix(in srgb, var(--accent) 3.5%, transparent), 0 0 0 4.4rem color-mix(in srgb, var(--accent) 2.3%, transparent);border-radius:50%;position:absolute;top:-31%;right:-15%}.card-grain{pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:radial-gradient(currentColor .38px,#0000 .65px);background-size:8px 8px;position:absolute;inset:0}.card-meta,.card-content,.card-footer{z-index:1;position:relative}.card-meta{color:var(--muted);letter-spacing:.12em;justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.card-content{align-content:center;min-height:0;display:grid}.question-text{max-width:20ch;font-family:var(--font-editorial);letter-spacing:-.045em;text-wrap:pretty;margin:clamp(20px,5vh,54px) 0;font-size:clamp(2rem,4.2vw,3.85rem);font-weight:600;line-height:1.24;transition:font-size .26s,margin .26s,opacity .22s}.question-card.has-panel .question-text{margin:clamp(12px,2.3vh,24px) 0;font-size:clamp(1.55rem,3vw,2.65rem)}.reveal-panel{border:1px solid color-mix(in srgb, var(--accent) 13%, transparent);background:color-mix(in srgb, var(--accent-soft) 70%, white 18%);width:min(100%,660px);color:var(--accent-text);border-radius:19px;padding:clamp(14px,2.3vh,20px) clamp(16px,2.5vw,24px);animation:.28s cubic-bezier(.2,.8,.2,1) both panel-in}.reveal-panel.interaction{color:#504735;background:#f3ead7}.reveal-panel.action{color:#34415e;background:#e3e8f3}.panel-label{font-family:var(--font-handwritten);letter-spacing:.08em;margin-bottom:.38rem;font-size:.96rem;font-weight:400;display:block}.reveal-panel p{font-family:var(--font-editorial);margin:0;font-size:clamp(.95rem,1.5vw,1.13rem);line-height:1.65}.card-footer{justify-content:space-between;align-items:end;gap:14px;min-height:34px;display:flex}.tap-hint{color:color-mix(in srgb, var(--muted) 82%, transparent);letter-spacing:.04em;font-size:.68rem}.card-tools{gap:5px;display:flex}.card-tool{border:1px solid var(--line);color:var(--muted);background:#ffffff6b;border-radius:999px;padding:.48rem .68rem;font-size:.68rem;font-weight:700}.card-tool[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.game-controls{grid-template-columns:50px 1fr 1.06fr;gap:9px;width:min(100%,590px);margin:0 auto;display:grid}.round-control,.depth-control,.next-control,.primary-button,.secondary-button{border-radius:999px;min-height:50px;padding:.8rem 1rem;font-weight:700;transition:transform .18s,filter .18s,background-color .18s}.round-control,.depth-control,.secondary-button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.round-control:disabled{opacity:.36;cursor:default}.next-control,.primary-button{background:var(--text);color:var(--page-bg);border:1px solid #0000;box-shadow:0 14px 32px #19201b2b}.round-control:not(:disabled):hover,.depth-control:hover,.next-control:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.next-control:hover,.primary-button:hover{filter:brightness(1.12)}.gesture-hint{color:color-mix(in srgb, var(--muted) 70%, transparent);text-align:center;letter-spacing:.04em;margin:0;font-size:.63rem}.settings-dialog{background:color-mix(in srgb, var(--card) 92%, var(--page-bg));width:min(510px,100% - 24px);color:var(--text);border:1px solid #ffffffa6;border-radius:30px;padding:0;box-shadow:0 35px 110px #131a154d}.settings-dialog[open]{animation:.22s ease-out both dialog-in}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161d186b}.settings-dialog form{padding:28px}.dialog-header,.dialog-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.dialog-header h2{font-family:var(--font-editorial);letter-spacing:-.04em;margin:0;font-size:2rem;font-weight:500}.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 0;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--muted);margin-top:4px;line-height:1.5}.toggle-row input{width:24px;height:24px;accent-color:var(--accent)}.dialog-footer{margin-top:28px}.toast{z-index:50;background:var(--text);color:var(--page-bg);box-shadow:var(--shadow);border-radius:999px;padding:.78rem 1.05rem;font-size:.8rem;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}body[data-accent=mint]{--page-bg:#dbe8e0;--page-bg-deep:#b5ccbf;--surface:#f4fbf6b8;--card:#f5faf6;--text:#17362b;--muted:#506b5e;--line:#17362b24;--accent:#2f755d;--accent-soft:#c8e0d3;--accent-text:#1e503d;--glow:#3c8f6c4a}body[data-accent=rose]{--page-bg:#f0dfe2;--page-bg-deep:#deb9c1;--surface:#fff7f8b8;--card:#fff8f8;--text:#4b2630;--muted:#79565f;--line:#4b263024;--accent:#a34c64;--accent-soft:#efcbd4;--accent-text:#703346;--glow:#b7546d47}body[data-accent=blue]{--page-bg:#dce4ef;--page-bg-deep:#b7c6db;--surface:#f6f9fdb8;--card:#f7f9fd;--text:#20334e;--muted:#5b6c84;--line:#20334e24;--accent:#486d9c;--accent-soft:#c9d8eb;--accent-text:#2e4d74;--glow:#476c9b47}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@keyframes ambient-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.04)}}@keyframes texture-drift{0%{background-position:0 0,5px 7px}to{background-position:26px 19px,-16px 31px}}@keyframes panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.landing-view{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:stretch;gap:20px;padding-top:88px}.hero{grid-template-columns:1fr auto;align-items:end;gap:20px;max-width:none;display:grid}.hero .eyebrow,.hero-copy{display:none}#landingTitle{font-size:clamp(3.3rem,10vw,5.7rem)}.deck-stage{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0}.deck-grid{min-height:0}.deck-button{min-height:min(54vh,470px)}}@media (width<=640px){.site-header{height:62px;padding:8px 12px}.brand{padding-right:.5rem;font-size:1.04rem}.brand-mark{width:1.82rem;height:1.82rem}.header-center{display:none}.landing-view{gap:10px;padding:69px 12px 12px}.hero{padding-inline:8px;display:block}#landingTitle{font-size:clamp(3.05rem,16.5vw,4.7rem);line-height:.86}#landingTitle span{display:inline}#landingTitle span:first-child:after{content:" "}.deck-stage{gap:7px}.deck-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:7px}.deck-button,.deck-button:first-child,.deck-button:nth-child(2),.deck-button:nth-child(3){border-radius:22px;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;min-height:0;padding:14px 17px;display:grid;transform:none}.deck-button:hover,.deck-button:focus-visible{transform:translate(3px)}.deck-topline{justify-items:start;gap:5px;display:grid}.deck-symbol{font-size:1.45rem}.deck-button h2{margin:0 0 3px;font-size:clamp(1.35rem,6vw,1.75rem)}.deck-button p{max-width:29ch;font-size:.7rem;line-height:1.45}.deck-cta>span:first-child,.deck-button:after{display:none}.deck-arrow{font-size:1rem}.landing-note{font-size:.62rem}.game-view{gap:7px;width:calc(100% - 20px);padding:65px 0 8px}.game-heading .eyebrow{display:none}.game-heading h1{font-size:clamp(1.45rem,7vw,2rem)}.change-deck{padding:.3rem .55rem;font-size:.67rem}.level-tabs{gap:4px}.level-tab{gap:0;min-height:35px;padding:.42rem .28rem;font-size:.67rem}.level-index{display:none}.question-card{border-radius:27px;min-height:0;padding:19px 19px 14px}.question-text{margin:clamp(14px,4vh,32px) 0;font-size:clamp(1.65rem,7.8vw,2.55rem);line-height:1.25}.question-card.has-panel .question-text{margin:9px 0 12px;font-size:clamp(1.32rem,5.9vw,1.8rem)}.reveal-panel{border-radius:16px;padding:12px 14px}.reveal-panel p{font-size:.9rem;line-height:1.55}.tap-hint{display:none}.card-footer{justify-content:flex-end}.card-tool{padding:.42rem .58rem;font-size:.63rem}.game-controls{grid-template-columns:45px 1fr 1.08fr;gap:6px}.round-control,.depth-control,.next-control{min-height:45px;padding:.64rem .72rem;font-size:.75rem}.gesture-hint{font-size:.57rem}.settings-dialog{border-radius:26px;width:calc(100% - 16px);margin-bottom:8px}.settings-dialog form{padding:22px}.dialog-footer{flex-direction:column-reverse}.dialog-footer button{width:100%}}@media (width<=640px) and (height<=680px){.landing-note,.gesture-hint{display:none}#landingTitle{font-size:2.85rem}.landing-view{padding-top:62px}.game-view{padding-top:61px}.question-text{font-size:clamp(1.45rem,7vw,2rem)}.question-card.has-panel .question-text{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}