@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#fff2d0;background:#10282f;font-synthesis:none;--gold:#efbb60;--cream:#fff0c8;--navy:#132f43;--red:#ce5445;--muted:#abc4bc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 8%,#285f60 0,transparent 65%),repeating-linear-gradient(115deg,#fff0 0,#fff0 70px,#ffffff02,#ffffff02 72px),#10282f}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff5ce;outline-offset:5px}h2:focus-visible{outline:none}[hidden]{display:none!important}.masthead{max-width:1500px;margin:auto;padding:20px 40px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream);font:700 25px "Noto Serif SC",Songti SC,serif;letter-spacing:4px}.brand-seal{display:grid;place-items:center;width:39px;height:47px;border:2px solid var(--gold);border-radius:5px;transform:rotate(-8deg);color:var(--gold);font:28px Georgia;box-shadow:3px 3px #081d2d}.brand small{display:block;font:7px Arial;letter-spacing:2px;margin-top:6px;color:#a8c4b7}.mast-note{font-size:11px;letter-spacing:3px;color:#a8c4b7}.utilities{display:flex;gap:10px}.text-button{border:1px solid #55766c;background:#122e34ab;color:#e0dbc0;padding:9px 13px;font-size:11px;border-radius:5px;letter-spacing:1px}.text-button:hover{border-color:var(--gold);color:var(--gold);background:#294b4c}.sound-dot{display:inline-block;background:#9fb0a0;width:6px;height:6px;border-radius:50%;margin:0 7px 1px 0}[aria-pressed=true] .sound-dot{background:#f5c469;box-shadow:0 0 0 3px #f5c46925}.prologue{max-width:1460px;margin:auto;padding:4px 32px 22px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;padding:9px 3px 19px}.chapter-heading>div{display:flex;align-items:center;gap:20px}.kicker{font:11px/1.6 "Noto Serif SC",serif;letter-spacing:2px;color:var(--gold);margin:0;padding-right:20px;border-right:1px solid #618275}.kicker span{display:block;font:8px Arial;letter-spacing:3px;color:#aac3b8;margin-top:3px}h1{font:700 27px/1.2 "Noto Serif SC",Songti SC,serif;letter-spacing:4px;margin:0}.chapter-description{font:12px/1.8 "Noto Serif SC",serif;color:#bed0bd;margin:0;text-align:right;letter-spacing:1px}.chapter-description b{color:#f7c971;font-weight:500}.story-layout{position:relative;border:2px solid #bc9554;border-radius:12px;overflow:hidden;box-shadow:0 7px #09232c,0 20px 70px #041b2870;background:#0d3942}.scene{position:relative;aspect-ratio:1440/670;overflow:hidden;isolation:isolate}#negotiation{display:block;width:100%;height:100%;touch-action:pan-y}.scene[data-phase=border] #negotiation{cursor:ew-resize;touch-action:none}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 70px #031e3330;pointer-events:none}.scene-top{position:absolute;inset:18px 22px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;letter-spacing:2px;color:#f8ebc7;z-index:2}.scene-top>div{padding:9px 12px;background:#113b3cd9;border:1px solid #c1aa6860;border-radius:4px;box-shadow:0 3px #08272c30}.scene-top small{display:block;font-size:9px;letter-spacing:1px;color:#c4d6be;margin-top:5px}.room-status{text-align:right}.room-status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#f1c36b;margin:0 7px 2px 0}.objective{position:absolute;top:16px;left:50%;transform:translate(-50%);width:max-content;max-width:45%;padding:9px 24px 12px;text-align:center;background:linear-gradient(#ffedb9,#eac782);color:#604830;border:1px solid #f8d89a;border-bottom:4px solid #ac793e;border-radius:3px 3px 16px 16px;box-shadow:0 5px 10px #042e3040;z-index:2}.objective small{display:block;font-size:9px;letter-spacing:3px;margin-bottom:4px;color:#8c673e}.objective strong{font-size:13px;letter-spacing:1px;font-weight:600}.country{position:absolute;top:64%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:2}.country-left{left:15.8%}.country-right{left:84.1%}.country-name{display:block;white-space:nowrap;padding:8px 17px 9px;border:1px solid #e9bb73;border-bottom:3px solid #bd843f;background:linear-gradient(130deg,#274f73,#172f4d);font:700 16px "Noto Serif SC",serif;letter-spacing:2px;border-radius:4px;box-shadow:0 4px 10px #092c3430}.country-right .country-name{background:linear-gradient(130deg,#d75e49,#a93838)}.country-note{font-size:11px;color:#f7e1b4;background:#133a3fe6;border:1px solid #e9c5855c;border-radius:3px;padding:6px 9px;margin:7px auto 0;width:max-content;max-width:185px;line-height:1.4}.country-note.accepted{color:#ecfbc7;background:#286b51;border-color:#b2d677}.country-note.demand{color:#ffe3a4;background:#813e36;border-color:#eead61}.map-label{position:absolute;pointer-events:none;z-index:1;padding:4px 9px;background:#fff0cbdf;color:#513e26;border:1px solid #ad7d3d;border-bottom:3px solid #ac813f;border-radius:3px;font-size:11px;font-weight:600;box-shadow:0 3px 8px #1e4d3930}.map-label:before{content:"◆";font-size:7px;color:#ae6437;margin-right:4px}.map-label.resource{top:38%;left:55.8%}.map-label.harbor{top:59%;left:45%}.map-label.route{top:56%;left:64.2%}.island-title{position:absolute;top:21.5%;left:50%;transform:translate(-50%);font:600 11px "Noto Serif SC",serif;letter-spacing:3px;padding:4px 11px;background:#133f45dc;border:1px solid #d6c38686;border-radius:2px;color:#fae6af;pointer-events:none}.ruler-control{position:absolute;left:34%;width:32%;top:75%;text-align:center;z-index:3}.ruler-control label{display:block;font-size:11px;color:#ffe8b5;padding:6px 8px;background:#143e3dec;border:1px solid #bfa76580;border-radius:4px;margin-bottom:12px;line-height:1.4}.ruler-control input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:7px;background:#082d32;border:1px solid #bc9959;border-radius:7px;cursor:ew-resize;touch-action:none}.ruler-control input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(#ffe6a1,#e3a84f);border:2px solid #fff1ba;border-radius:50%;box-shadow:0 3px #966236,0 0 0 4px #edc06a20}.ruler-control input::-moz-range-thumb{width:25px;height:25px;background:#eec061;border:2px solid #fff1ba;border-radius:50%}.ruler-caption{display:flex;justify-content:space-between;font-size:9px;color:#e5dfb6;margin-top:10px;letter-spacing:1px}.drop-tray{position:absolute;top:74%;width:19%;height:15%;border:2px dashed #e8c47980;border-radius:50%;background:#103a3dc9;color:#f9e2b2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;letter-spacing:1px;z-index:3;transition:background .2s,transform .2s,box-shadow .2s}.drop-tray strong{font:25px Georgia;line-height:1}.drop-tray.club{left:25%}.drop-tray.heart{right:25%}.drop-tray:disabled{opacity:.35}.drop-tray.target{border-color:#ffdc83;background:#8a663154;box-shadow:0 0 0 5px #f4c96719,inset 0 0 25px #edc5762c;color:#fff1c9;animation:tray-glow 2s ease-in-out infinite}.drop-tray.target:hover,.drop-tray.over{background:#ae813bbf;box-shadow:0 0 0 7px #f4c96750;transform:scale(1.03)}.scene-quote{position:absolute;bottom:21px;left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;font:14px "Noto Serif SC",serif;letter-spacing:2px;color:#fff0c6;background:#163e36d4;padding:8px 20px;border:1px solid #d4b67377;border-radius:3px;pointer-events:none;z-index:3}.opening-seal{position:absolute;bottom:7%;left:50%;transform:translate(-50%);text-align:center;font:13px "Noto Serif SC",serif;letter-spacing:4px;color:#f6dea3;border-top:1px solid #eacb8680;border-bottom:1px solid #eacb8680;padding:7px 20px;pointer-events:none}.stamp-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.stamp{position:absolute;top:53%;width:19%;height:23%;background:none;border:0;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#ffebbc;touch-action:manipulation}.stamp.club{left:24%}.stamp.heart{right:24%}.stamp-body{padding:14px 22px;background:linear-gradient(#466e8e,#213d62);border:2px solid #cfa15d;border-bottom:6px solid #112b46;border-radius:8px;box-shadow:0 6px #092f3266,0 8px 18px #062c3840;font:700 18px "Noto Serif SC",serif;letter-spacing:2px;transition:transform .15s}.stamp.heart .stamp-body{background:linear-gradient(#ed7557,#be413c);border-color:#e8ae67;border-bottom-color:#803532}.stamp:hover .stamp-body{transform:translateY(-4px)}.stamp:active .stamp-body{transform:translateY(3px)}.stamp small{font-size:11px;background:#183d3bdf;padding:4px 8px;border-radius:3px}.stamp:disabled{opacity:.5}.stamp:disabled .stamp-body{transform:none;box-shadow:none}.fracture-copy{position:absolute;top:15%;left:8%;width:84%;text-align:center;font:700 28px "Noto Serif SC",serif;letter-spacing:4px;color:#133c4b;text-shadow:0 1px #fff4c8}.fracture-copy small{display:block;font:10px Arial;letter-spacing:3px;margin-top:12px}.story-controls{position:relative;min-height:180px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:24px;align-items:center;padding:27px 34px 28px;background:radial-gradient(ellipse at 18% 0,#2d5363aa,transparent 75%),#142f43;border-top:3px solid #cd9f56;box-shadow:inset 0 5px #f3d8900b}.story-controls:after{content:"◆";position:absolute;top:-11px;left:50%;color:#ffd17a;font-size:17px;text-shadow:0 2px #936539}.dialog-portrait{position:relative;align-self:center;min-width:0}.portrait-frame{display:grid;place-items:center;width:86px;height:98px;overflow:hidden;border:2px solid #d5ac65;border-radius:42px 42px 8px 8px;background:#275d68;box-shadow:0 4px #061f33,0 0 0 5px #b9925714}.portrait-frame svg{height:100%;width:100%;display:block}.portrait-frame[data-side=heart]{background:#84413e}.portrait-frame[data-side=both]{background:linear-gradient(135deg,#285478 50%,#b64e42 50%)}.portrait-frame .narrator-symbol{font:36px Georgia;letter-spacing:5px;color:#ffe0a0;text-shadow:0 3px #102a37}.scene-number{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);background:#edbd68;color:#60452b;font:700 11px Georgia;padding:4px 12px;border:1px solid #ffdca1;border-radius:4px;box-shadow:0 2px #9d713a}.story-copy{min-width:0}.speaker{display:block;font-size:11px;letter-spacing:2px;color:#eabd6e;margin-bottom:8px;font-weight:600}.story-copy h2{font:700 clamp(22px,2.15vw,32px)/1.5 "Noto Serif SC","Songti SC",serif;color:#fff2ce;letter-spacing:1.5px;margin:0 0 9px;text-shadow:0 2px 0 #071c2e}.story-copy p{margin:0;font-size:13px;line-height:1.9;color:#c7d6cc;max-width:740px}.action-area{display:flex;align-items:center;justify-content:flex-end;gap:17px;max-width:300px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:55px;padding:14px 24px;border:2px solid #ffe2a1;border-bottom:5px solid #a56b32;border-radius:7px;background:linear-gradient(150deg,#ffdc86,#edb853);color:#583a21;font-weight:700;font-size:15px;letter-spacing:2px;white-space:nowrap;box-shadow:0 4px #081e32,0 7px 20px #0a213d40;transition:transform .15s,filter .15s}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 1px #081e32}.primary:disabled{background:#3e5660;border-color:#607977;border-bottom-color:#2b414b;color:#94aaa6;box-shadow:none;transform:none;filter:none}.primary .arrow{font-size:20px;line-height:1}.end-note{font-size:11px;line-height:1.8;text-align:right;color:#c6d4c4;max-width:150px}.military-card{position:relative;width:97px;height:128px;flex-shrink:0;background:linear-gradient(125deg,#fff4d6,#e8cd93);border:2px solid #ecc681;border-bottom:4px solid #a37942;border-radius:7px;color:#23496b;transform:rotate(-6deg);box-shadow:3px 6px #081c31,7px 12px 14px #09213450;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s}.military-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #bd9664;border-radius:3px;pointer-events:none}.military-card.heart{color:#bd493b}.military-card:hover,.military-card.selected{transform:translateY(-8px) rotate(-2deg);box-shadow:3px 10px #081c31,0 0 22px #ecc47640}.military-card.selected{outline:2px solid #f9d783;outline-offset:5px}.card-suit{position:absolute;top:6px;left:10px;font:24px Georgia}.military-card svg{width:47px;height:49px;margin-top:20px}.card-name{display:block;font-size:11px;letter-spacing:2px;margin-top:5px;font-weight:600}.card-instructions{width:100px;font-size:11px;line-height:1.9;color:#bacfc6}.card-instructions strong{color:#ffdf9a}.card-ghost{position:fixed;pointer-events:none;z-index:30;transform:translate(-50%,-50%) rotate(-7deg)!important;opacity:.96}.progress{list-style:none;margin:0;padding:20px 27px 17px;display:flex;align-items:center;gap:20px}.progress li{display:flex;align-items:center;flex:1;gap:10px;font-size:12px;letter-spacing:2px;color:#859f9b;white-space:nowrap}.progress li:after{content:"";height:1px;background:linear-gradient(90deg,#b18e4a70,#59827840);flex:1;margin-left:10px}.progress li:last-child{flex:0}.progress li:last-child:after{display:none}.dot{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;font:11px Georgia;border:1px solid #628079;border-radius:9px;background:#193e42;box-shadow:0 3px #092b32}.progress li.current{color:#ffe3a0;font-weight:600}.progress li.current .dot{background:linear-gradient(130deg,#f6d189,#d69c48);border-color:#ffe7b5;color:#614323;box-shadow:0 3px #946e38,0 0 0 4px #e4b95e13}.progress li.done{color:#becfbb}.progress li.done .dot{color:#f5d48b;border-color:#b3975c}.page-footer{padding:9px 8px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#93afa6}.page-footer a{color:#b1c8b8;text-decoration:none}.page-footer a:hover{color:#ffd58a}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:90vw;background:#fff0c8;color:#523d26;border:2px solid #d0a054;border-bottom:4px solid #986832;border-radius:6px;padding:13px 23px;font-size:13px;line-height:1.6;z-index:40;box-shadow:0 8px 30px #00152777;text-align:center}.restart-dialog{width:min(440px,90vw);padding:30px;background:#16374a;border:2px solid #d6aa63;border-radius:10px;color:#fff0c8;box-shadow:0 15px 70px #021c39}.restart-dialog::backdrop{background:#071d31ce;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.restart-dialog h2{font:700 26px "Noto Serif SC",serif;margin:0 0 15px}.restart-dialog p{color:#bfd4c8;font-size:13px;line-height:1.9}.dialog-actions{display:flex;justify-content:end;align-items:center;gap:16px;margin-top:25px}.dialog-actions .primary{font-size:13px;min-height:48px;padding:10px 15px}.intro-camera .country,.intro-camera .map-label,.intro-camera .opening-seal,.intro-camera .island-title{visibility:hidden}@keyframes tray-glow{50%{box-shadow:0 0 0 8px #f4c96709,inset 0 0 28px #edc57640}}@keyframes stamp-impact{0%,to{transform:translate(0)}25%{transform:translate(1px,3px)}65%{transform:translate(-1px,-1px)}}.scene.impact{animation:stamp-impact .25s ease-out}@media(min-width:1600px){.masthead{padding-top:28px}.prologue{padding-top:10px}.chapter-heading{padding-bottom:25px}}@media(max-width:1000px){.masthead{padding:17px 24px 14px}.prologue{padding:4px 20px 18px}.mast-note{display:none}.chapter-description{font-size:11px}.scene{aspect-ratio:1.82}.country-name{font-size:13px;padding:6px 12px}.country-note{font-size:10px;padding:5px 7px}.story-controls{grid-template-columns:65px minmax(0,1fr) auto;padding:25px 22px;gap:19px}.portrait-frame{width:64px;height:80px}.story-copy h2{font-size:23px}.story-copy p{font-size:12px}.primary{padding:12px 16px;font-size:13px;gap:16px}.action-area{max-width:225px;gap:12px}.military-card{width:80px;height:112px}.card-instructions{width:85px;font-size:10px}.scene-top{inset:13px 15px auto;font-size:9px}.scene-top>div{padding:7px 9px}.objective{top:13px;padding:7px 16px 10px}.objective strong{font-size:11px}.objective small{font-size:8px}.map-label{font-size:9px;padding:3px 6px}.ruler-control label{font-size:10px}.ruler-caption{font-size:8px}.stamp-body{font-size:15px;padding:12px 15px}.stamp small{font-size:9px}.progress{gap:12px;padding:20px 15px 12px}.scene-quote{font-size:12px;bottom:16px}.opening-seal{font-size:11px}.fracture-copy{font-size:24px}}@media(max-width:720px){.masthead{padding:16px 17px 13px}.brand{font-size:22px;gap:9px;letter-spacing:3px}.brand-seal{width:30px;height:38px;font-size:23px}.brand small{font-size:6px;letter-spacing:1.2px}.utilities{gap:7px}.text-button{font-size:10px;padding:8px 9px}.prologue{padding:1px 12px 18px}.chapter-heading{padding:8px 3px 15px}.chapter-heading>div{gap:12px}.kicker{font-size:10px;padding-right:12px;letter-spacing:1px}.kicker span{font-size:6px;letter-spacing:1px}h1{font-size:23px;letter-spacing:2px}.chapter-description{display:none}.scene{aspect-ratio:1.5}.scene-top{inset:10px 10px auto;font-size:8px;letter-spacing:1px}.scene-top small{display:none}.scene-top>div{padding:6px 7px}.objective{top:10px;padding:6px 8px 8px;max-width:47%}.objective small{font-size:7px;letter-spacing:1px}.objective strong{font-size:10px;letter-spacing:0}.country-name{font-size:12px;padding:6px 10px;letter-spacing:1px}.country-note{max-width:122px;font-size:9px;line-height:1.5;margin-top:5px}.country-left{left:16%}.country-right{left:84%}.island-title{font-size:8px;padding:3px 7px;letter-spacing:1px}.map-label{font-size:8px;padding:3px 4px;border-bottom-width:2px}.map-label:before{display:none}.ruler-control{top:76%;left:33%;width:34%}.ruler-control label{font-size:9px;padding:4px 5px;margin-bottom:10px}.ruler-caption{display:none}.ruler-control input{height:5px}.ruler-control input::-webkit-slider-thumb{width:25px;height:25px}.story-controls{grid-template-columns:52px minmax(0,1fr);gap:10px 15px;padding:21px 19px 23px;min-height:210px}.portrait-frame{width:52px;height:66px}.portrait-frame .narrator-symbol{font-size:22px}.dialog-portrait{align-self:start;margin-top:4px}.scene-number{font-size:9px;padding:3px 8px;bottom:-8px}.story-copy h2{font-size:24px;line-height:1.5;letter-spacing:1px;margin-bottom:8px}.story-copy p{font-size:12px;line-height:1.8}.speaker{font-size:10px;margin-bottom:6px;letter-spacing:1px}.action-area{grid-column:2;justify-content:flex-start;max-width:none;margin-top:9px;gap:18px}.primary{font-size:14px;min-height:48px;padding:11px 20px}.end-note{text-align:left;max-width:125px;font-size:10px}.military-card{width:75px;height:99px}.military-card svg{width:39px;height:41px;margin-top:17px}.card-suit{font-size:20px}.card-name{font-size:9px}.card-instructions{font-size:11px;width:auto}.drop-tray{top:76%;font-size:10px;width:22%;height:15%;gap:3px}.drop-tray.club{left:24%}.drop-tray.heart{right:24%}.drop-tray strong{font-size:20px}.stamp{width:25%;height:24%;top:55%}.stamp.club{left:22%}.stamp.heart{right:22%}.stamp-body{font-size:13px;padding:10px 13px;letter-spacing:1px}.stamp small{font-size:8px;padding:3px 5px}.scene-quote{font-size:10px;bottom:12px;letter-spacing:1px;padding:6px 10px;max-width:94%;white-space:normal;width:max-content}.opening-seal{font-size:10px;padding:6px 10px;letter-spacing:2px;bottom:5.5%;white-space:nowrap}.fracture-copy{font-size:20px;letter-spacing:2px;top:17%}.fracture-copy small{font-size:8px;letter-spacing:1px}.progress{padding:19px 5px 10px;gap:7px}.progress li{font-size:10px;letter-spacing:0;gap:6px}.progress li:after{margin-left:0}.dot{width:24px;height:26px;border-radius:7px;font-size:9px}.page-footer{font-size:9px;letter-spacing:0;padding:9px 4px 0;line-height:1.5}.page-footer>span{max-width:62%}}@media(max-width:400px){.brand{font-size:19px}.brand small{font-size:5px}.utilities{gap:5px}.text-button{font-size:9px;padding:7px}.masthead{padding:14px 12px}.story-controls{padding:20px 14px;grid-template-columns:43px 1fr;gap:10px 12px}.portrait-frame{width:44px;height:59px}.story-copy h2{font-size:21px}.story-copy p{font-size:11px}.country-name{font-size:10px;padding:5px 8px}.country-note{max-width:103px;font-size:8px}.scene-top{font-size:7px}.objective strong{font-size:9px}.objective small{font-size:6px}.map-label{font-size:7px}.ruler-control label{font-size:8px}.progress li{gap:4px;font-size:9px}.progress{gap:4px}.end-note{max-width:92px}.primary{padding:11px 13px;font-size:12px;gap:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}