:root{color:#173347;background:#fff3d8;font-family:Noto Sans TC,"M PLUS Rounded 1c",Yu Gothic UI,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--board-font-family: "Noto Sans TC", "M PLUS Rounded 1c", "Yu Gothic UI", sans-serif;--ink: #173347;--paper: #fffdf5;--paper-soft: rgba(255, 253, 245, .94);--panel: rgba(255, 251, 235, .82);--panel-strong: rgba(255, 247, 221, .88);--line: rgba(77, 119, 135, .24);--gold: #f4bd3f;--jade: #4db69d;--brick: #ca7357;--sun: #ffdf79;--sky: #bde9f0;--peach: #ffd9c8;--shadow: 0 20px 46px rgba(93, 72, 39, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto}button,input,select{font:inherit}button{cursor:pointer}.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}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;overflow-y:visible;background-color:#fff3d8;background-position:center;background-size:cover;font-family:var(--board-font-family)}.app-shell.is-settings-route{min-height:100vh;overflow-y:visible;overflow-x:hidden}.app-shell:before{content:"";position:absolute;inset:0;opacity:1}.background-album:before{background:radial-gradient(circle at 82% 14%,rgba(255,236,154,.95),transparent 21%),radial-gradient(circle at 18% 86%,rgba(189,233,240,.82),transparent 28%),linear-gradient(115deg,#fffdf5b3,#ffd9c870),repeating-linear-gradient(0deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.34) 1px,transparent 1px,transparent 10px),linear-gradient(135deg,#ffe9af,#ffc9bb 48%,#c6edf0)}.background-tile:before{background:linear-gradient(100deg,#fffdf5b8,#ffe0b96b),repeating-linear-gradient(45deg,rgba(77,182,157,.18) 0 2px,transparent 2px 42px),repeating-linear-gradient(-45deg,rgba(244,189,63,.24) 0 2px,transparent 2px 42px),#fff0c7}.background-harbour:before{background:radial-gradient(circle at 72% 17%,rgba(255,239,155,.96),transparent 23%),linear-gradient(105deg,#fffdf5b8,#ffd0b566),linear-gradient(180deg,#bde9f0,#ffe3a6 52%,#ffd4bf)}.background-morning:before{background:radial-gradient(circle at 20% 18%,rgba(255,229,132,.82),transparent 22%),radial-gradient(circle at 80% 76%,rgba(178,230,198,.6),transparent 28%),linear-gradient(135deg,#fff8db,#ffe0bd 48%,#d9f4d8)}.background-peach:before{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.88),transparent 20%),radial-gradient(circle at 16% 82%,rgba(255,197,205,.52),transparent 27%),linear-gradient(130deg,#fff8ef,#ffdcd2 48%,#ffe9aa)}.background-mint:before{background:radial-gradient(circle at 78% 20%,rgba(255,242,167,.72),transparent 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 2px,transparent 2px 24px),linear-gradient(145deg,#f8ffe9,#d5f3df 46%,#cceff3)}.background-cream:before{background:radial-gradient(circle at 28% 22%,rgba(255,232,127,.82),transparent 24%),radial-gradient(circle at 78% 76%,rgba(255,206,166,.48),transparent 30%),linear-gradient(135deg,#fffbe7,#fff0b9 54%,#ffd7b8)}.background-watercolor:before{background:radial-gradient(circle at 16% 24%,rgba(187,227,255,.72),transparent 26%),radial-gradient(circle at 82% 24%,rgba(255,221,181,.76),transparent 24%),radial-gradient(circle at 58% 82%,rgba(203,236,210,.68),transparent 30%),linear-gradient(135deg,#fbfff6,#d9f1ff 46%,#fff0ce)}.background-lunar-new-year:before{background:linear-gradient(105deg,#fffcee2e,#ffddc214),url(/backgrounds/lunar-new-year-ai.png) center / cover no-repeat}.background-easter:before{background:linear-gradient(105deg,#fffcf62e,#e2f6e214),url(/backgrounds/easter-ai.png) center / cover no-repeat}.background-mid-autumn:before{background:linear-gradient(105deg,#fffbec29,#ffe1bc14),url(/backgrounds/mid-autumn-ai.png) center / cover no-repeat}.background-christmas:before{background:linear-gradient(105deg,#fafff82e,#ffe7e714),url(/backgrounds/christmas-ai.png) center / cover no-repeat}.background-dragon-boat:before{background:linear-gradient(105deg,#fffbe82e,#d2efee14),url(/backgrounds/dragon-boat-ai.png) center / cover no-repeat}.background-uploaded:before{background:linear-gradient(105deg,#fff9e680,#ffddbe3d)}.backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#fffdf52e,#ffefc433),#fffbeb1f;pointer-events:none}.board-frame,.settings-frame{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding:clamp(20px,2.4vw,40px)}.top-bar,.settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.kicker{margin:0 0 8px;color:#b5673f;font-size:clamp(18px,1.5vw,25px);font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:clamp(44px,4.25vw,80px);font-weight:900;letter-spacing:0;text-shadow:0 3px 0 rgba(255,255,255,.5)}.top-actions{display:flex;align-items:center;gap:12px}.select-field{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;color:var(--ink);background:#fffdf5c7;border:1px solid var(--line);border-radius:8px}.select-field span{color:#a16032;font-size:18px;font-weight:700}.select-field select{max-width:180px;color:var(--ink);background:transparent;border:0;outline:0}.select-field option{color:var(--ink)}.icon-button,.text-button,.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;color:var(--ink);background:#fffdf5d1;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000040}.icon-button{width:54px}.text-button,.upload-button{padding:0 18px;font-size:clamp(18px,1.5vw,24px);font-weight:800}.text-button.is-emphasis{color:#173347;background:var(--gold);border-color:#ffffff73}.text-button.is-danger{color:var(--paper);background:#ca7357e6}.game-screen{height:100dvh;min-height:100dvh;padding:clamp(16px,2vw,34px);overflow:hidden}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:62px}.start-screen .game-header,.review-screen .game-header{grid-template-columns:1fr auto}.game-header>.top-actions{justify-self:end}.game-brand{font-size:clamp(22px,2vw,38px);font-weight:950;letter-spacing:.02em}.game-kicker{margin:0 0 4px;color:#a95637;font-size:clamp(18px,1.4vw,24px);font-weight:900}.game-progress{display:grid;grid-template-columns:auto minmax(120px,18vw) auto;align-items:center;gap:12px;color:var(--ink);font-size:clamp(17px,1.3vw,24px);font-weight:900;white-space:nowrap}.progress-track{height:12px;overflow:hidden;background:#ffffff80;border:2px solid rgba(255,255,255,.6);border-radius:999px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#efaa37,#d56542);border-radius:inherit;transition:width .42s ease}.game-controls{display:flex;align-items:center;justify-content:center;min-height:88px}.game-primary,.game-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:0 clamp(28px,4vw,64px);color:#fffdf5;background:linear-gradient(135deg,#c95f3d,#a94732);border:0;border-radius:999px;box-shadow:0 16px 34px #68402438;font-size:clamp(24px,2vw,36px);font-weight:950}.game-primary.next-button{background:linear-gradient(135deg,#2d9581,#207265)}.game-secondary{color:var(--ink);background:#fffdf5eb;border:2px solid var(--line)}.game-primary:disabled{cursor:not-allowed;opacity:.5}.start-stage,.question-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;text-align:center}.start-stage{position:relative;isolation:isolate;animation:stage-enter .65s both}.start-stage:before,.start-stage:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.start-stage:before{width:min(52vw,760px);aspect-ratio:1;background:radial-gradient(circle,#ffe27980,#ffe27900 68%)}.start-stage:after{right:5%;bottom:7%;width:min(18vw,260px);aspect-ratio:1;background:radial-gradient(circle,#64c0a447,#64c0a400 70%)}.start-kicker,.stage-label{margin:0 0 12px;color:#a95637;font-size:clamp(32px,4.32vw,50px);font-weight:950}.start-stage h1{margin:0 0 clamp(28px,5vh,62px);font-size:clamp(64px,8.4vw,154px);line-height:.96;letter-spacing:-.04em}.start-title-line{display:block}.start-button{animation:button-enter .55s .24s both}.start-orbit{position:absolute;top:12%;right:18%;color:#d58d27;animation:gentle-float 3.6s ease-in-out infinite}.start-orbit svg{width:clamp(42px,4vw,72px);height:auto}.empty-message{margin:18px 0 0;color:#91412f;font-size:clamp(20px,1.5vw,28px);font-weight:850}.question-stage{position:relative;margin:clamp(12px,2vh,26px) 0;padding:clamp(24px,5vw,80px);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.55),transparent 46%),#fffdf5db;border:3px solid rgba(255,255,255,.7);border-radius:clamp(22px,3vw,44px);box-shadow:0 24px 64px #5d48272e;animation:question-enter .46s both}.question-stage.is-revealed{box-shadow:0 24px 64px #5d48272e,0 0 60px #f4bd3f3d}.stage-copy{max-width:14em;margin:0;font-size:clamp(58px,7vw,126px);font-weight:950;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.question-stage.is-revealed .stage-copy{font-size:clamp(68px,8.2vw,148px);animation:answer-reveal .52s both}.stage-detail,.stage-status{margin:18px 0 0;font-size:clamp(23px,2.1vw,40px);font-weight:850}.stage-status{display:inline-flex;align-items:center;gap:8px;color:#377d72}.celebration{position:absolute;inset:0;pointer-events:none;opacity:0}.is-revealed .celebration{opacity:1}.celebration i{position:absolute;width:13px;height:22px;background:#efb339;border-radius:4px;animation:confetti .9s both}.celebration i:nth-child(1){left:12%;top:18%;transform:rotate(18deg)}.celebration i:nth-child(2){left:24%;top:9%;background:#55a98f;animation-delay:80ms}.celebration i:nth-child(3){right:16%;top:13%;background:#d76d4e;animation-delay:.14s}.celebration i:nth-child(4){right:28%;top:24%;transform:rotate(42deg)}.celebration i:nth-child(5){left:48%;top:7%;background:#6aa9bc;animation-delay:.19s}.review-screen{height:auto;min-height:100dvh;overflow-y:auto}.review-screen .game-header h1{font-size:clamp(36px,3.4vw,64px)}.review-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr);gap:clamp(12px,1.5vw,24px);min-height:0;margin:clamp(14px,2vh,26px) 0}.review-answer{display:grid;place-items:center;min-height:0;padding:clamp(12px,1.6vw,26px);color:var(--ink);text-align:center;text-wrap:balance;background:linear-gradient(145deg,rgba(255,255,255,.54),transparent 52%),#fffdf5eb;border:2px solid rgba(255,255,255,.74);border-radius:22px;box-shadow:0 14px 34px #5d482724;font-size:clamp(30px,3vw,58px);font-weight:950;line-height:1.1;animation:review-enter .42s both;animation-delay:calc(var(--review-order) * 70ms)}.review-controls{min-height:72px}@keyframes stage-enter{0%{opacity:0;transform:translateY(22px)}}@keyframes button-enter{0%{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes question-enter{0%{opacity:0;transform:translate(24px)}}@keyframes answer-reveal{0%{opacity:0;transform:rotateX(-18deg) scale(.97);filter:blur(5px)}}@keyframes review-enter{0%{opacity:0;transform:translateY(16px)}}@keyframes gentle-float{50%{transform:translateY(-10px) rotate(8deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(-22px) rotate(0)}55%{opacity:1}to{opacity:0;transform:translateY(54px) rotate(150deg)}}.settings-frame{min-height:auto;overflow:visible;padding-bottom:72px}.settings-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1fr);gap:20px;margin-top:28px}.settings-panel{padding:clamp(20px,2vw,30px);color:var(--ink);background:#fffbebd6;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.settings-panel-wide{grid-column:1 / -1}.background-panel{grid-column:1 / -1;grid-row:auto}.settings-panel h2{margin-bottom:18px;color:#a16032;font-size:clamp(26px,2vw,38px)}.field-block{display:grid;gap:10px;font-size:22px;font-weight:800}.field-block input,.field-block select{width:100%;min-height:56px;padding:0 16px;color:var(--ink);background:var(--paper-soft);border:2px solid transparent;border-radius:8px;font-size:24px}.field-block select{cursor:pointer}.helper-text{margin:0 0 16px;color:#173347c2;font-size:clamp(20px,1.45vw,26px);font-weight:800;line-height:1.45}.toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-row{display:flex;align-items:center;gap:12px;min-height:50px;font-size:24px;font-weight:800}.check-row input{width:26px;height:26px;accent-color:var(--gold)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0}.background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.background-choice{display:grid;gap:10px;align-content:start}.background-preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;color:var(--ink);background-color:#fff0c7;background-position:center;background-size:cover;border:2px solid transparent;border-radius:8px}.background-preview svg{position:relative;z-index:1}.background-preview.is-selected{border-color:var(--gold);box-shadow:0 0 0 4px #d8ae4a38}.background-choice strong{display:block;margin-bottom:8px;color:var(--ink);font-size:19px;line-height:1.25}.delete-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;color:var(--paper);background:#b34f35eb;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;font-weight:900}.status-text{margin:14px 0 0;color:var(--jade);font-size:20px;font-weight:800}@media(max-width:1100px){body{overflow:auto}.settings-header{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}.settings-layout{grid-template-columns:1fr}.background-panel{grid-column:auto;grid-row:auto}}@media(max-width:760px){.game-screen{height:100dvh;min-height:100dvh;padding:14px}.game-header{grid-template-columns:1fr auto;gap:10px;min-height:54px}.game-progress{grid-column:1 / -1;grid-row:2;grid-template-columns:auto 1fr auto;width:100%;font-size:16px}.game-brand{font-size:20px}.game-header .top-actions{gap:6px;flex-wrap:nowrap}.game-header .icon-button{width:48px;min-height:48px}.start-stage h1{font-size:clamp(58px,19vw,88px)}.start-orbit{top:10%;right:10%}.question-stage{margin:10px 0;padding:24px 16px;border-radius:24px}.stage-copy,.question-stage.is-revealed .stage-copy{font-size:clamp(42px,12vw,64px)}.stage-label{font-size:23px}.stage-detail,.stage-status{font-size:22px}.game-controls{min-height:78px}.game-primary,.game-secondary{width:100%;min-height:62px;font-size:26px}.review-screen{height:auto;min-height:100dvh;overflow:visible}.review-screen .game-header h1{font-size:29px;line-height:1.15;letter-spacing:-.04em;white-space:nowrap}.review-grid{grid-template-columns:1fr;grid-template-rows:none;overflow:visible}.review-answer{min-height:112px;font-size:clamp(34px,10vw,52px)}}@media(max-width:640px){.settings-frame{padding:16px}.toggle-list{grid-template-columns:1fr}.text-button,.upload-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.celebration{display:none}}