/* 議會冒險 II（HD-2D）。字型全部自帶、不連外：像素字（俐方體 11 號）與標題字（源樣黑體 H）依本作用字子集化成 WOFF2
   （tools/subset_fonts.py，原檔在 /v/fonts/，OFL）；內文用裝置內建的繁中黑體，不另外下載（效能評估 P1）。 */
@font-face{font-family:"Cubic11";src:url("../fonts/Cubic11.c7d65a8dd1.woff2") format("woff2");font-display:swap}
@font-face{font-family:"GenYoH";src:url("../fonts/GenYoH.b0d99284b6.woff2") format("woff2");font-display:swap}
:root{
  color-scheme:dark;
  --bg:#0d0a16; --bg2:#171226; --ink:#f4eee0; --muted:#bfb6a2; --gold:#d8b45a; --gold2:#f2d68a; --gold3:#8a6a2a; --shadow:#05030a;
  --panel:rgba(14,11,28,.88); --panel2:rgba(28,22,48,.92); --focus:#7fd8ff;
  --paper:#f3e9d0; --paper2:#e9dcbc; --pink-ink:#2a1d10; --pline:#a8864a; --pmuted:#5e4a2c; --plink:#7a1e2c; --pmark:#ffd54a;
  --sys:"PingFang TC","Heiti TC","Microsoft JhengHei","Noto Sans TC","Noto Sans CJK TC","Source Han Sans TC",sans-serif;
  --pixel:"Cubic11",var(--sys);
  --sans:var(--sys);
  --title:"GenYoH",var(--sys);
  --k-segment:#5a3a8a; --k-proposal:#8a1a3a; --k-written:#8a5a00; --k-suggestion:#2a5a6a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden;
  background-image:radial-gradient(ellipse at 50% -20%,#2a2040 0,transparent 60%)}
body.locked{overflow:hidden}
a{color:var(--focus)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;left:-999px;top:4px;z-index:60;background:var(--gold);color:#000;padding:4px 10px}
.skip:focus{left:8px}
kbd{font-family:var(--pixel);font-size:11px;border:1px solid currentColor;border-bottom-width:2px;padding:0 4px;margin-left:5px;opacity:.75;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───── 頁首 ───── */
.top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;max-width:1280px;margin:0 auto;padding:10px 16px 8px}
.top h1{margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.top .t1{font-family:var(--title);font-weight:400;font-size:clamp(22px,3vw,30px);letter-spacing:.06em;color:var(--gold2);
  text-shadow:0 1px 0 #6a4a10,0 2px 0 #3a2808,0 0 18px rgba(242,214,138,.35)}
.top .t2{font-family:var(--pixel);font-size:12px;color:var(--muted);letter-spacing:.1em}
.top p{margin:0;font-size:12px;color:var(--muted)}
.topnav{margin-left:auto;display:flex;gap:8px}
.std{font-family:var(--pixel);font-size:13px;color:var(--ink);text-decoration:none;padding:4px 12px;border:1px solid var(--gold);background:linear-gradient(#2a2040,#16112a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 0 0 1px rgba(216,180,90,.25)}
.std:hover{background:linear-gradient(#3a2c58,#201838)}
.std.ghost{border-color:#6a5a40;color:var(--muted)}

/* ───── 舞台 ───── */
.stage{position:relative;width:100%;height:100vh;height:100dvh;min-height:300px;margin:0;background:#000;overflow:hidden}
#gl{display:block;width:100%;height:100%;outline:none;touch-action:none}
#gl:focus{outline:none}
#gl:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(230,200,120,.55)}


/* HUD */
#hud{position:absolute;inset:0;pointer-events:none;font-family:var(--pixel)}
.hud-l{position:absolute;left:calc(12px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}
.plate{display:flex;flex-direction:column;gap:0;padding:6px 14px 7px 12px;background:linear-gradient(90deg,rgba(10,8,20,.82),rgba(10,8,20,.4) 85%,transparent);border-left:3px solid var(--gold)}
.plate .ttl{font-size:11px;color:var(--gold2);letter-spacing:.12em}
.plate b{font-family:var(--title);font-weight:400;font-size:20px;letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 #000}
.plate .ph{font-size:11px;color:var(--muted)}
.hud-r{position:absolute;right:calc(12px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#minimap{width:108px;height:138px;image-rendering:pixelated;background:rgba(8,6,16,.7);border:1px solid var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(0,0,0,.6)}
.tracker{max-width:260px;padding:8px 12px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 2px rgba(0,0,0,.5),inset 0 0 0 3px rgba(216,180,90,.25);font-size:12px;line-height:1.5}
.tracker h3{margin:0 0 2px;font-family:var(--title);font-weight:400;font-size:14px;color:var(--gold2);letter-spacing:.05em}
.tracker ol{margin:0;padding-left:1.3em}
.tracker li.done{color:#8a8a8a;text-decoration:line-through}
.tracker li.cur{color:#fff}
.tracker .s{color:var(--muted)}
@media (max-width:760px){#minimap{width:72px;height:92px}.tracker{max-width:180px;font-size:11px}.plate b{font-size:16px}}

/* 工具列 */
.toolbar{position:absolute;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))}
.tb{font-family:var(--pixel);font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--gold3);padding:4px 10px;cursor:pointer;box-shadow:0 0 0 1px #000;line-height:1.3}
.tb:hover,.tb[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2)}
.tb.sq{padding:4px 8px}
@media (pointer:coarse){
  .toolbar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:column;max-width:none;align-items:stretch;gap:5px}
  .tb kbd{display:none}
  .tb{font-size:12px;padding:5px 10px}
  .tb.opt,.tb.sq{display:none}
}
@media (max-width:760px) and (pointer:fine){.tb.opt{font-size:11px}}

/* 區域標題 */
#banner{position:absolute;left:50%;top:22%;transform:translateX(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .8s ease}
#banner.on{opacity:1}
#banner .b-title{font-family:var(--title);font-size:clamp(28px,5vw,52px);letter-spacing:.2em;color:#fff;text-shadow:0 2px 0 #000,0 0 24px rgba(0,0,0,.8),0 0 40px rgba(242,214,138,.35);white-space:nowrap}
#banner .b-sub{font-family:var(--pixel);font-size:13px;letter-spacing:.3em;color:var(--gold2);text-shadow:0 1px 0 #000}
#banner .b-orn{height:2px;width:min(420px,70vw);margin:8px auto;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold2) 50%,var(--gold) 80%,transparent);box-shadow:0 0 8px rgba(242,214,138,.6)}

/* 互動提示 */
#prompt{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);font-family:var(--pixel);font-size:13px;color:#fff;background:var(--panel);border:1px solid var(--gold);padding:4px 12px;box-shadow:0 0 0 1px #000;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
#prompt.on{opacity:1}
#prompt b{color:var(--gold2);font-weight:400}

/* ───── 對話框：雙線金框、半透明深色底 ───── */
#dlg{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(900px,calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));z-index:5}
.dchoices{max-height:min(46vh,420px);max-height:min(46dvh,420px);overflow:auto;overscroll-behavior:contain}
.dframe{position:relative;padding:18px 26px 20px;background:linear-gradient(180deg,rgba(22,18,44,.92),rgba(8,6,20,.94));
  border:2px solid var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 3px rgba(5,3,10,.85),inset 0 0 0 4px var(--gold3),0 12px 30px rgba(0,0,0,.6)}
.dframe::before,.dframe::after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--gold2);transform:rotate(45deg);background:#1a1430;top:-9px}
.dframe::before{left:-9px}.dframe::after{right:-9px}
.dname{position:absolute;left:22px;top:-17px;font-family:var(--title);font-size:17px;letter-spacing:.12em;color:var(--gold2);background:linear-gradient(#2a2148,#130e26);border:1px solid var(--gold);padding:1px 14px 2px;box-shadow:0 0 0 1px #000;text-shadow:0 1px 0 #000}
.dname:empty{display:none}
.dname.c{color:#fff}.dname.g{color:#bfe3ff}.dname.p{color:#ffd8a8}
.dbody{display:flex;gap:16px;align-items:flex-start}
.dface{width:72px;height:72px;image-rendering:pixelated;flex:none;background:radial-gradient(circle at 50% 35%,#3a3060,#16122a);border:1px solid var(--gold3);box-shadow:inset 0 0 0 2px #000}
.dtext{flex:1;min-height:4.8em;font-size:18px;font-weight:500;line-height:1.6;color:#fbf6ea;text-shadow:0 1px 0 rgba(0,0,0,.8);white-space:pre-wrap;word-break:break-word}
.dtext small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.dtext a{color:#9fd8ff}
.dnext{position:absolute;right:18px;bottom:6px;color:var(--gold2);font-size:12px;animation:bob 0.9s steps(2,end) infinite}
.dnext.off{visibility:hidden}
@keyframes bob{50%{transform:translateY(3px)}}
.dchoices{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 12px}
.dchoices li{position:relative;padding:3px 8px 3px 26px;font-family:var(--pixel);font-size:15px;cursor:pointer;color:#e8e0cc}
.dchoices li small{font-family:var(--sans);font-size:11px;color:var(--muted);margin-left:6px}
.dchoices li[aria-selected="true"]{color:#fff;background:linear-gradient(90deg,rgba(216,180,90,.22),transparent)}
.dchoices li[aria-selected="true"]::before{content:"";position:absolute;left:6px;top:50%;width:12px;height:12px;margin-top:-6px;
  background:var(--gold2);clip-path:polygon(0 0,100% 50%,0 100%,30% 50%);animation:cur .6s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px rgba(242,214,138,.8))}
@keyframes cur{to{transform:translateX(4px)}}
@media (max-width:760px){.dtext{font-size:15px;min-height:4.4em}.dface{width:48px;height:48px}.dframe{padding:16px 14px 18px}.dchoices{grid-template-columns:1fr 1fr}.dchoices li{font-size:13px}}

#toast{position:absolute;left:50%;top:14px;transform:translate(-50%,-30px);opacity:0;transition:all .35s;font-family:var(--pixel);font-size:13px;background:var(--panel);border:1px solid var(--gold);padding:6px 16px;box-shadow:0 0 0 1px #000,0 0 20px rgba(242,214,138,.25);pointer-events:none;max-width:80%;text-align:center;z-index:6}
#toast.on{opacity:1;transform:translate(-50%,0)}
#fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .35s;z-index:7}
#fade.on{opacity:1}

/* 觸控：搖桿＋A/B */
#pad{position:absolute;inset:auto 0 0 0;height:0;display:none;z-index:4}
.joy{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(216,180,90,.5);touch-action:none}
.knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5a4a7a,#231a3a);border:1px solid var(--gold);box-shadow:0 2px 6px rgba(0,0,0,.6)}
.ab{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));display:flex;gap:14px;align-items:flex-end}
.ab button{width:62px;height:62px;border-radius:50%;font-family:var(--pixel);font-size:20px;color:#fff;border:1px solid var(--gold);box-shadow:0 3px 0 #000;touch-action:none}
.ab .a{background:radial-gradient(circle at 40% 35%,#c8843a,#6a3a12);margin-bottom:26px}
.ab .b{background:radial-gradient(circle at 40% 35%,#6a6458,#2e2a24)}  /* A、B 鍵：琥珀色與灰褐色（避開政黨代表色） */
.ab small{display:block;font-size:10px;line-height:1}
@media (pointer:coarse){#pad{display:block;bottom:0}}
body.dlg-open #pad{display:none!important} /* 對話中直接點對話框推進，避免按鈕疊在文字上 */

/* 載入與無 WebGL */
#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 40%,#2a2040,#08060f);z-index:8;transition:opacity .6s}
#loading.done{opacity:0;pointer-events:none}
#loading .lt{font-family:var(--title);font-size:clamp(30px,5vw,48px);letter-spacing:.2em;color:var(--gold2);text-shadow:0 0 24px rgba(242,214,138,.4)}
#loading .ls{font-family:var(--pixel);font-size:13px;color:var(--muted)}
.lbar{width:220px;height:6px;border:1px solid var(--gold3);background:#000}
.lbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:width .3s}
/* 還沒進遊戲（文字版、搜尋、用網址打開搜尋）：遊戲畫面縮成一塊「進入遊戲」，不載入立體畫面 */
#loading .btn.primary{font-size:15px;padding:8px 22px}
.lnote{max-width:380px;margin:0;padding:0 16px;text-align:center;font-size:12px;line-height:1.6;color:var(--muted)}
body.lazy3d .stage{height:auto;min-height:0}
body.lazy3d #loading{position:relative;inset:auto;padding:26px 16px 22px}
body.lazy3d #loading .lt{font-size:clamp(24px,4vw,34px)}
body.lazy3d #gl,body.lazy3d #toolbar,body.lazy3d #hud,body.lazy3d #pad,body.lazy3d #itembar,body.lazy3d #loading .lbar{display:none}
#nogl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#0d0a16;z-index:9}
#nogl[hidden]{display:none}
#nogl h2{font-family:var(--title);font-weight:400;color:var(--gold2)}
#nogl p{max-width:560px;color:var(--muted)}

.keys{max-width:1280px;margin:8px auto;padding:0 16px;text-align:center;font-size:12px;color:var(--muted)}
.keys .tc{display:none}
@media (pointer:coarse){.keys .kb{display:none}.keys .tc{display:inline}}

/* 公告牌 */
.notice{position:relative;max-width:900px;margin:10px auto 14px;background:var(--paper);color:var(--pink-ink);border:3px solid #7a5428;outline:1px solid #000;box-shadow:0 6px 16px rgba(0,0,0,.4);padding:20px 16px 10px;font-size:14px;line-height:1.6}
.notice::before,.notice::after{content:"";position:absolute;top:6px;width:7px;height:7px;border-radius:50%;background:#b8302c;box-shadow:1px 1px 0 #4a0a0a}
.notice::before{left:8px}.notice::after{right:8px}
.notice .nt-h{position:absolute;top:-3px;left:50%;transform:translateX(-50%);font-family:var(--pixel);font-size:12px;color:#ffe9a8;background:#7a5428;padding:2px 14px 3px;letter-spacing:.3em}
.notice p{margin:0}
.notice b{color:#8a1a3a}
.pty{white-space:nowrap;margin-right:.6em}
.pty::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.25em;vertical-align:-.05em;background:var(--c);border:1px solid #140a28}

/* ───── 文字版 ───── */
#alt{max-width:1100px;margin:24px auto 0;padding:18px 16px 0;border-top:1px solid var(--gold3)}
#alt:focus{outline:none}
#alt h2{font-family:var(--title);font-weight:400;font-size:22px;letter-spacing:.08em;color:var(--gold2);margin:0 0 4px}
#alt h3{font-family:var(--title);font-weight:400;font-size:17px;color:#e8d8b0;margin:18px 0 8px}
#alt > p{margin:0 0 12px;color:var(--muted);font-size:14px}
.altbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.altbar label{font-family:var(--pixel)}
.altbar select{font:inherit;font-size:15px;padding:4px 8px;background:var(--bg2);color:var(--ink);border:1px solid var(--gold3)}
.btn{font-family:var(--pixel);font-size:13px;color:var(--ink);background:linear-gradient(#2a2040,#16112a);border:1px solid var(--gold);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6);padding:5px 12px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}
.btn:hover{background:linear-gradient(#3a2c58,#201838)}
.btn[disabled]{opacity:.45;cursor:default}
.btn.sm{font-size:12px;padding:2px 8px}
.btn.primary{background:linear-gradient(#8a6a2a,#5a4010);color:#fff8e0}
.cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:760px){.cols{grid-template-columns:minmax(0,1fr)}}
details.el{background:var(--bg2);border:1px solid #3a2e52;margin:0 0 8px}
details.el summary{cursor:pointer;padding:8px 12px;font-family:var(--pixel);font-size:14px}
details.el summary span{color:var(--muted);font-family:var(--sans);font-size:12px;margin-left:6px}
details.el ul{list-style:none;margin:0;padding:4px 10px 6px;display:flex;flex-wrap:wrap;gap:6px}
details.el .board{padding:0 10px 12px}
.chip{font-family:var(--sans);font-size:14px;color:var(--ink);background:#221a3a;border:1px solid #5a4a7a;padding:3px 10px;cursor:pointer}
.chip:hover{border-color:var(--gold)}
.chip .p{color:var(--muted);font-size:12px;margin-left:4px}
.chip .done{color:var(--gold2);font-size:12px;margin-left:4px}
.evs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.foot{max-width:1100px;margin:28px auto 40px;padding:0 16px;font-size:12px;color:var(--muted)}
.foot.rpfoot{margin-bottom:-20px}
.foot.rpfoot a{color:inherit;text-decoration:underline}
a.rpt{white-space:nowrap}
.loading{color:var(--muted)}

/* ───── 卷軸（頁面） ───── */
#book,#scene{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:12px}
#book[hidden],#scene[hidden]{display:none}
.book-back,.scene-back{position:absolute;inset:0;background:rgba(5,3,10,.72);backdrop-filter:blur(3px)}
.scroll{position:relative;display:flex;flex-direction:column;width:min(860px,100%);max-height:calc(100dvh - 24px);
  border:2px solid var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 3px #000,0 20px 60px rgba(0,0,0,.7);background:var(--paper)}
.bookhead{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#2a2040,#130e26);border-bottom:2px solid var(--gold)}
.bookhead h2{flex:1;margin:0;font-family:var(--title);font-weight:400;font-size:clamp(18px,2.6vw,24px);letter-spacing:.06em;color:var(--gold2);line-height:1.3}
.bookhead h2:focus{outline:none}
.paper{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px 24px;background:var(--paper);color:var(--pink-ink);font-size:15px;
  background-image:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.5),transparent 70%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(168,134,74,.1) 27px 28px)}
.paper a{color:var(--plink)}
.paper a.btn,.paper a.btn:visited{color:var(--ink)}
.paper :focus-visible{outline:3px solid #1a4fd0;outline-offset:2px}
.paper h3{font-family:var(--title);font-weight:400;font-size:18px;letter-spacing:.04em;color:#6a1a2a;margin:18px 0 6px;padding-bottom:3px;border-bottom:1px solid var(--pline);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.paper h3::before{content:"◆";color:var(--gold3);font-size:12px}
.paper h3:first-child{margin-top:0}
.paper p{margin:0 0 8px}
.paper .note{font-size:13px;color:var(--pmuted)}
.paper .warn{font-size:13px;color:#8a3a10;border-left:4px solid #c8701c;padding:4px 8px;background:rgba(200,112,28,.1)}
.paper .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vols{display:flex;flex-wrap:wrap;gap:4px 14px;width:100%;margin:4px 0}
.vol{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--pink-ink)}
.vol input[type=range]{width:120px;accent-color:#6a1a2a}
.vol output{min-width:2.2em;font-variant-numeric:tabular-nums;color:var(--pmuted)}
.paper .btn{color:var(--ink)}
.paper dl.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin:8px 0}
.paper dl.stats div{background:#fff8e2;border:1px solid var(--pline);padding:4px 8px}
.paper dl.stats dt{font-size:12px;color:var(--pmuted)}
.paper dl.stats dd{margin:0;font-family:var(--pixel);font-size:20px;font-variant-numeric:tabular-nums}
.paper .notice{margin:4px 0 12px;max-width:none}
.tg{font:inherit;font-size:13px;color:var(--pink-ink);background:#fff6dc;border:1px solid var(--pline);padding:2px 8px;cursor:pointer;text-decoration:none;display:inline-block}
.tg:hover{background:#ffe9a8}
.tg[aria-pressed="true"]{background:#6a1a2a;color:#fff;border-color:#6a1a2a}
.tg .n{color:var(--pmuted);margin-left:4px;font-size:12px}
.tg[aria-pressed="true"] .n{color:#ffd}
.lk{font:inherit;color:var(--plink);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.blist{list-style:none;margin:4px 0 8px;padding:0}
.blist li{display:grid;grid-template-columns:minmax(6em,13em) 1fr auto;gap:8px;align-items:center;font-size:14px;margin:2px 0}
.blist li > :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.blist .b{height:9px;background:#e8d7a8;border:1px solid var(--pline)}
.blist .b i{display:block;height:100%;background:#5a3a6a}
.blist .n{font-variant-numeric:tabular-nums;font-size:13px;min-width:3em;text-align:right}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 12px;margin:8px 0}
.form label{display:flex;flex-direction:column;font-size:13px;color:var(--pmuted)}
.form select,.form input[type=date],.qline input{font:inherit;font-size:14px;padding:4px 6px;border:1px solid var(--pline);background:#fffaf0;color:var(--pink-ink)}
.form .ck{flex-direction:row;gap:6px;align-items:center;color:var(--pink-ink)}
.qline{display:flex;gap:8px}
/* 快速搜尋（公告、文字版最上面） */
.qsearch{margin:0 0 14px;padding:10px 12px;border:1px solid var(--gold3);background:rgba(216,180,90,.08)}
.qsearch .qs-h{display:block;font-family:var(--pixel);font-size:14px;color:var(--gold2);margin:0 0 6px}
.qsearch .note{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.paper .qsearch{border-color:var(--pline);background:#fff6e2}
.paper .qsearch .qs-h{color:#6a1a2a}
.paper .qsearch .note{color:var(--pmuted)}
.slink,.paper .slink{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 4px}
.slink .note{font-size:13px}
.slink-url{width:100%;max-width:520px;font-size:13px;padding:3px 6px}
.qline input{flex:1;min-width:0;font-size:16px}
.rlist .status{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:13px;margin:6px 0;color:var(--pmuted)}
.rlist .status .csv{margin-left:auto}
.rec{background:#fffaf0;border:1px solid var(--pline);box-shadow:2px 3px 0 rgba(90,60,20,.18);padding:10px 12px;margin:0 0 10px}
.rec .meta{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;font-size:13px;color:var(--pmuted)}
.rec .t{margin:6px 0 2px;white-space:pre-wrap;word-break:break-word}
.rec .ft{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:6px;font-size:13px}
.rec .ft .r{margin-left:auto}
.rec .dlg{margin-top:8px;padding:8px 10px;background:#f3e6c2;border-left:4px solid var(--pline);font-size:14px;max-height:60vh;overflow:auto}
.rec .dlg p{margin:0 0 6px}.rec .dlg p.c b{color:#6a1a2a}.rec .dlg p.g,.rec .dlg p.p,.rec .dlg p.o{color:var(--pmuted)}
.kind{display:inline-block;font-size:12px;line-height:18px;padding:0 6px;border:1px solid currentColor;font-family:var(--pixel);background:#fffaf0}
.kind.segment{color:var(--k-segment)}.kind.proposal{color:var(--k-proposal)}.kind.written{color:var(--k-written)}.kind.suggestion{color:var(--k-suggestion)}
.co{color:#8a3a10;font-size:12px;border:1px dashed #8a3a10;padding:0 4px}
.paper mark{background:var(--pmark);color:inherit}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0}
.empty{padding:14px;text-align:center;color:var(--pmuted)}
.libfail{margin:10px 0;padding:12px 14px;border:1px solid var(--pline);border-left:4px solid #b8862e;background:#fffaf0;line-height:1.7}
.libfail p{margin:4px 0}
.plat{border-left:4px solid #d8c69a;padding:6px 10px;margin:0 0 8px;background:#fffaf0}
.plat.has{border-left-color:#5a3a8a}
.badge{display:inline-block;font-size:12px;padding:0 6px;background:#4a3a6a;color:#fff}
.badge.none{background:#e6d8b4;color:var(--pink-ink)}
.cand{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;list-style:none;padding:0;margin:8px 0 12px}
.towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;list-style:none;padding:0;margin:8px 0}
.towns .btn{width:100%;font-size:15px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;list-style:none;padding:0;margin:6px 0}
.mgrid .btn{width:100%;text-align:left;font-size:15px;padding:8px 10px}
.mgrid small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted)}
.ecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;list-style:none;padding:0;margin:6px 0}
.ecards button{width:100%;text-align:left;font:inherit;font-size:14px;background:#fffaf0;color:var(--pink-ink);border:1px solid var(--pline);padding:6px 10px;cursor:pointer}
.ecards button:hover{background:#fff2c8}
.ecards small{display:block;color:var(--pmuted);font-size:12px}
.ecards .st{float:right;font-family:var(--pixel);font-size:11px;padding:0 5px;border:1px solid currentColor}
.ecards .st.closed{color:#2a6a3a}.ecards .st.going{color:#8a5a00}.ecards .st.sens{color:#4a4a5a}

/* 社區公告欄（2026 參選人）：便條紙 */
.corkboard{background:#b07a44;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.08) 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.08) 1px,transparent 2px);background-size:9px 9px,13px 13px;border:8px solid #6a4220;box-shadow:inset 0 0 12px rgba(0,0,0,.4);padding:14px}
.corkboard .cand li{position:relative;background:#fff8d8;border:0;padding:12px 10px 8px;box-shadow:2px 3px 4px rgba(0,0,0,.35);transform:rotate(var(--r,0deg))}
.corkboard .cand li::before{content:"";position:absolute;top:-4px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--pin,#c83a3a);box-shadow:1px 2px 2px rgba(0,0,0,.4)}
.corkboard .cand li.non{background:#f0ece0}
.corkboard .cand b{font-size:16px}
.corkboard .ttl{font-family:var(--title);color:#fff4d0;text-shadow:0 2px 0 #3a2008;font-size:18px;margin:0 0 6px}
.corkboard .note{color:#f6e8c8}

/* 議員角色卡（頁面版） */
.stwin{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;align-items:start;background:linear-gradient(#241a40,#110b24);color:#fff;border:2px solid var(--gold);box-shadow:inset 0 0 0 2px #000,inset 0 0 0 3px var(--gold3);padding:12px 14px;margin:2px 0 14px}
.stwin .pt{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--pixel);text-align:center;min-width:96px}
.stwin .pt img{width:72px;height:72px;image-rendering:pixelated;background:radial-gradient(circle at 50% 35%,#3a3060,#16122a);border:1px solid var(--gold)}
.stwin .pt b{font-family:var(--title);font-weight:400;font-size:20px;color:var(--gold2);line-height:1.2}
.stwin .pt span{font-size:12px;color:#d8d0ff;line-height:1.3}
.stwin .cap{margin:0 0 6px;font-family:var(--pixel);font-size:12px;color:var(--gold2)}
.stwin .cap small{display:block;font-family:var(--sans);font-size:12px;color:#c3bbea;margin-top:2px}
.arow{display:grid;grid-template-columns:7.2em 6.4em minmax(40px,1fr);gap:8px;align-items:center;margin:0 0 6px}
.arow .lb{font-family:var(--pixel);font-size:12px;line-height:1.2;color:#fff}
.arow .num{white-space:nowrap;font-family:var(--pixel);font-size:22px;line-height:1;color:var(--gold2);text-align:right;font-variant-numeric:tabular-nums}
.arow .num small{font-size:12px;color:#d8d0ff;margin-left:2px}
.arow .pbar{height:7px;background:#000;border:1px solid #6a5a8a}
.arow .pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2))}
.stwin .sub{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:#d8d0ff;border-top:1px dotted #6a5ac8;padding-top:6px}
@media (max-width:560px){.stwin{grid-template-columns:minmax(0,1fr)}.stwin .pt{flex-direction:row;justify-content:flex-start;gap:10px;text-align:left}.arow{grid-template-columns:1fr auto}.arow .pbar{grid-column:1/-1}}

/* 圖鑑、印章簿 */
.dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;list-style:none;padding:0;margin:8px 0}
.dex li button{width:100%;font:inherit;font-size:12px;background:#fffaf0;border:1px solid var(--pline);padding:6px 4px;cursor:pointer;color:var(--pink-ink);display:flex;flex-direction:column;align-items:center;gap:2px}
.dex img{width:48px;height:48px;image-rendering:pixelated}
.dex li.unseen img{filter:brightness(0) opacity(.35)}
.dex li.unseen button{color:#9a8a6a}
.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;list-style:none;padding:0;margin:8px 0}
.stamps li button{width:100%;min-height:96px;font:inherit;font-size:13px;background:#fffaf0;border:1px dashed var(--pline);padding:8px;cursor:pointer;color:var(--pink-ink);position:relative;text-align:left}
.stamps .seal{position:absolute;right:8px;bottom:6px;width:48px;height:48px;border:3px solid #b8302c;border-radius:50%;color:#b8302c;font-family:var(--title);font-size:14px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);opacity:.85}
.stamps .seal.read{border-color:#4a4a5a;color:#4a4a5a;border-radius:4px}
.explore-map{display:block;width:min(360px,100%);image-rendering:pixelated;border:1px solid var(--pline);background:#203040;margin:8px 0}
.prog{height:10px;background:#e8d7a8;border:1px solid var(--pline);margin:2px 0 10px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#8a6a2a,#d8b45a)}

/* ───── 場景視窗（質詢重播、公文卷軸、掛號信、角色卡…） ───── */
.scene-box{position:relative;display:flex;flex-direction:column;width:min(960px,100%);max-height:calc(100dvh - 24px);background:linear-gradient(180deg,rgba(20,16,40,.96),rgba(8,6,18,.97));
  border:2px solid var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 3px #000,inset 0 0 0 4px var(--gold3),0 24px 60px rgba(0,0,0,.7)}
.scene-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--gold3)}
.scene-head h2{flex:1;margin:0;font-family:var(--title);font-weight:400;font-size:clamp(17px,2.4vw,22px);letter-spacing:.06em;color:var(--gold2)}
.scene-head h2:focus{outline:none}
.scene-body{flex:1;min-height:0;overflow:auto;padding:14px 18px 18px}
.scene-body .note{font-size:12px;color:var(--muted)}
.scene-body a{color:#9fd8ff}
.ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}

/* 質詢重播 */
.replay .stagebg{position:relative;height:200px;border:1px solid var(--gold3);overflow:hidden;
  background:linear-gradient(180deg,#3a2418 0,#5a3a22 55%,#2a1a10 56%,#4a2c18 100%)}
.replay .stagebg::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 2px,transparent 2px 48px),radial-gradient(ellipse at 20% 10%,rgba(255,230,170,.35),transparent 55%)}
.replay .win{position:absolute;top:14px;width:46px;height:70px;background:linear-gradient(#fff4d0,#e8c890);box-shadow:0 0 18px rgba(255,230,170,.7);border:3px solid #4a2a14}
.replay .rail{position:absolute;left:0;right:0;top:110px;height:10px;background:#2a160a}
.replay .who{position:absolute;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .25s,filter .25s;filter:brightness(.6) saturate(.7)}
.replay .who.on{filter:none;transform:translateY(-6px)}
.replay .who img{width:96px;height:128px;image-rendering:pixelated}
.replay .who span{font-family:var(--pixel);font-size:11px;color:#fff;background:rgba(0,0,0,.6);padding:0 6px;white-space:nowrap}
.replay .who.c{left:12%}.replay .who.g{right:12%}.replay .who.p{left:50%;transform:translateX(-50%) scale(.8);bottom:62px}.replay .who.p.on{transform:translateX(-50%) scale(.8) translateY(-6px)}
.replay .bub{position:relative;margin-top:14px;min-height:6.2em;padding:14px 18px 14px 18px;font-size:17px;line-height:1.65;border:2px solid;background:rgba(10,8,22,.9);box-shadow:inset 0 0 0 3px #000}
.replay .bub.c{border-color:#e8d8b0}.replay .bub.g{border-color:#7fb8e8}.replay .bub.p{border-color:#e8a860}.replay .bub.o{border-color:#8a8a8a}
.replay .bub .nm{position:absolute;top:-13px;left:14px;font-family:var(--title);font-size:14px;padding:0 10px;background:#140f28;border:1px solid currentColor}
.replay .bub.c .nm{color:#ffe9b8}.replay .bub.g .nm{color:#bfe3ff}.replay .bub.p .nm{color:#ffd0a0}
.replay .prog2{font-family:var(--pixel);font-size:12px;color:var(--muted)}
.replay .log{max-height:220px;overflow:auto;margin-top:10px;font-size:14px;border-top:1px dashed var(--gold3);padding-top:8px}
.replay .log p{margin:0 0 4px}.replay .log p.c b{color:#ffe9b8}.replay .log p.g b{color:#bfe3ff}.replay .log p.p b{color:#ffd0a0}
@media (max-width:600px){.replay .stagebg{height:150px}.replay .who img{width:64px;height:86px}.replay .bub{font-size:15px}}

/* 公文卷軸 */
.edict{position:relative;margin:6px auto;max-width:640px;background:#f4e8c8;color:#2a1d10;padding:26px 30px 30px;border-left:14px solid #8a5a2a;border-right:14px solid #8a5a2a;
  box-shadow:0 0 0 2px #000,0 10px 24px rgba(0,0,0,.5);transform-origin:top;animation:unroll .7s cubic-bezier(.2,.8,.2,1)}
.edict::before,.edict::after{content:"";position:absolute;left:-22px;right:-22px;height:16px;background:linear-gradient(#c8904a,#6a3a14);border:2px solid #000;border-radius:8px}
.edict::before{top:-10px}.edict::after{bottom:-10px}
@keyframes unroll{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.edict h3{font-family:var(--title);font-weight:400;font-size:20px;text-align:center;letter-spacing:.3em;margin:0 0 10px;color:#6a1a2a}
.edict .body{font-size:16px;line-height:1.8}
.edict dl{display:grid;grid-template-columns:6em 1fr;gap:4px 10px;font-size:14px;margin:12px 0 0}
.edict dt{color:#6a4a2a}
.edict dd{margin:0}
.seal2{position:absolute;right:26px;bottom:24px;width:78px;height:78px;border:4px double #b8302c;color:#b8302c;font-family:var(--title);font-size:15px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;transform:rotate(-14deg);opacity:0;animation:stamp .45s .55s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes stamp{from{opacity:0;transform:rotate(-14deg) scale(2.2)}to{opacity:.85;transform:rotate(-14deg) scale(1)}}

/* 掛號信 */
.letter{position:relative;max-width:620px;margin:10px auto;perspective:900px}
.envelope{position:relative;height:150px;background:#e8d8b4;border:2px solid #000;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.envelope .flap{position:absolute;left:0;right:0;top:0;height:90px;background:#d8c49c;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;animation:flap .6s .2s ease forwards;border-bottom:1px solid #a88a5a}
@keyframes flap{to{transform:rotateX(180deg)}}
.envelope .stampbox{position:absolute;right:14px;top:12px;width:48px;height:56px;border:2px dashed #b8302c;background:#fff4e0;font-family:var(--pixel);font-size:10px;color:#b8302c;display:flex;align-items:center;justify-content:center;text-align:center}
.envelope .reg{position:absolute;left:14px;bottom:12px;font-family:var(--title);color:#b8302c;border:2px solid #b8302c;padding:0 8px;font-size:15px}
.letter .sheet{position:relative;margin:-60px 26px 0;background:#fffaf0;color:#2a1d10;padding:18px 20px;border:1px solid #a88a5a;box-shadow:0 6px 16px rgba(0,0,0,.4);animation:rise .6s .7s ease both;font-size:16px;line-height:1.8}
@keyframes rise{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
.letter .sheet .meta{font-size:13px;color:#6a4a2a;margin-top:8px}

/* 角色卡（翻面） */
.card3d{width:300px;height:420px;margin:6px auto;perspective:1000px}
.card3d .inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}
.card3d.flip .inner{transform:rotateY(180deg)}
.card3d .face{position:absolute;inset:0;backface-visibility:hidden;border:3px solid var(--gold);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 5px var(--gold3),0 14px 30px rgba(0,0,0,.6);padding:14px;
  background:radial-gradient(ellipse at 50% 25%,#3a2e60,#120c26 70%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.card3d .back{transform:rotateY(180deg);align-items:stretch;text-align:left}
.card3d .portrait{width:144px;height:144px;image-rendering:pixelated;border:1px solid var(--gold3);background:radial-gradient(circle at 50% 40%,rgba(255,240,200,.25),transparent 70%)}
.card3d .nm{font-family:var(--title);font-size:26px;letter-spacing:.1em;color:var(--gold2);line-height:1.1}
.card3d .sub{font-family:var(--pixel);font-size:12px;color:#d8d0ff}
.card3d .top3{list-style:none;margin:6px 0 0;padding:0;font-size:14px;width:100%}
.card3d .top3 li{border-top:1px solid rgba(216,180,90,.35);padding:3px 0}
.card3d .cap{font-family:var(--pixel);font-size:11px;color:var(--gold2);letter-spacing:.1em}
.card3d .shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);animation:shine 3s ease-in-out infinite}
@keyframes shine{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.card3d .arow{grid-template-columns:6em 1fr;font-size:13px}
.card3d .arow .num{font-size:18px}

/* 線索卡、答詢卡 */
.clue{max-width:620px;margin:6px auto;background:linear-gradient(#fff8e0,#f2e2b8);color:#2a1d10;border:2px solid #000;outline:3px solid var(--gold);outline-offset:-7px;padding:18px 22px;box-shadow:0 12px 26px rgba(0,0,0,.5);animation:cardin .5s cubic-bezier(.2,1.4,.4,1)}
.clue.reply{background:linear-gradient(#e8f4ff,#c8dcef)}
.clue.sens{background:#f2f0ea;outline-color:#6a6a7a;animation:none}
@keyframes cardin{from{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.clue h3{margin:0 0 6px;font-family:var(--title);font-weight:400;letter-spacing:.1em;color:#6a1a2a;font-size:18px}
.clue blockquote{margin:8px 0;padding:6px 12px;border-left:4px solid #a8864a;font-size:16px;line-height:1.8;background:rgba(255,255,255,.5)}
.clue .meta{font-size:13px;color:#6a4a2a}

/* 任務板、時間軸題、結案報告 */
.qboard{background:#b07a44;border:8px solid #6a4220;padding:16px;box-shadow:inset 0 0 14px rgba(0,0,0,.45)}
.qboard.sens{background:#8a8a8a;border-color:#4a4a4a}
.qpaper{position:relative;background:#fff8d8;color:#2a1d10;padding:16px 18px;box-shadow:3px 4px 6px rgba(0,0,0,.4);transform:rotate(-.6deg)}
.qboard.sens .qpaper{background:#f4f2ec;transform:none}
.qpaper h3{margin:0 0 4px;font-family:var(--title);font-weight:400;font-size:22px;letter-spacing:.06em;color:#6a1a2a}
.qboard.sens .qpaper h3{color:#2a2a3a}
.qpaper .meta{font-family:var(--pixel);font-size:12px;color:#6a4a2a}
.qpaper ol{padding-left:1.4em;margin:8px 0}
.qpaper li.done{color:#7a7a7a;text-decoration:line-through}
.quiz fieldset{border:1px solid var(--gold3);padding:10px 14px}
.quiz legend{font-family:var(--title);color:var(--gold2);padding:0 6px}
.quiz label{display:block;font-family:var(--pixel);font-size:15px;padding:6px 8px;cursor:pointer}
.quiz label:hover{background:rgba(216,180,90,.12)}
.quiz label.right{color:#9af0a0}.quiz label.wrong{color:#ffb0a0}
.tl{display:flex;align-items:flex-end;gap:2px;height:140px;border-bottom:1px solid var(--gold3);margin:12px 0 4px;overflow-x:auto;padding-top:14px}
.tl .m{flex:1 0 12px;min-width:12px;background:linear-gradient(#6a5a9a,#3a2e60);position:relative}
.tl .m.peak{background:linear-gradient(var(--gold2),var(--gold3))}
.tl .m span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}
.tlax{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.report{position:relative;max-width:700px;margin:0 auto;background:#fffaf0;color:#2a1d10;padding:22px 26px 28px;border:2px solid #000;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.report h3{font-family:var(--title);font-weight:400;font-size:22px;letter-spacing:.08em;margin:0 0 8px;color:#6a1a2a;border-bottom:2px solid #a8864a}
.report.sens h3{color:#2a2a3a}
.report h4{margin:14px 0 4px;font-size:15px}
.report ul{margin:4px 0;padding-left:1.3em;font-size:14px}
.report .seal2{animation-delay:.4s}
.report.sens .seal2{border-color:#3a3a4a;color:#3a3a4a;border-radius:6px;animation:fadein .4s .2s forwards}
@keyframes fadein{to{opacity:.8}}
.burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.burst i{position:absolute;left:50%;top:40%;width:6px;height:6px;background:var(--gold2);animation:burst 1s ease-out forwards}
@keyframes burst{to{transform:translate(var(--dx),var(--dy));opacity:0}}

/* 願望手帳：一項一頁 */
.wish{max-width:640px;margin:0 auto;background:#fdf6e0;color:#2a1d10;border:2px solid #000;box-shadow:inset 18px 0 20px -14px rgba(0,0,0,.35),0 12px 28px rgba(0,0,0,.5);padding:22px 24px 18px 34px;min-height:300px;position:relative;
  background-image:repeating-linear-gradient(0deg,transparent 0 29px,rgba(120,140,200,.25) 29px 30px);background-position:0 12px}
.wish::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:rgba(200,80,80,.4)}
.wish .pg{font-family:var(--pixel);font-size:12px;color:#8a6a4a}
.wish .txt{font-size:18px;line-height:1.9;margin:8px 0}
.wish.turn{animation:turn .45s ease}
@keyframes turn{from{transform:perspective(900px) rotateY(-25deg);opacity:.2}to{transform:none;opacity:1}}

/* 鄰里委託單 */
.vboard{background:#7a5428;padding:14px;border:6px solid #4a2c10}
.vboard ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.vboard li button{width:100%;text-align:left;font:inherit;font-size:14px;background:#fff8d8;color:#2a1d10;border:0;padding:10px 12px 8px;box-shadow:2px 3px 4px rgba(0,0,0,.4);cursor:pointer;transform:rotate(var(--r,0deg))}
.vboard li button small{display:block;color:#6a4a2a;font-size:12px}
.order{max-width:560px;margin:0 auto;background:#fffdf4;color:#2a1d10;border:2px solid #2a1d10;padding:18px 22px;font-size:15px;position:relative}
.order h3{margin:0 0 8px;text-align:center;font-family:var(--title);font-weight:400;letter-spacing:.3em}
.order dl{display:grid;grid-template-columns:5.5em 1fr;gap:6px 10px;margin:0}
.order dt{color:#6a4a2a}.order dd{margin:0}

@media (max-width:560px){#book,#scene{padding:0}.scroll,.scene-box{max-height:100dvh;height:100%}.paper{padding:12px 12px 20px}.scene-body{padding:10px 10px 14px}.card3d{width:270px;height:400px}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.seal2{opacity:.85!important}.letter .sheet{opacity:1}.envelope .flap{transform:rotateX(180deg)}}

body.dlg-open .toolbar,body.dlg-open #prompt{opacity:0;pointer-events:none}
.qpaper h3::before{content:none}.qpaper h3{border:0;display:block}

/* 手機：頁首壓成一列（標題＋兩個小連結），副標與資料日期收起，把畫面留給遊戲 */
@media (max-width:600px){
  .top{flex-wrap:nowrap;gap:8px;padding:6px 12px}
  .top h1{flex:1 1 auto;min-width:0}
  .top .t1{font-size:20px;white-space:nowrap}
  .top .t2,#topSub{display:none}
  .topnav{gap:6px;flex:none}
  .topnav .std{font-size:12px;padding:4px 8px;white-space:nowrap}
}

/* ───── 議會冒險 II 試玩修正（P0–P2） ───── */
.dchoices.one{grid-template-columns:1fr}
.dchoices.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.dchoices.one{grid-template-columns:1fr}.dchoices.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 追蹤框：可以點 */
.tracker{pointer-events:auto;cursor:pointer;transition:box-shadow .3s}
.tracker:hover{border-color:var(--gold2)}
.tracker h3 .cnt{float:right;margin-left:8px;font-family:var(--pixel);font-size:12px;color:#fff;background:rgba(216,180,90,.25);padding:0 6px}
.tracker h3 .cnt.bump{animation:bump .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes bump{40%{transform:scale(1.6);background:var(--gold)}}
.tracker .w{color:var(--gold2);margin-top:3px;font-size:11px}
.tracker.flash{animation:trflash 1s ease}
@keyframes trflash{30%{box-shadow:0 0 0 1px #000,0 0 0 3px var(--gold2),0 0 22px rgba(242,214,138,.9)}}
.flycard{position:absolute;z-index:6;width:72px;padding:6px 4px;background:linear-gradient(#fff8e0,#f2e2b8);border:2px solid #000;outline:2px solid var(--gold);outline-offset:-5px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--pixel);font-size:11px;color:#2a1d10;pointer-events:none;transition:transform .6s cubic-bezier(.5,0,.6,1),opacity .6s ease}
.flycard img{width:44px;height:44px;image-rendering:pixelated}
#minib{position:absolute;left:50%;top:64px;transform:translateX(-50%) translateY(-8px);opacity:0;transition:all .4s;font-family:var(--title);font-size:17px;letter-spacing:.08em;color:var(--gold2);background:var(--panel);border:1px solid var(--gold);border-left-width:4px;border-right-width:4px;padding:5px 18px;pointer-events:none;z-index:6;white-space:nowrap;box-shadow:0 0 0 1px #000}
#minib.on{opacity:1;transform:translateX(-50%)}
.plate.flash b{animation:platein 1.2s ease}
@keyframes platein{0%{opacity:0;transform:translateX(-10px)}30%{opacity:1;transform:none;color:var(--gold2)}}
body.dlg-open #banner{opacity:0!important}

/* 質詢重播（3D 演出）的介面 */
#stg{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}
#stg[hidden]{display:none}
#stg > *{pointer-events:auto}
.stg-top{align-self:center;max-width:min(900px,100%);text-align:center;font-family:var(--pixel);font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--gold3);padding:4px 12px;box-shadow:0 0 0 1px #000}
.stg-top a{color:#9fd8ff}
.stg-range{color:var(--gold2);margin-top:2px}
.stg-box{width:min(900px,100%);align-self:center;margin-top:auto;cursor:pointer}
.stg-box .dtext{min-height:4.2em;max-height:9.6em;overflow:auto}
.stg-box.r-g{border-color:#7fb8e8}.stg-box.r-p{border-color:#e8a860}
.stg-ctrl{align-self:center;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:8px}
.stg-prog{font-family:var(--pixel);font-size:12px;color:var(--muted);background:var(--panel);padding:2px 8px}
body.stage-on .toolbar,body.stage-on #prompt,body.stage-on #tracker,body.stage-on #minimap{opacity:0;pointer-events:none}
@media (max-width:760px){.stg-top{font-size:11px}.stg-ctrl .tb{font-size:11px;padding:4px 7px}.stg-box .dtext{font-size:14px;min-height:3.6em;max-height:7em}}
@media (pointer:coarse){.stg-ctrl kbd{display:none}body.stage-on #pad .joy{display:none}}

/* 時間軸三選一：按鈕 */
.qzq{font-family:var(--title);color:var(--gold2);margin:0 0 8px}
.paper .qzq{color:#6a1a2a}
.qzopts{display:flex;flex-wrap:wrap;gap:8px}
.qzopt{font-size:16px;padding:6px 16px}
.qzopt.right{background:linear-gradient(#2a6a3a,#16401e);border-color:#9af0a0}
.qzopt.wrong{background:linear-gradient(#6a2a2a,#401616);border-color:#ffb0a0}
.qzopt[disabled]{opacity:1;cursor:default}
/* 線索卡背面：下一站 */
.clue .nextlink{margin-top:10px;padding:6px 10px;border-top:1px dashed #a8864a;font-size:14px;color:#3a2a10}
.clue .nextlink b{display:block;font-family:var(--pixel);font-size:12px;color:#7a1e2c}
/* 任務頁 */
.nextstep{margin:12px 0 4px}
.cand li.trk{background:#fffaf0;border:1px solid var(--pline);padding:6px 10px}
.cand li.trk.lit{border:2px solid #b8302c;background:#fff4dc}
.cand li.trk.got{background:#f0ead8}
/* 卡冊 */
.album{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:12px}
.album li{display:flex;flex-direction:column;align-items:center;gap:4px}
.acard{width:120px;min-height:160px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font:inherit;font-size:13px;color:#2a1d10;background:linear-gradient(#fff8e0,#f2e2b8);border:2px solid #000;outline:2px solid var(--gold);outline-offset:-6px;cursor:pointer;box-shadow:2px 4px 0 rgba(0,0,0,.25)}
.acard img{width:56px;height:56px;image-rendering:pixelated}
.acard small{font-size:11px;color:#6a4a2a;text-align:center;line-height:1.3}
.acard.sens{background:#f2f0ea;outline-color:#6a6a7a}
.acard.reply{background:linear-gradient(#e8f4ff,#c8dcef)}
.acard .ag{font-family:var(--pixel);font-size:12px;color:#fff;background:#3a6aa8;padding:0 8px;margin-bottom:6px}
.tstamps .seal{border-radius:6px}
/* 手機：視窗右上不寫 Esc */
@media (pointer:coarse){.bookhead kbd,.scene-head kbd{display:none}}
/* 掛號信：「掛號」紅框移到信封左上，不被信紙壓住；公文印章在窄螢幕移到右上 */
.envelope .reg{bottom:auto;top:12px}
@media (max-width:600px){.edict{padding-bottom:24px}.edict .seal2{position:relative;right:auto;bottom:auto;margin:12px 0 0 auto;width:64px;height:64px;font-size:13px}}
/* 結案報告：印章放在標題旁，結語在最上面 */
.report .rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #a8864a;margin-bottom:8px}
.report .rhead h3{border:0;margin:0}
.report .seal2.small{position:relative;right:auto;bottom:auto;flex:none;width:64px;height:64px;font-size:14px;margin:4px 6px 6px 0}
.report .rclose{background:#f6ecd2;border-left:4px solid #a8864a;padding:6px 10px;margin:0 0 10px;font-size:15px}
.report.sens .rclose{background:#eeece6;border-left-color:#6a6a7a}
.report .rclose p{margin:0}
.report .srcs{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;padding:0}
/* 公文卷軸 0.5 秒展開；掛號信翻蓋後 0.4 秒抽出信紙 */
.edict{animation-duration:.5s}
.envelope .flap{animation:flap .45s .1s ease forwards}
.letter .sheet{animation:rise .4s .55s ease both}
.btn[hidden],.tb[hidden],.lk[hidden]{display:none!important}
body.stage-on #pad,body.stage-on .hud-l{display:none!important}

/* ───── 全畫面遊戲（遊戲畫面填滿整個瀏覽器視窗；頁首收起，鍵盤聚焦時才滑出；公告與文字版在畫面下方與選單裡） ───── */
.top{position:absolute;left:0;right:0;top:0;z-index:30;max-width:none;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));
  background:linear-gradient(#130e26,rgba(19,14,38,.94));border-bottom:1px solid var(--gold3);transform:translateY(-110%);transition:transform .2s}
.top:focus-within{transform:none}
#alt{scroll-margin-top:0}
#alt > p .btn{margin-left:8px;vertical-align:baseline}
#alt .notice{margin:4px 0 16px}
/* 矮螢幕（手機橫式）：對話框與選項縮小、對話時收起右上角 HUD，觸控按鈕不蓋住對話 */
@media (max-height:560px){
  .dtext{font-size:15px;min-height:3.2em}.dface{width:48px;height:48px}.dframe{padding:14px 16px 14px}
  .dchoices{max-height:calc(100dvh - 190px)}.dchoices li{font-size:13px;padding-top:2px;padding-bottom:2px}
  body.dlg-open .hud-r{opacity:0;transition:opacity .2s}
  #minimap{width:72px;height:92px}.tracker{max-width:200px;font-size:11px}.plate b{font-size:16px}
  .hud-r{flex-direction:row-reverse;align-items:flex-start} /* 橫式：追蹤框與小地圖並排，不壓到 A／B 鍵 */
  .joy{width:100px;height:100px}.ab button{width:54px;height:54px;font-size:17px}.ab .a{margin-bottom:18px}
}
@media (pointer:coarse){#prompt{bottom:max(22%,calc(200px + env(safe-area-inset-bottom)))}}
/* 手機橫式：工具列改成一列，放在搖桿與 A／B 之間 */
@media (pointer:coarse) and (max-height:560px){.toolbar{bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:row}.tb{padding:3px 9px}#prompt{bottom:calc(52px + env(safe-area-inset-bottom))}}

/* ───── 道具、收藏冊、明信片（js/items.js） ───── */
.itembar{position:absolute;right:calc(12px + env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:3}
.itembar[hidden]{display:none}
.ib{position:relative;width:52px;height:52px;padding:0;border:1px solid var(--gold);background:linear-gradient(#2a2040,#16112a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 2px 0 #000;color:var(--ink);font-family:var(--pixel);cursor:pointer;touch-action:manipulation}
.ib[hidden]{display:none}
.ib img{width:32px;height:32px;image-rendering:pixelated;display:block;margin:4px auto 0}
.ib .ibn{position:absolute;left:-9999px}
.ib .ibc{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:400;color:var(--gold2)}
.ib .ibcd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;color:#fff;text-shadow:0 1px 2px #000}
.ib.cool{opacity:.55}.ib.cool .ibcd{background:rgba(0,0,0,.45)}
.ib.on{border-color:var(--gold2);box-shadow:0 0 0 2px rgba(242,214,138,.5),0 2px 0 #000}
.ib.closed img{opacity:.45}
.ib kbd{position:absolute;left:2px;top:1px;font-size:9px;margin:0;padding:0 2px;opacity:.7}
.ib:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
body.dlg-open .itembar,body.stage-on .itembar{opacity:0;pointer-events:none}
@media (pointer:coarse){.ib kbd{display:none}.itembar{top:auto;transform:none;bottom:calc(150px + env(safe-area-inset-bottom));flex-direction:row-reverse}.ib{width:48px;height:48px}}
@media (pointer:coarse) and (max-height:560px){.itembar{bottom:auto;top:calc(56px + env(safe-area-inset-top));flex-direction:column;right:calc(12px + env(safe-area-inset-right))}.ib{width:42px;height:42px}.ib img{width:26px;height:26px;margin-top:4px}}
.paper ul.bag{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bagi{display:flex;gap:10px;align-items:flex-start;padding:8px;border:1px solid rgba(138,106,42,.35);background:rgba(255,250,235,.45)}
.bagi img{width:40px;height:40px;image-rendering:pixelated;flex:none}
.bagi.none img{filter:grayscale(1);opacity:.4}
.bagi .btn{margin-top:6px}
.paper ul.album{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.album li{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:8px;border:1px solid rgba(138,106,42,.35);background:rgba(255,250,235,.45)}
.album li img{width:48px;height:48px;image-rendering:pixelated}
.album.cats li img{width:96px;height:80px}
.album li.unseen{opacity:.6}
.album .eatline{font-size:13px;min-height:1.2em}
.album .pcb{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;width:100%}
.album.pcs li img{width:100%;max-width:160px;height:auto;aspect-ratio:160/100;image-rendering:pixelated;border:1px solid rgba(0,0,0,.25)}
.album .pcq{width:100%;max-width:160px;aspect-ratio:160/100;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(0,0,0,.08)}
.pc-card{margin:0 auto 10px;max-width:480px;text-align:center}
.pc-card img{width:100%;height:auto;aspect-ratio:160/100;image-rendering:pixelated;border:4px solid #f8f4ea;box-shadow:0 4px 14px rgba(0,0,0,.4);transform:rotate(-1deg)}
.pc-card figcaption{font-family:var(--pixel);margin-top:6px}
.pc-facts{padding-left:1.2em}.pc-facts li{margin:4px 0}
.pc-show{text-align:center}
.pc-show canvas{width:100%;max-width:640px;height:auto;aspect-ratio:16/9;image-rendering:pixelated;background:#000}
@media (prefers-reduced-motion:reduce){.pc-card img{transform:none}}
.rainbow{position:absolute;left:-10%;right:-10%;top:-38vh;height:90vh;pointer-events:none;z-index:1;mix-blend-mode:screen;transition:opacity .6s linear;
  background:radial-gradient(ellipse 60% 52% at 50% 100%,transparent 80%,rgba(255,60,60,.5) 81.5%,rgba(255,160,40,.5) 83%,rgba(255,240,80,.5) 84.5%,rgba(80,220,90,.5) 86%,rgba(70,140,255,.5) 87.5%,rgba(110,70,220,.45) 89%,transparent 90.5%)}
@media (prefers-reduced-motion:reduce){.rainbow{transition:none}}

/* 停留觀景（2026-10 批次 C）：畫面下方的標題、操作說明、「離開」按鈕；觀景時收起工具列與提示 */
.viewbar{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center;max-width:calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));background:var(--panel);border:1px solid var(--gold);padding:6px 10px;box-shadow:0 0 0 1px #000;font-family:var(--pixel);font-size:13px;color:#fff}
.viewbar .vb-t{color:var(--gold2)}
.viewbar .vb-h{color:#d8cfb8;font-size:12px}
.viewbar .tb[disabled]{opacity:.55;cursor:not-allowed}
body.view-on .toolbar,body.view-on #prompt,body.view-on .itembar{opacity:0;pointer-events:none}
body.dlg-open .viewbar{opacity:0;pointer-events:none}
@media (pointer:coarse){.viewbar{bottom:calc(150px + env(safe-area-inset-bottom))}.viewbar kbd{display:none}.viewbar .vb-h{display:none}}

/* ───── 第三輪：大地圖、拾取卡片 ───── */
#minimap{pointer-events:auto;cursor:zoom-in}
#scene.wide-map .scene-box{width:min(1200px,100%)}
.bigmap{display:flex;gap:16px 20px;align-items:flex-start;justify-content:center;flex-wrap:wrap}
.bm-wrap{position:relative;flex:none;border:1px solid var(--gold);box-shadow:0 0 0 1px #000,0 6px 20px rgba(0,0,0,.5);background:#0a0810}
.bm-wrap canvas{position:absolute;left:0;top:0;image-rendering:pixelated}
.bm-side{flex:1 1 240px;max-width:300px;font-size:13px;line-height:1.55}
.bm-here{margin:0 0 6px}
.bm-here b{color:var(--gold2);font-weight:400;font-family:var(--title);letter-spacing:.04em}
.bm-legend{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}
.bm-legend li{display:flex;align-items:center;gap:8px}
.bm-legend img{width:20px;height:20px;image-rendering:pixelated;flex:none}
.bm-you,.bm-next{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.bm-you{background:#ff5a4a;box-shadow:0 0 0 2px #fff}
.bm-next{border:2px solid #ffd84a}
@media (max-width:640px){.bm-side{max-width:none;flex-basis:100%}.bigmap{gap:10px}}
.pickcard{position:absolute;left:50%;top:15%;z-index:5;display:flex;gap:16px;align-items:center;width:min(500px,calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:16px 18px 14px;
  background:linear-gradient(180deg,rgba(22,18,44,.94),rgba(8,6,20,.95));border:2px solid var(--gold);
  box-shadow:0 0 0 1px #000,inset 0 0 0 3px rgba(5,3,10,.85),inset 0 0 0 4px var(--gold3),0 12px 30px rgba(0,0,0,.55);
  opacity:0;transform:translate(-50%,-10px) scale(.97);transition:opacity .22s ease,transform .22s ease}
.pickcard.on{opacity:1;transform:translate(-50%,0) scale(1)}
.pickcard.off{opacity:0;transform:translate(-50%,-8px)}
.pickcard.still{transition:none}
.pk-img{flex:none;width:108px;height:108px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#4a3e70,#16122a 75%);border:1px solid var(--gold3);box-shadow:inset 0 0 0 2px #000}
.pk-img img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated}
.pk-img.photo img{width:104px;height:88px}
.pickcard.on .pk-img img{animation:pkpop .45s ease-out}
@keyframes pkpop{0%{transform:scale(.6)}70%{transform:scale(1.06)}100%{transform:scale(1)}}
.pickcard.still .pk-img img{animation:none}
.pk-tx{flex:1;min-width:0;font-family:var(--pixel)}
.pk-k{display:block;font-size:11px;color:var(--gold2);letter-spacing:.16em}
.pk-n{display:block;font-family:var(--title);font-weight:400;font-size:22px;color:#fff;letter-spacing:.06em;margin:1px 0 4px;text-shadow:0 2px 0 #000}
.pk-tx p{margin:0 0 6px;font-family:var(--sans);font-size:14px;line-height:1.55;color:#f2ead8}
.pk-s{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.pk-ok{float:right;margin-top:2px}
@media (max-width:560px){.pickcard{top:11%;gap:12px;padding:12px 12px 10px}.pk-img{width:76px;height:76px}.pk-img img{width:66px;height:66px}.pk-img.photo img{width:72px;height:60px}.pk-n{font-size:18px}.pk-tx p{font-size:13px}}
@media (pointer:coarse){.pk-ok kbd{display:none}}
body.dlg-open .pickcard{opacity:0;pointer-events:none}
.pk-img.art img,.pk-img.photo.art img{width:96px;height:96px}
@media (max-width:560px){.pk-img.art img,.pk-img.photo.art img{width:66px;height:66px}}
/* 市長答詢紀錄（js/mayor.js）：議員發言與市長答詢各一塊，都是逐字稿原文摘錄 */
.mintro{font-weight:700}
.rec.mx .mh{margin:0 0 6px;font-size:13px;color:#5a4a2a}
.rec.mx .mq,.rec.mx .ma{border-left:3px solid #b8a888;padding:2px 0 2px 8px;margin:6px 0}
.rec.mx .ma{border-left-color:#7a7a84}
.rec.mx .mq p,.rec.mx .ma p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}

/* ───── 第二次試玩 P0（2026-10-16） ───── */
/* 原 PDF 頁碼（標註層）：數字照原文保留，改成灰色小字、虛線框，游標停留有說明；不是發言內容 */
.pgno{font-size:.68em;color:#8a8478;border:1px dotted #a8a090;border-radius:3px;padding:0 2px;margin:0 1px;vertical-align:.25em;line-height:1;font-family:var(--pixel,monospace);cursor:help;white-space:nowrap}
.stg-box .pgno,.bub .pgno{color:#9a948a;border-color:#8a8478}
/* 收下冷卻：按鈕灰掉 1.2 秒；冷卻中按 Enter 讓引文框閃一下 */
.btn.hold{opacity:.45;cursor:wait}
.quote:focus{outline:2px solid #a8864a;outline-offset:2px}
.quote.flash,.report.flash{animation:qflash .5s ease}
@keyframes qflash{0%{background:rgba(242,214,138,.9)}100%{background:rgba(255,255,255,.5)}}
/* 市長答詢：問答之間略過的句子 */
.mskip{margin:4px 0 6px;padding:4px 8px;border-left:3px dashed #a8a090;font-size:13px;color:#5a5048}
.mskip .mskipbody{margin-top:6px;font-size:13px;max-height:16em;overflow:auto}
/* 對話框剛關掉：工具列、觸控鍵、追蹤框、小地圖短暫不接受點擊（P0-8） */
body.dlg-guard .toolbar,body.dlg-guard #pad,body.dlg-guard #tracker,body.dlg-guard #minimap,body.dlg-guard .itembar{pointer-events:none!important}
/* 手機直式（P0-8／P0-9）：
   1. 對話框改成「上緣固定」：文字永遠在同一個位置，選項出現時往下長，不會長到手指正在點的文字上；
      下緣停在 A／B 鍵上方（max-height），選項多時在框內捲動，兩欄選項不會蓋到 A 鍵的位置。
   2. 直排工具列移到左側搖桿上方，不擋住畫面中間的主角。 */
@media (pointer:coarse) and (min-height:561px){
  #dlg{bottom:auto;top:calc(48dvh + env(safe-area-inset-top))}
  #dlg .dtext{max-height:9.6em;overflow:auto}
  #dlg .dchoices{max-height:max(5.5em,calc(52dvh - 300px - env(safe-area-inset-bottom) - env(safe-area-inset-top)))}
  .toolbar{left:calc(10px + env(safe-area-inset-left));right:auto;bottom:calc(152px + env(safe-area-inset-bottom));transform:none;flex-direction:column;align-items:stretch}
  .toolbar .tb{font-size:11px;padding:5px 8px}
}

/* ───── 第二次試玩 P1 ───── */
/* P1-10：重播對話框高度固定（長句分頁、仍放不下時在框內捲動），按鈕位置不跟著句子長短跳動 */
.replay .bub{height:9.6em;min-height:0;display:flex;flex-direction:column;padding-bottom:20px}
.replay .bub .bt{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.replay .bub.card{height:13em}
.replay .bub .pgi,.stg-box .pgi{position:absolute;right:12px;bottom:4px;font-family:var(--pixel);font-size:11px;color:var(--gold2);background:rgba(0,0,0,.5);padding:0 6px}
.replay .bub .sep,.stg-box .sep{display:block;font-size:12px;color:#9a948a;font-family:var(--pixel);margin:0 0 2px}
.replay .bub .mk,.stg-box .mk{display:inline-block;font-family:var(--pixel);font-size:11px;color:#2a1d10;background:var(--gold2);padding:0 6px;margin:0 0 4px}
.replay .bub.mark,.stg-box.mark{box-shadow:inset 0 0 0 3px #000,0 0 0 3px var(--gold2)}
.replay .bub .cont,.stg-box .cont{color:#9a948a;font-size:12px;margin-right:4px}
.replay .rpctrl{min-height:44px}
.replay .rpctrl .btn{min-width:6.5em;justify-content:center}
.replay .log p.mark{background:rgba(242,214,138,.14);outline:1px dashed var(--gold3)}
.replay .log .sepl,.rpcard .rpc-n{color:#9a948a;font-size:12px;margin:4px 0}
.rpcard{font-size:14px;line-height:1.6;white-space:normal}
.rpcard .rpc-h{margin:0 0 4px;font-family:var(--pixel);font-size:12px;color:var(--gold2)}
.rpcard dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0}
.rpcard dt{color:var(--muted);font-size:12px;white-space:nowrap}
.rpcard dd{margin:0}
.rpcard small{color:var(--muted)}
.stg-box .dtext{height:5.4em;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.stg-box.card .dtext{height:9em}
@media (max-width:760px){.stg-box .dtext{height:6.8em;max-height:none}.stg-box.card .dtext{height:10.5em}}
@media (max-width:600px){.replay .bub{height:12.5em}.replay .bub.card{height:15em}.rpcard{font-size:13px}}
/* P1-16：筆數用語，點一下或游標停留看定義 */
.term{border-bottom:1px dotted currentColor;cursor:help}
.term:focus-visible{outline:2px solid var(--focus)}
/* P1-12／13：你讀過的句子、結案報告的出口、引用 */
.reads{list-style:none;padding:0!important;margin:6px 0}
.reads li{border-left:3px solid #a8864a;background:rgba(255,255,255,.55);padding:6px 10px;margin:0 0 8px;font-size:14px}
.reads .rq{display:block;margin:2px 0;font-size:15px;line-height:1.75}
.reads .rm{display:block;font-size:12px;color:#6a4a2a}
.reads .rk{font-family:var(--pixel);font-size:11px;color:#7a1e2c;margin-right:6px}
.report .exits{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.report .exits .btn,.report .exits a.btn{font-size:13px}
.lk.cite{font-size:12px}
/* P1-14：時間長廊每根柱子的一句原文 */
.mq-card .quote{margin:8px 0}
/* P1-18：議會用語冊 */
.gloss{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.gloss li{border:1px solid var(--pline);padding:8px 10px;background:rgba(255,255,255,.4)}
.gloss li.locked{opacity:.55}
.gloss b{font-size:16px}
.gloss .gq{display:block;font-size:12px;color:var(--pmuted);margin-top:4px}
.pc-quote{border-left:3px solid #a8864a;padding:4px 10px;margin:8px 0;font-size:14px}
/* P1-19：新手提示（每種只出現一次，可以關掉） */
#tip{position:absolute;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:21;max-width:min(440px,calc(100vw - 24px));
  display:flex;gap:8px;align-items:flex-start;background:var(--panel);border:1px solid var(--gold3);box-shadow:0 0 0 1px #000;padding:8px 10px;font-size:14px;color:var(--ink)}
#tip[hidden]{display:none}
#tip b{font-family:var(--pixel);font-size:11px;color:var(--gold2);white-space:nowrap}
#tip button{flex:none;background:none;border:1px solid var(--gold3);color:var(--ink);font-size:12px;padding:0 6px;cursor:pointer}
body.dlg-open #tip,body.stage-on #tip{display:none}
.tl .m.opt{background:linear-gradient(#c8b8f0,#6a5a9a);outline:1px solid #e8dcff}
.tl .m.opt span{color:var(--ink);font-family:var(--pixel)}
.replay .bub .mk,.replay .bub .sep,.replay .bub .cont{align-self:flex-start}
.replay .bub [hidden],.stg-box [hidden]{display:none!important}
.stg-ctrl #stgNextB{min-width:9.5em;justify-content:center;text-align:center}
.stg-ctrl #stgPrev{min-width:6.5em;text-align:center}
.stg-prog{min-width:14em;text-align:center}
.stg-box .dtext{height:6.6em}
.stg-box.card .dtext{height:9.6em}
@media (max-width:760px){.stg-box .dtext{height:8.4em}.stg-box.card .dtext{height:11em}.stg-prog{min-width:12em}.stg-ctrl #stgNextB{min-width:8em}}
.tlax2{position:relative}
.tlax2 i{position:absolute;top:0;font-style:normal;border-left:1px solid currentColor;padding-left:2px;line-height:1.2}
.report .note,.report .reads .note{color:#6a4a2a}
.stg-ctrl #stgNextB{width:9.5em;min-width:0;white-space:nowrap;overflow:hidden}
.stg-box .pgi{right:40px}
@media (max-width:760px){.stg-ctrl #stgNextB{width:8.6em}}

/* ───── 旁聽席（js/gallery.js）：全畫面、鏡頭不動的議場，下方大字幕 ───── */
#scene.gal-on{padding:0}
#scene.gal-on .scene-box{width:100vw;height:100dvh;max-height:none;border:0;box-shadow:none;background:#0c0810}
#scene.gal-on .scene-head{position:absolute;z-index:3;top:0;left:0;right:0;border:0;background:linear-gradient(rgba(6,4,10,.75),transparent);padding:calc(6px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 6px calc(12px + env(safe-area-inset-left))}
#scene.gal-on .scene-body{padding:0;overflow:hidden;position:relative}
.gal{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;color:var(--ink)}
.gal-view{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#24170f 0%,#1a110c 44%,#3a1a16 45%,#24100e 100%)}
.gv-wall{position:absolute;left:0;right:0;top:0;height:46%;filter:blur(1.6px) saturate(.9);
  background:linear-gradient(transparent 82%,rgba(0,0,0,.45)),repeating-linear-gradient(90deg,#3c2818 0 54px,#342212 54px 58px),linear-gradient(#2a1c12,#3a2616)}
.gv-wall i{position:absolute;top:12%;width:7%;height:48%;border-radius:40% 40% 0 0/22% 22% 0 0;background:linear-gradient(#fff2c8,#e8c486 70%,#b8884a);box-shadow:0 0 40px 10px rgba(255,220,150,.32);border:4px solid #4a2c14}
.gv-wall .w1{left:9%}.gv-wall .w2{left:27%}.gv-wall .w3{right:27%}.gv-wall .w4{right:9%}
.gv-floor{position:absolute;left:-10%;right:-10%;top:45%;bottom:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 80px),linear-gradient(#5a2420,#3a1614);transform:perspective(500px) rotateX(38deg);transform-origin:50% 0}
.gv-ros{position:absolute;left:50%;top:17%;width:24%;height:26%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:blur(.6px)}
.gv-ros .desk{display:block;width:100%;height:42%;background:linear-gradient(#6a4224,#4a2c14);border-top:4px solid #8a5a30;box-shadow:0 6px 12px rgba(0,0,0,.5)}
.gv-ros .fig{height:70%;margin-bottom:-32%}
.gv-pod{position:absolute;top:27%;width:18%;height:33%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.gv-pod.c{left:12%}.gv-pod.g{right:12%}
.gv-pod .desk{display:block;width:80%;height:34%;background:linear-gradient(#7a4a2a,#4a2a16);border-top:4px solid #9a6a3a;box-shadow:0 8px 14px rgba(0,0,0,.55);position:relative;z-index:1}
.gv-pod.g .desk{background:linear-gradient(#6a5a4a,#43372a);border-top-color:#8a7a62}
.gal .fig{display:block;height:78%;width:auto;image-rendering:pixelated;margin-bottom:-24%;filter:brightness(.55) saturate(.7);transition:filter .35s}
.gal .fig.on{filter:none}
.gv-light{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(104deg,transparent 18%,rgba(255,226,170,.09) 24%,transparent 34%),linear-gradient(76deg,transparent 60%,rgba(255,226,170,.07) 68%,transparent 78%),radial-gradient(ellipse at 50% 20%,rgba(255,220,160,.16),transparent 60%)}
.gal[data-role="c"] .gv-pod.c::before,.gal[data-role="g"] .gv-pod.g::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-6%;height:30%;background:radial-gradient(ellipse at 50% 50%,rgba(255,228,170,.28),transparent 70%)}
.gv-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,236,190,.55);box-shadow:0 0 6px rgba(255,236,190,.6);animation:gdust 14s linear infinite}
@keyframes gdust{0%{transform:translate(0,0);opacity:0}20%{opacity:.8}100%{transform:translate(30px,-80px);opacity:0}}
.gv-rail{position:absolute;left:-4%;right:-4%;bottom:0;height:24%;filter:blur(4px);
  background:radial-gradient(circle at 8% 30%,#120a08 0 7%,transparent 7.5%),radial-gradient(circle at 22% 38%,#140c0a 0 6%,transparent 6.5%),radial-gradient(circle at 78% 34%,#120a08 0 7%,transparent 7.5%),radial-gradient(circle at 93% 40%,#140c0a 0 6%,transparent 6.5%),
    linear-gradient(transparent 46%,#2a170c 46%,#2a170c 54%,#1a0e08 54%)}
.gv-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 50%,rgba(0,0,0,.62) 100%)}
.gal-top{position:absolute;z-index:2;top:calc(48px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 24px));display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:center;
  font-family:var(--pixel);font-size:12px;background:rgba(8,6,16,.7);border:1px solid var(--gold3);padding:4px 10px;text-align:center}
.gal-top a{color:#9fd8ff}.gal-top .gal-rng{color:var(--gold2)}.gal-top .note2{color:var(--muted)}
.gal-sub{position:relative;z-index:2;width:min(980px,calc(100% - 24px));align-self:center;margin-bottom:8px;background:rgba(6,4,12,.78);border:1px solid rgba(216,180,90,.5);box-shadow:0 0 0 1px #000,0 10px 30px rgba(0,0,0,.5);padding:10px 18px 8px;cursor:pointer}
.gal-sub.mark{box-shadow:0 0 0 1px #000,0 0 0 3px var(--gold2)}
.gs-line{height:8.6em;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;font-size:clamp(19px,2.3vw,26px);line-height:1.6;text-align:center}
.gs-line[hidden],.gs-card[hidden],.gal [hidden]{display:none!important}
.gs-prev{margin:0;font-size:.62em;color:#9a948a;max-height:3.4em;overflow:hidden}
.gs-name{margin:4px 0 0;font-family:var(--title);font-size:.62em;letter-spacing:.1em}
.gs-name.c{color:#ffe9b8}.gs-name.g{color:#bfe3ff}.gs-name.p{color:#ffd0a0}.gs-name.o{color:#c8c8c8}
.gs-text{margin:0;color:#fffaf0;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.8);overflow-y:auto;overscroll-behavior:contain;max-height:4.9em}
.gs-text .cont{font-size:.55em;color:#9a948a;margin-right:6px}
.gs-text .pgno{font-size:.5em}
.gs-sep{font-family:var(--pixel);font-size:12px;color:#9a948a;align-self:center}
.gs-mk{font-family:var(--pixel);font-size:11px;color:#2a1d10;background:var(--gold2);padding:0 6px;align-self:center}
.gs-card{height:12.5em;overflow-y:auto;overscroll-behavior:contain;font-size:15px;cursor:default}
.gs-card .gs-hint{color:var(--gold2);font-size:13px;margin:8px 0 0}
.gs-bar{height:3px;background:rgba(255,255,255,.1);margin-top:6px}
.gs-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2))}
.gs-prog{margin:4px 0 0;font-family:var(--pixel);font-size:12px;color:var(--muted);text-align:center}
.gal-ctrl{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;padding:0 12px calc(12px + env(safe-area-inset-bottom))}
.gal-ctrl .tb{min-height:34px}
.gal-ctrl .tb.primary{border-color:var(--gold);color:var(--gold2);min-width:8.5em}
.gal-ctrl .tb:disabled{opacity:.45}
.gal-ctrl kbd{margin-left:6px;font-size:10px;color:var(--muted)}
.gspd{display:inline-flex;align-items:center;gap:4px}
.gspd output{font-family:var(--pixel);font-size:12px;min-width:5.6em;text-align:center;color:var(--gold2);background:rgba(8,6,16,.7);padding:4px 6px;border:1px solid var(--gold3)}
@media (max-width:600px){
  .gal-top{font-size:11px;top:calc(44px + env(safe-area-inset-top))}
  .gv-pod{top:22%;width:30%;height:24%}.gv-pod.c{left:3%}.gv-pod.g{right:3%}
  .gv-ros{top:15%;width:34%;height:16%}
  .gal-sub{width:calc(100% - 16px);padding:8px 10px 6px}
  .gs-line{height:9.4em;font-size:18px}
  .gs-text{max-height:5.6em}
  .gs-card{height:15em;font-size:13px}
  .gal-ctrl{gap:5px}.gal-ctrl .tb{font-size:12px;padding:4px 8px}.gal-ctrl kbd{display:none}
}
@media (pointer:coarse){.gal-ctrl kbd{display:none}.gal-ctrl .tb{min-height:42px}}
@media (prefers-reduced-motion:reduce){.gal .fig{transition:none}.gv-dust{display:none}}

/* ───── 一天的議場（js/days.js） ───── */
.dayhd{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.daystrip{display:flex;flex-wrap:wrap;gap:2px;margin:6px 0 10px}
.daystrip i{width:10px;height:14px;background:#d8ccb0;border:1px solid #b8a888}
.daystrip i.rd{background:#c89a3a;border-color:#8a6a2a}
.daystrip i.here{outline:2px solid #6a1a2a;outline-offset:1px}
.daystrip b{width:6px}
.dsegs{list-style:none;margin:0;padding:0;counter-reset:none}
.dseg{border:1px solid var(--pline);background:#fffaf0;padding:8px 10px;margin:0 0 8px;position:relative}
.dseg.rd{background:#f6ecd2;border-color:#c8a868}
.dseg.here{box-shadow:0 0 0 2px #6a1a2a}
.dseg .dh{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.dseg .dn{font-family:var(--pixel);font-size:12px;color:var(--pmuted)}
.dseg .dst{font-size:12px;padding:0 6px;border:1px solid #b8a888;color:#6a5a40;background:#fff}
.dseg.rd .dst{border-color:#8a6a2a;color:#5a3a10;background:#f2d68a}
.dseg .dm{font-size:13px;color:var(--pmuted);margin:2px 0}
.dseg .dq{margin:4px 0;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dseg .dq.open{display:block;-webkit-line-clamp:unset}
.dseg .dq .pgno{color:#8a8478}
.dseg .row{margin-top:4px}
.dseg .here-tag{font-size:12px;color:#fff;background:#6a1a2a;padding:0 6px}
.dmeet h3 small{font-family:var(--pixel);font-size:12px;color:var(--pmuted)}
.dayslist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.dayslist button{width:100%;text-align:left;background:#fffaf0;border:1px solid var(--pline);padding:6px 10px;cursor:pointer;font:inherit;color:inherit}
.dayslist button:hover{border-color:#8a6a2a}
.dayslist small{display:block;color:var(--pmuted);font-size:12px}