/* 懸賞榜單與航海紙：以程式重繪紙張與飾框，未擷取參考圖中文字。 */
:root{--parchment:#f4dfaa;--parchment-light:#fff0c7;--sepia:#593c27;--burnt:#a57740;--rope:#c39a57;--ink:#3c352c;--navy:#263c4c;--muted:#75654c;--line:#cbb47d}
.masthead{background:#fae8bbf5;border:3px double #92693b;border-radius:4px;box-shadow:0 6px 0 #183e6830,0 12px 28px #153f6e30}.brand-copy strong{font-family:var(--display);letter-spacing:1.4px}.brand-stamp{border-color:#a77f41;background:#343629;color:#ffe0a0}.edition b{border-color:#ad8d55}.reset-windows{background:none;color:#684b2e;border:1px solid #b99b60;padding:8px 10px;font-size:10px;white-space:nowrap;border-radius:3px}.map-intro h1{filter:drop-shadow(0 2px 0 #135d9660)}
:is(.sky-panel,.logic-panel,dialog){background-color:var(--parchment);background-image:radial-gradient(ellipse at 0 0,#9b622947,transparent 35%),radial-gradient(ellipse at 100% 100%,#ae732c4a,transparent 37%),radial-gradient(ellipse at 91% 4%,#c18a3933,transparent 15%),repeating-linear-gradient(93deg,transparent 0 8px,#74501d04 8px 9px),linear-gradient(105deg,#e7c991,#fff0c8 18%,#f3dfb0 79%,#d9b97c);border:7px solid #d0a762;border-radius:2px;outline:1px solid #65482b;outline-offset:-8px;box-shadow:inset 0 0 0 3px #79572e,inset 0 0 35px #a5692945,0 8px 0 #12375720,0 18px 45px #102f5760;color:var(--sepia)}
.sky-panel,.logic-panel{padding:19px 18px 14px}.sky-panel::after,.logic-panel::after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid #94713c88;z-index:0}.sky-panel>*,.logic-panel>*{position:relative;z-index:1}.drag-handle{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;background:none;color:var(--sepia);border:0;border-top:2px solid #7f5a32;border-bottom:3px double #7f5a32;padding:7px 0;flex:none;cursor:grab;touch-action:none;user-select:none;text-align:left;margin-bottom:14px;font:700 18px var(--display);letter-spacing:2px}.drag-handle small{margin-left:auto;font:10px var(--body);letter-spacing:1px;color:#846637;white-space:nowrap}.drag-handle:active,.is-dragging .drag-handle{cursor:grabbing}.poster-skull{font:22px Georgia,serif;line-height:1;letter-spacing:0}.is-dragging{box-shadow:inset 0 0 0 3px #79572e,0 25px 65px #10335688!important}.window-moved{max-width:calc(100vw - 16px);max-height:calc(100svh - 16px)!important}.window-moved .drag-handle{flex-shrink:0}.cloud-top{padding-bottom:10px;border-bottom:1px solid #ab8751}.cloud-top>span{font-size:11px;font-family:var(--body);font-weight:500;letter-spacing:0}.cloud-top small{font-size:9px}.sky-heading{padding:14px 0 12px}.sky-heading h2{color:#573a24;font-size:25px}.sky-heading .eyebrow{color:#946832}.sky-heading>p:last-child{color:#7d6442}.route-list{scrollbar-color:#ae874d transparent}.route-card{background:#fff3d0a6;border:1px solid #b58d50;border-radius:2px;position:relative;box-shadow:inset 0 0 0 3px #f0daa4,0 2px 0 #936d3420;padding:12px}.route-card::before{content:"";position:absolute;left:4px;top:4px;right:4px;bottom:4px;border:1px solid #bc9b6070;pointer-events:none}.route-card .route-tag{font-family:Georgia,serif;color:#816036;font-weight:700}.route-card strong{font-family:var(--display);font-weight:700;color:#573b25}.route-card small{color:#7d684a}.route-card.selected{background:#ead092;box-shadow:inset 0 0 0 3px #e5c580,inset 4px 0 #7c4b2f}.route-preview{background:#d8b57245;border:1px dashed #a17a42;border-radius:2px}.primary{background:#51392a;border:2px solid #a57b43;border-radius:2px;color:#ffdfa2;box-shadow:0 3px 0 #2f241d}.demo-note{color:#80633d}select{border-color:#ae884e;background:#fff0c9;color:#624729;border-radius:2px}.logic-header h2{color:#563721}.logic-header .route-tag{font:10px Georgia,var(--body);color:#926733}.logic-story h3{color:#573923}.logic-story p{color:#695033}.logic-story .eyebrow{color:#92703c}.step-chip{border-color:#b39359;border-radius:2px;color:#80683f}.step-chip.done{background:#d6d4a1;color:#65673b}.step-chip.active{background:#63432c;border-color:#63432c;color:#ffe4a2}.cargo{background:#fff0c33d;border:1px dashed #9f7a3d;border-radius:2px}.cargo>span{color:#946b31}.cargo>div{color:#7b6540;border-color:#c6ac70}.logic-controls{border-color:#b39359}.logic-controls>span{color:#8d7042}.logic-controls button{background:#f8e7b9;color:#63482e;border-color:#ad874a;border-radius:2px}.logic-controls #play{background:#63432c;color:#ffe4a2;border-color:#63432c}
/* 島上圖示改成迷你懸賞牌；保留自己的系統名稱。 */
.island-label{padding:8px 13px 7px;background-color:#f1d69b;background-image:radial-gradient(ellipse at top left,#bd8c3e66,transparent 60%),linear-gradient(100deg,#e5c17d,#ffebbc 35%,#eed29b);border:3px double #866135;border-radius:0;color:#5c3c23;filter:drop-shadow(0 4px 0 #194b7c33);box-shadow:inset 0 0 7px #a3743855;min-width:93px;text-align:center}.island-label::before{content:"☠";display:block;font:13px/1.1 Georgia,serif;color:#79542e;margin-bottom:3px}.island-label b{display:block;font:700 21px/1.1 Georgia,serif;letter-spacing:2px;margin:0 0 3px}.island-label span{display:block;font-size:10px;border-top:1px solid #99733e;padding-top:4px;font-family:var(--display);font-weight:600;letter-spacing:1px}.island-label::after{background:#a98049;height:10px}.island-label.active{background-color:#fff0c8;background-image:linear-gradient(100deg,#f2d799,#fff6db,#f1d799);border-color:#ffefc0;box-shadow:inset 0 0 0 1px #9e793a,0 0 10px white,0 0 32px #ffffffe0;color:#603f24}.island-label.dim{opacity:.82}.ship-tour{background:#f5d99f;border:3px double #936b37;border-radius:2px;color:#644527}.map-controls{background:#f5dfaa;border:3px double #906a38;border-radius:2px}.map-controls button{color:#624629}.map-controls button+button{border-color:#c3a369}
dialog{padding:24px 28px 28px}dialog .drag-handle{padding-right:28px;position:sticky;top:0;z-index:3;background:#f2d9a3;margin-bottom:22px}.dialog-close{z-index:5;right:10px;top:18px;color:#6b4828}.island-title>b{filter:sepia(.35);text-shadow:1px 2px 0 #c4a16a44}.island-title h2{color:#5b3d23}.island-title p{color:#876c42}.silo{background:#ca9d5733;color:#8c5b34;border-left:3px solid #9f6f36}.floor{background:#fff0cc66;border-color:#c0a46d;border-left-color:var(--accent);border-radius:2px}.floor dt{color:#97703a}.floor dd{color:#645137}.floor.base-floor{background:#d9d5a280}.island-footer{color:#8b7048}.about-dialog p{color:#685135}.about-dialog a{color:#5e6d4a}
@media(min-width:901px){.logic-panel .drag-handle{font-size:17px}.logic-header h2{font-size:23px;line-height:1.25;margin-bottom:14px}.logic-steps{margin-bottom:14px}.logic-content{gap:14px}.logic-story h3{font-size:21px}.logic-story p{line-height:1.8}.logic-controls button{padding:9px}.logic-controls{padding-top:11px;margin-top:14px}.sky-heading h2 br{display:none}.sky-heading h2{font-size:22px}.sky-panel .drag-handle{margin-bottom:10px}}
@media(max-height:850px) and (min-width:901px){.sky-heading{padding:10px 0}.sky-heading h2{font-size:21px}.logic-panel .drag-handle{margin-bottom:10px;padding:5px 0}.logic-header h2{font-size:20px;margin-bottom:10px}.logic-story h3{font-size:19px}.logic-content{gap:10px}.logic-steps{margin-bottom:10px}.cargo{min-height:100px;padding:10px}.logic-controls{padding-top:9px;margin-top:10px}}
@media(max-width:1150px) and (min-width:901px){.sky-panel,.logic-panel{padding:15px}.drag-handle{font-size:16px;letter-spacing:1px}.drag-handle small{font-size:9px}.island-label b{font-size:18px}.island-label{padding:6px 9px;min-width:80px}.island-label span{font-size:9px}}
@media(max-width:900px){.masthead{gap:8px;padding:8px 10px}.reset-windows{margin-left:auto;font-size:9px;padding:7px}.masthead .icon-btn{margin-left:0;padding:3px 5px}.sky-panel{padding:20px}.logic-panel{padding:15px}.drag-handle{font-size:16px;min-height:36px}.island-label{padding:5px 8px;min-width:77px}.island-label b{font-size:16px}.island-label span{font-size:9px;letter-spacing:0}.island-label::before{font-size:11px}.island-label::after{height:6px}.map-intro h1{font-size:27px;line-height:1.25}.map-intro>p:not(.eyebrow){font-size:10px}.sky-panel.window-moved{margin:0;overflow:auto}.logic-panel .drag-handle{margin-bottom:10px}.logic-header h2{margin-bottom:10px}.logic-story h3{font-size:19px}dialog{padding:18px}.brand-copy strong{font-size:14px;letter-spacing:0}.brand-copy>span{font-size:8px}}
@media(max-width:520px){.brand-stamp{width:34px;height:34px;font-size:20px}.brand-copy strong{font-size:12px}.reset-windows{font-size:8px;padding:6px 5px}.sky-panel{padding:17px}.logic-panel{padding:13px}.island-label{padding:4px 6px;min-width:65px}.island-label b{font-size:14px}.island-label span{font-size:8px}.island-label::before{font-size:10px}.drag-handle{letter-spacing:1px}.sky-panel .drag-handle{font-size:17px}.logic-content{gap:10px}.logic-controls button{padding:8px 6px}.drag-handle small{font-size:9px}.map-intro{max-width:260px}.map-intro h1{font-size:25px}.island-title>b{font-size:34px}.island-title h2{font-size:19px}}
.dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;background:#f2d9a3;margin-bottom:22px;border-bottom:1px solid #bd9b5e}.dialog-toolbar .drag-handle{position:static;margin:0;padding-right:5px;flex:1;min-width:0}.dialog-toolbar .dialog-close{position:static;flex:none;font-size:27px;padding:0 5px;line-height:1.5}
.island-label small{display:block;color:#8f6a3a;font-size:8px;letter-spacing:.5px;margin-top:3px;font-family:var(--display)}
@media(max-width:900px){.island-label small{font-size:7px;letter-spacing:0}}
.route-modes{display:flex;gap:5px;flex:none;margin:0 0 8px}.route-modes button{flex:1;border:1px solid #ab8245;background:#eed7a0;color:#785a32;padding:8px 4px;font-size:10px;border-radius:1px}.route-modes button[aria-pressed=true]{background:#63452d;color:#ffe4a3;border-color:#63452d}.research-open{border:0;background:none;border-bottom:1px dashed #af8c51;color:#765831;text-align:left;padding:3px 0 9px;font-size:10px;margin-bottom:9px;flex:none}.case-company{display:block;font:8px/1.6 var(--body);color:#977347;letter-spacing:0;margin-top:7px;padding-top:5px;border-top:1px dotted #b89a60}.bounty-open{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#69452b;padding:8px 0 1px;font-size:10px;text-align:left;line-height:1.7}.empty-routes{font-size:11px;line-height:1.9;color:#866b43;padding:10px}.bounty-dialog{width:820px;max-width:calc(100vw - 24px)}.bounty-hero{text-align:center;border:3px double #9b7641;padding:20px 25px 25px;background:#e6c68b30}.bounty-number{font:10px Georgia,var(--body);letter-spacing:2px;color:#8a6535}.bounty-mark{font:48px/1.2 Georgia,serif;color:#63452b;margin:13px 0}.bounty-hero h2{font:700 30px/1.5 var(--display);letter-spacing:2px;color:#573b25;margin:0 0 16px}.bounty-hero>p{font-size:11px;line-height:1.8;color:#896737}.bounty-pair{font:700 28px Georgia,serif;letter-spacing:3px;color:#725331}.bounty-pair span{font:18px var(--body);color:#b68b47;margin:0 12px}.evidence-stamp{display:inline-block;font-size:10px;line-height:1.6;color:#7e643d;border:1px solid #aa864c;padding:5px 9px;background:#f4e2b860;letter-spacing:.5px}.bounty-section{margin:25px 0;padding:0 5px}.bounty-section h3{font:700 20px/1.5 var(--display);color:#67462b;border-bottom:2px double #b2945b;padding-bottom:9px;margin:0 0 14px}.bounty-section h4{font-size:12px;color:#8b642f;margin:20px 0 9px}.bounty-section p,.bounty-section li{font-size:12px;line-height:1.9;color:#6b5235}.bounty-section ul,.bounty-section ol{padding-left:22px}.bounty-caption{font-size:10px!important;line-height:1.9!important;color:#947848!important}.victim-line{font-size:11px!important;border-left:3px solid #a67d40;padding-left:12px}.bounty-two-islands{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.bounty-two-islands>section{border:1px solid #ae8e55;background:#fff0c34d;padding:17px}.bounty-two-islands b{font:700 28px Georgia,serif;letter-spacing:2px;display:block;color:#7e5b32}.bounty-two-islands span{display:block;font-size:10px;color:#9b7b45;border-bottom:1px solid #c8ab6d;padding:8px 0}.bounty-two-islands ul{font-size:12px;line-height:1.9;color:#735633;padding-left:18px}.teaching-flow{background:#d9bf7d30;border:1px dashed #ab8b50;padding:18px}.teaching-flow>h3{margin-top:14px}.real-case{margin:20px 0;border:1px solid #b89a63;background:#fff2d35c;padding:20px}.case-meta{font-size:9px;line-height:1.7;letter-spacing:.5px;color:#967343}.real-case h3{font:700 19px/1.4 var(--display);margin:8px 0 18px;color:#67462b}.real-case dl{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:12px;line-height:1.85}.real-case dt{color:#98713c}.real-case dd{margin:0;color:#665238}.evidence-limit{font-size:10px!important;line-height:1.9;color:#8a6740!important;padding:12px;background:#c99b5140;border-left:3px solid #ad8041;margin-top:16px}.evidence-limit ul{font-size:10px;padding-left:17px;margin:0}.case-sources a{display:block;color:#5d7457;font-size:10px;line-height:1.7;margin-top:9px;text-decoration:underline;text-underline-offset:3px}.bounty-demo{display:block;margin:16px auto 0;padding:11px 18px;border:3px double #b78a43;background:#61452f;color:#ffe6ab;font-size:11px}.bounty-dialog .dialog-toolbar{top:0}
@media(min-width:901px){.sky-heading{padding:10px 0}.sky-heading .eyebrow{display:none}.sky-heading h2{font-size:20px;line-height:1.3;margin-bottom:6px}.sky-heading>p:last-child{font-size:9px}.sky-panel .drag-handle{font-size:16px}.route-preview{padding:10px}.route-preview strong{font-size:12px}.route-preview p{font-size:10px;line-height:1.7}.route-list{min-height:100px}}
@media(max-width:600px){.bounty-hero{padding:18px 14px}.bounty-hero h2{font-size:24px;letter-spacing:1px}.bounty-pair{font-size:24px}.bounty-two-islands{gap:9px}.bounty-two-islands>section{padding:12px}.bounty-two-islands b{font-size:23px}.bounty-two-islands ul{font-size:10px;padding-left:15px}.real-case{padding:14px}.real-case dl{grid-template-columns:1fr;gap:4px;font-size:11px}.real-case dt{margin-top:9px;font-size:10px}.bounty-section h3{font-size:18px}.bounty-section p,.bounty-section li{font-size:11px}.teaching-flow{padding:14px}.bounty-dialog .drag-handle{font-size:14px}}
