: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}.question-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(16px,2vw,28px);margin:clamp(20px,2vw,34px) 0;padding:clamp(18px,2vw,30px);background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.question-strip p{margin-bottom:6px;color:#238c79;font-size:clamp(20px,1.7vw,28px);font-weight:800}.question-strip h2{margin-bottom:0;color:var(--ink);font-size:clamp(34px,3.25vw,62px);letter-spacing:0}.question-strip-detail{margin:12px 0 0;color:#173347b8;font-size:clamp(20px,1.7vw,30px);font-weight:800}.answer-pill{min-width:126px;padding:14px 20px;color:var(--paper);text-align:center;background:#b34f35d9;border-radius:8px;font-size:clamp(20px,1.6vw,28px);font-weight:900}.answer-pill.is-revealed{color:var(--ink);background:var(--jade)}.orientation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.25vw,20px);flex:1;min-height:0}.orientation-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:166px;padding:clamp(14px,1.2vw,20px);overflow:hidden;color:var(--ink);text-align:center;background:#fffbebd1;border:2px solid rgba(77,119,135,.18);border-radius:8px;box-shadow:var(--shadow)}.orientation-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%),#ffe7be14;opacity:1;transition:opacity .18s ease}.orientation-card.is-active{border-color:var(--gold);transform:translateY(-2px)}.orientation-card.is-revealed{background:#fffdf5f0;color:var(--ink)}.orientation-card.is-revealed:after{opacity:0}.card-label,.card-question,.card-answer,.card-detail,.card-status{position:relative;z-index:1}.card-label{display:block;width:100%;color:#b5673f;font-size:clamp(28px,2.1vw,40px);font-weight:900}.is-revealed .card-label{color:var(--brick)}.card-question{display:block;width:100%;margin:10px 0;font-size:clamp(24px,1.75vw,34px);font-weight:900;line-height:1.08;letter-spacing:-.04em;white-space:nowrap}.card-answer{display:grid;place-items:center;width:100%;min-height:62px;padding-top:10px;border-top:1px solid currentColor;font-size:clamp(34px,2.3vw,44px);font-weight:900;line-height:1.08;letter-spacing:-.05em;white-space:nowrap}.orientation-card:not(.is-revealed) .card-answer{color:transparent;text-shadow:0 0 14px rgba(247,241,228,.72);background:repeating-linear-gradient(135deg,#4d778729 0 8px,#4d77870f 8px 16px),#ffffff7a;border-radius:8px}.card-detail,.card-status{margin-top:8px;color:#11130fbd;font-size:clamp(17px,1.3vw,24px);font-weight:700;line-height:1.35}.card-status{display:inline-flex;align-items:center;gap:6px;color:#a16032}.festival-card{z-index:3}.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}.top-bar,.settings-header{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}.question-strip,.orientation-grid,.settings-layout{grid-template-columns:1fr}.background-panel{grid-column:auto;grid-row:auto}}@media(max-width:640px){.board-frame,.settings-frame{padding:16px}.question-strip,.toggle-list{grid-template-columns:1fr}.text-button,.upload-button{width:100%}}