:root{--ink:#e8f1f3;--muted:#9db4bc;--green:#49dab0;--cream:#102731;--line:#35525b;--gold:#ffd568;--red:#ff9482}body{background:#102731;font-family:'Noto Sans TC',system-ui,sans-serif;background-image:radial-gradient(ellipse at 40% 35%,#28505c 0,transparent 65%),radial-gradient(circle at 10% 90%,#244841,transparent 40%);min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#c8ecdc35 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent)}header{height:76px;max-width:none;padding:0 32px;background:#0d212ac9;border-bottom:1px solid #41616b80}.brand{color:#fff0c5;font-size:21px;font-weight:800;letter-spacing:1px}.brand small{color:#7ba5aa;letter-spacing:4px}.brand-icon{color:#ffd568;font-size:32px;text-shadow:0 0 20px #ffd56855}.header-right{gap:14px}.demo-tag{border-color:#47656c;color:#c1d1d4;background:#ffffff05}.text-btn{color:#a5d7c7}.client-pill{padding:8px 12px;background:#1a3740;border-color:#40616a;border-radius:8px;min-width:0;margin-left:auto;margin-right:22px;gap:9px}.avatar{background:#526c63;color:#ffe1a3;width:34px;height:34px;font-size:16px}.client-pill strong{font-size:12px}.client-pill small{font-size:9px;color:#a2bac1;margin-top:3px}.phase{background:#334b4e;color:#b2d6c5;font-size:9px}main{max-width:1550px;padding:16px 28px 0;position:relative}.intro{display:none}.stats{background:#0e2630c9;border:1px solid #42616b;box-shadow:0 5px 0 #071c24;border-radius:10px;margin:0 auto 24px;max-width:1160px}.stats article{padding:13px 22px;border-color:#34505a;position:relative}.stats strong{font-size:26px;color:#ffdd8a;margin:3px 0;font-weight:800;letter-spacing:.4px;font-variant-numeric:tabular-nums}.stats article:first-child strong{color:#83e6cc}.stats span{font-size:10px;color:#b2c9cf}.stats small{font-size:9px;color:#91adb7}.workspace{display:block}.play-panel{padding:0;background:none;border:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:30px;align-items:start;max-width:1230px;margin:auto}.play-panel>.section-top{grid-column:1;justify-content:center;gap:20px;margin-bottom:16px}.play-panel>.section-top h2{display:none}.play-panel>.section-top .eyebrow{font-size:11px;color:#bad7cf;letter-spacing:4px}.subtle{color:#94b6c0}.board{grid-column:1;grid-row:2;--size:min(64vh,610px);width:var(--size);height:var(--size);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:9px;margin:0 auto;isolation:isolate;padding:12px;border-radius:28px;background:#527875;border:3px solid #769a89;box-shadow:0 13px 0 #244945,0 16px 0 #17372f,0 22px 35px #06182090;transform:perspective(1100px) rotateX(9deg)}.tile{border:2px solid #ffffffb0;border-radius:10px;color:#324843;box-shadow:0 5px 0 var(--tile-shadow),0 7px 5px #183e4333;gap:6px;font-weight:800;transition:transform .25s,box-shadow .25s;font-size:11px;z-index:2}.tile.market{background:#b9dfb2;--tile-shadow:#79a477}.tile.accident{background:#ffd3b1;--tile-shadow:#ba8d6d}.tile.work{background:#b0deeb;--tile-shadow:#78a4b6}.tile.social{background:#d6c5ee;--tile-shadow:#9f8bb8}.tile .tile-symbol{font-size:27px;filter:drop-shadow(0 2px 0 #0002)}.tile .tile-index{font-size:8px;top:5px;left:6px;color:#34574d;opacity:.55}.tile.active{border:3px solid #ffda6f;box-shadow:0 5px 0 var(--tile-shadow),0 0 0 3px #ffdf7155,0 0 25px #ffcd5660;transform:translateY(-3px);color:#254b3b;z-index:4}.tile.active:after{content:''}.pawn{position:absolute;right:-8px;top:-22px;width:29px;height:43px;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 2px #0005);animation:pawn-arrive .3s ease-out}.pawn:before{content:'';position:absolute;top:0;left:7px;width:17px;height:17px;border-radius:50%;background:#ffe88c;border:2px solid #92662d;box-shadow:inset -3px -2px 0 #e5b94c}.pawn:after{content:'';position:absolute;top:14px;left:2px;width:27px;height:25px;background:#ffdb68;border:2px solid #92662d;border-radius:10px 10px 5px 5px;clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.board-center{background:#335c53;border:2px solid #71907a;border-radius:18px;box-shadow:inset 0 5px 0 #24483d;overflow:hidden;position:relative;padding:14px}.board-center:before{content:'';position:absolute;width:220px;height:220px;background:#51806c;border-radius:50%;opacity:.25;top:-90px;left:-50px}.board-center .orbit{font-size:13px;color:#a5c8ac;letter-spacing:5px;height:22px;line-height:22px;margin-bottom:7px;font-weight:800;z-index:1}.board-center h3{color:#fff1b4;font-weight:800;font-size:21px;margin:12px 0 8px}.board-center p{color:#bad4c7;font-size:11px;line-height:1.8}.market-pill{background:#153d35;color:#acecc8;border:1px solid #6e997c;font-size:10px;font-weight:600;padding:5px 13px}.dice{height:85px;line-height:85px;font-family:system-ui;font-size:72px;color:#fff5d5;text-shadow:0 5px 0 #b4a87b,0 7px 12px #0b302688;position:relative;margin:7px 0 10px}.dice.rolling{animation:roll-dice .12s infinite linear}.primary{background:linear-gradient(#ffe28a,#f3c75d);color:#503c1d;font-weight:800;border:1px solid #ffecb1;border-bottom:0;box-shadow:0 5px 0 #a8772e,0 7px 12px #071c2644;border-radius:9px;font-size:13px;min-height:44px;transition:transform .15s,box-shadow .15s}.primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #a8772e}.secondary{background:#294b53;border:1px solid #61838a;color:#c2e4d9;font-size:12px;box-shadow:0 3px 0 #0d2832;font-weight:600}.board-foot{color:#9fbeb0;font-size:9px;margin-top:16px}.travel-buttons{gap:10px}.travel-buttons .primary,.travel-buttons .secondary{font-size:11px;padding:10px 12px}.board-center #remaining{color:#c2d8c4;margin-top:15px}.legend{grid-column:1;justify-content:center;margin-top:17px;padding:8px;font-size:10px;gap:24px;color:#b2cbc6}.legend .subtle{color:#ffd877}.event-card{grid-column:2;grid-row:2;display:block;padding:22px 23px;border:2px solid #e8d9a7;border-radius:15px;background:#fff1cc;color:#4b493a;box-shadow:0 7px 0 #948264,0 15px 30px #041c3044;position:relative;min-height:320px;transform:rotate(1.5deg);animation:card-arrive .4s ease-out}.event-card:before{content:'EVENT CARD';display:block;border-bottom:1px dashed #b7a779;padding-bottom:14px;margin-bottom:18px;color:#9b8851;font-size:11px;letter-spacing:4px;font-weight:800}.event-card .event-icon{background:#ead9a7;height:60px;width:60px;font-size:36px;margin:0 auto 22px;border-radius:50%;box-shadow:0 3px 0 #c9b67c}.event-card h3{font-size:20px;line-height:1.6;margin:8px 0 15px;font-weight:800;color:#3d5143}.event-card .eyebrow{font-size:10px;color:#987e3e}.event-card p{color:#7a7257;font-size:12px;line-height:1.95}.event-numbers{display:grid;grid-template-columns:1fr;margin:15px 0;gap:5px}.event-numbers span{background:#efe1b8;color:#605633;padding:8px;font-weight:600}.history-head,.history{display:none}.history-open .history-head{display:flex;position:fixed;z-index:40;top:130px;left:50%;transform:translateX(-50%);width:min(600px,90vw);background:#193844;border:1px solid #52737b;padding:18px 24px;border-radius:14px 14px 0 0;margin:0;box-shadow:0 0 0 100vmax #041923aa}.history-open .history{display:block;position:fixed;z-index:41;top:195px;left:50%;transform:translateX(-50%);width:min(600px,90vw);max-height:60vh;background:#193844;border:1px solid #52737b;border-top:0;padding:12px 24px;border-radius:0 0 14px 14px}.history-entry{border-color:#365663}.history-entry strong{color:#fff0bd;font-size:12px}.history-entry p{color:#9abac2;font-size:11px}.history-entry time{color:#8eafb7}.planning{display:none}.planning.open{display:block;position:fixed;z-index:50;right:20px;top:92px;width:380px;max-height:calc(100dvh - 120px);overflow:auto;padding:22px;background:#16343f;border:2px solid #567b83;border-radius:16px;box-shadow:0 10px 0 #061b24,0 0 0 100vmax #04192399;color:#dcecef}.planning .section-top{margin-bottom:18px}.planning .section-top h2{color:#ffde8a}.planning .eyebrow{color:#8eb5bf}.planning .live-dot{display:none}.planning .tabs{background:#0b252e;border:1px solid #375a65}.tabs button{color:#8eb0bb;font-weight:600}.tabs button[aria-selected=true]{color:#143d37;background:#8bdbb7}.allocation{background:#26434c;height:16px}.asset-row{font-size:12px}.asset-row span{color:#a6c3cb}.asset-row strong{color:#fff0c6;font-size:13px}.asset-row small{color:#8badb6}.planning h3{color:#c7e7da}.hint{color:#9bb8c0}input,select{background:#0c2630;border-color:#3f6572;color:#eaf4f2;border-radius:7px;padding:11px;font-size:12px}input:focus,select:focus{border-color:#8fe0bb;box-shadow:0 0 0 2px #8fe0bb33}label{color:#acd0d4;font-size:11px}.insight{background:#0f2b36;border-color:#365962}.insight span{color:#a2e0c3}.insight p{color:#9bb8c0}.policy{background:#102c37;border-color:#426673}.policy h3{color:#ffe49d}.policy h3 span{color:#90e7bc}.policy p{color:#9bb9c2}.policy .policy-price{color:#dfedeb}.policy .primary{justify-content:center;font-size:12px;margin-bottom:5px}.source-link{color:#a2cbd1}.chart-head{border-color:#365962}.chart-head small,.chart-labels{color:#82a7b4}.message{color:#93e0c1;font-size:11px}.message.error{color:#ff9482}.toast{position:fixed;bottom:99px;left:50%;transform:translateX(-50%);background:#0b212eea;border:1px solid #4e7781;padding:11px 20px;border-radius:8px;z-index:20;font-size:11px;color:#d1e9dc;max-width:90vw;pointer-events:none;opacity:0;transition:opacity .25s}.toast.visible{opacity:1}.game-toolbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:9px;border:1px solid #406670;background:#0c242de8;padding:8px;border-radius:15px;box-shadow:0 5px 0 #061820,0 9px 20px #051b2955}.game-toolbar button{border:1px solid #4d6e75;background:#254450;color:#d3e8e9;border-radius:9px;padding:10px 19px;font-weight:600;font-size:12px;white-space:nowrap;display:flex;gap:7px;align-items:center}.game-toolbar button:first-child{background:#a5dbc0;color:#224b3c;border-color:#d1f2d9;box-shadow:0 2px 0 #4e8b73}.game-toolbar .tool-icon{font-size:18px}.game-toolbar button:hover{transform:translateY(-2px);filter:brightness(1.1)}.close-panel{border:1px solid #4d6e75;background:#244550;color:#bbd3d7;border-radius:6px;padding:6px 10px;font-size:12px;margin-left:10px}footer{border:0;justify-content:center;margin:0 auto;padding:5px 0 100px;gap:0;font-size:9px;color:#638b97;max-width:900px}footer>span{display:none}footer p{text-align:center;font-size:9px;max-width:none;opacity:.8}dialog{background:#183642;border:2px solid #64888d;color:#e8f1f3;box-shadow:0 10px 0 #081e2a,0 30px 100px #0008;padding:30px}dialog::backdrop{background:#061922b8;backdrop-filter:blur(8px)}dialog h2{color:#ffe49d;font-weight:800}dialog .eyebrow{color:#8cd5b9}.report-metrics div{background:#0f2934;border:1px solid #3d626b}.report-metrics strong{color:#ffdd85}.report-metrics small{color:#96b6c1}.report-copy{color:#bdd0d7}.report-copy strong{color:#90dfbc}.game-scenery{position:fixed;pointer-events:none;z-index:-1;bottom:0;left:0;right:0;height:220px;opacity:.5;background:linear-gradient(transparent,#0a262d)}.game-scenery:before{content:'♠  ♠    ♠';position:absolute;font-size:220px;line-height:1;color:#31584f;bottom:-10px;left:-30px;letter-spacing:-50px}.game-scenery:after{content:'♠ ♠';position:absolute;font-size:170px;line-height:1;color:#31584f;bottom:-10px;right:0;letter-spacing:-35px}@keyframes pawn-arrive{from{transform:translateY(-22px) scale(1.15)}to{transform:translateY(0) scale(1)}}@keyframes roll-dice{0%{transform:rotate(-15deg) translateY(-6px)}50%{transform:rotate(15deg) translateY(0)}100%{transform:rotate(-15deg) translateY(-6px)}}@keyframes card-arrive{from{transform:translateY(18px) rotate(-2deg);opacity:.4}to{transform:translateY(0) rotate(1.5deg);opacity:1}}@media(min-width:1600px){.board{--size:min(69vh,680px)}.play-panel{max-width:1330px;grid-template-columns:1fr 330px;gap:40px}.event-card{min-height:380px;padding:28px}}@media(max-height:800px) and (min-width:900px){header{height:64px}main{padding-top:10px}.stats article{padding:8px 20px}.stats strong{font-size:22px}.stats{margin-bottom:17px}.board{--size:min(62vh,510px);gap:7px}.play-panel>.section-top{margin-bottom:10px}.board-center h3{font-size:18px}.board-center p{font-size:10px}.board-center .orbit{display:none}.dice{height:65px;line-height:65px;font-size:61px;margin:4px 0}.board-center .primary{font-size:11px;padding:10px 12px;min-height:36px}.event-card{min-height:280px;padding:17px}.event-card .event-icon{margin-bottom:14px;height:48px;width:48px;font-size:28px}.event-card p{font-size:11px}.event-card h3{font-size:18px}.game-toolbar{bottom:12px}.game-toolbar button{padding:8px 15px}.toast{bottom:80px}}@media(max-width:1050px){header{padding:0 18px}.brand{font-size:17px}.client-pill{margin-right:12px}.client-pill small{display:none}.client-pill .phase{display:none}.demo-tag{display:none}main{padding:16px 20px 0}.play-panel{grid-template-columns:1fr 255px;gap:15px}.board{--size:min(60vw,58vh,570px);gap:7px;padding:9px}.tile .tile-symbol{font-size:23px}.tile{font-size:10px}.event-card{padding:18px}.board-center h3{font-size:18px}.board-center p{font-size:10px}.board-center .primary{font-size:11px;padding:11px 12px}.legend{gap:17px}.planning.open{top:83px}}@media(max-width:760px){header{height:66px;padding:0 13px;gap:8px}.brand{font-size:15px;letter-spacing:0}.brand-icon{font-size:24px}.brand small{font-size:8px;letter-spacing:2px}.client-pill{padding:6px 8px;margin:0 0 0 auto;border:0;background:transparent}.client-pill .avatar{display:none}.client-pill strong{font-size:11px}.header-right .text-btn{font-size:10px}.header-right{gap:0}main{padding:12px 12px 0}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:20px;gap:0}.stats article{padding:9px 8px;border-right:1px solid #34505a!important;border-bottom:0!important}.stats article:last-child{border-right:0!important}.stats span{font-size:8px}.stats em{display:none}.stats strong{font-size:16px;letter-spacing:0;margin:5px 0}.stats small{font-size:8px;display:none}.play-panel{display:flex;flex-direction:column;gap:0;align-items:center}.play-panel>.section-top{margin-bottom:14px;gap:16px}.play-panel>.section-top .eyebrow{font-size:9px}.board{--size:min(94vw,570px);gap:7px;padding:10px;margin:0;transform:perspective(1000px) rotateX(6deg)}.tile{border-radius:7px;font-size:9px;gap:4px;border-width:1px}.tile.active{border-width:2px}.tile .tile-symbol{font-size:22px}.tile .tile-index{font-size:7px;top:3px;left:4px}.pawn{transform:scale(.8);right:-9px;top:-20px}.board-center{padding:9px;border-radius:12px}.board-center .orbit{font-size:10px;height:16px;line-height:16px;margin-bottom:3px}.board-center h3{font-size:18px;margin:8px 0 5px}.board-center p{font-size:10px}.dice{height:66px;line-height:66px;font-size:62px;margin:3px 0 8px}.board-center .primary{font-size:10px;padding:10px 12px;min-height:36px}.board-foot{font-size:8px;margin-top:12px}.market-pill{font-size:9px;padding:4px 9px}.travel-buttons .secondary{font-size:10px;padding:8px}.legend{margin:18px 0 16px;font-size:9px;padding:0;gap:18px}.event-card{width:100%;min-height:0;transform:none;margin-bottom:20px;padding:18px;display:flex;gap:14px;animation:none}.event-card:before{display:none}.event-card .event-icon{flex-shrink:0;height:43px;width:43px;font-size:26px;margin:0}.event-card h3{font-size:17px;margin:5px 0 8px}.event-card p{font-size:11px}.event-numbers{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.event-numbers span{font-size:10px;padding:5px}.planning.open{top:76px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 95px);padding:20px}.game-toolbar{bottom:12px;padding:6px;gap:5px;max-width:96vw}.game-toolbar button{padding:9px 11px;font-size:10px;gap:4px}.game-toolbar .tool-icon{font-size:16px}.game-toolbar #fullscreen{padding:9px}.game-toolbar #fullscreen .tool-label{display:none}.toast{bottom:83px;font-size:10px;padding:9px 12px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px}dialog{padding:22px}dialog h2{font-size:23px}footer{padding-bottom:100px}footer p{font-size:8px;line-height:1.7;margin:0}.history-open .history-head{top:110px}.history-open .history{top:177px}}@media(max-width:420px){header .brand-icon{display:none}.brand{font-size:14px}.brand small{font-size:7px}.client-pill{padding:4px}.client-pill strong{font-size:10px}.header-right .text-btn{font-size:9px;padding:6px}.stats strong{font-size:14px}.board{gap:6px;padding:9px}.board-center h3{font-size:16px}.board-center p{font-size:9px}.board-center .orbit{display:none}.dice{height:56px;line-height:56px;font-size:55px}.board-foot{font-size:7px}.tile .tile-symbol{font-size:19px}.tile{font-size:8px}.board-center .primary{padding:9px;font-size:9px;gap:8px}.travel-buttons{gap:6px}.travel-buttons .secondary{font-size:9px;padding:7px}.form-grid{grid-template-columns:1fr}.game-toolbar button{padding:9px 10px}.legend{gap:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.board{transform:none}.event-card{transform:none}}
@media(max-width:760px){.board-center .board-foot{display:none}.board-center h3{font-size:16px;margin:7px 0 5px}.board-center p{font-size:9px;line-height:1.6}.board-center .dice{height:50px;line-height:50px;font-size:49px;margin:5px 0 9px}.board-center #remaining{font-size:9px;margin-top:10px}}