@charset "UTF-8";
/* Same-computer family play uses the existing wood and parchment materials. */
:root{color-scheme:dark;--navy:#102a40;--navy-deep:#091d30;--ink:#fff5d6;--muted:#bdd5de;--gold:#ffdb70;--wood:#713817;--wood-dark:#361b12;--wood-light:#bd7335;--green:#85f35d;--red:#ff8c86;--blue:#74d8ff;--line:#315369;--paper:#fff0c4;--paper-ink:#3e2416;--focus:#fff59b;--font-display:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;--z-sticky:10;--z-toast:30;--z-effects:40;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:#123e33;color:var(--ink);font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:15px;line-height:1.45;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.65}button,a,input,select{touch-action:manipulation}button{transition:transform .16s var(--ease),filter .16s,box-shadow .16s}button:not(:disabled):hover{filter:brightness(1.09)}button:not(:disabled):active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}input,select{max-width:100%;border:2px solid #a2743e;border-radius:8px;background:#fff6dd;color:#352115;padding:10px 12px;min-height:44px}input::placeholder{color:#685b49}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:15px;z-index:50;background:var(--paper);color:#172c35;padding:12px}.skip-link:focus{top:12px}
.scenery{position:fixed;inset:0;z-index:-1;background:#168c8b url('/art/jungle-stage.png') center center/cover no-repeat}.scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#082d25b0,transparent 38%)}
.wood,.wood-frame{border:3px solid var(--wood-dark);background:linear-gradient(165deg,#b77135 0%,#8c461f 12%,#703418 43%,#813e1c 55%,#512714 100%);box-shadow:inset 0 2px 0 #f6c372,inset 0 -3px 0 #321b12,0 3px 0 #1b2814;border-radius:12px;position:relative}.wood:before,.wood:after{content:"";position:absolute;top:8px;width:5px;height:5px;border-radius:50%;background:#ffc775;box-shadow:0 1px 1px #23170b;pointer-events:none}.wood:before{left:8px}.wood:after{right:8px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 22px;position:relative;z-index:2;max-width:1800px;margin:auto}.profile{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 16px 9px 8px;min-width:230px}.profile strong{font-size:18px;text-shadow:0 2px 1px #25140e}.profile small{display:block;color:#ffeba9;font-size:12px}.monkey-avatar{display:block;flex:none;width:48px;height:48px;border:2px solid #ffd68d;border-radius:8px;background:url('/art/title%20screen%20UI%20image.png') -20px -13px/1003px 565px;box-shadow:0 2px 0 #321809}.xp-track{display:block;height:7px;border-radius:6px;background:#351b11;border:1px solid #b27d3d;margin-top:4px;overflow:hidden}.xp-track>span{display:block;width:8%;height:100%;background:linear-gradient(0deg,#35bd1e,#b5f338);transition:width .5s var(--ease)}.top-actions{display:flex;gap:8px;align-items:center}.purse{display:flex;gap:9px;align-items:center;padding:6px 19px 6px 14px}.purse>span:first-child{font-size:31px}.purse small{display:block;font-size:11px;color:#ffdf9c}.purse strong{font-size:22px;font-variant-numeric:tabular-nums}.icon-button{width:51px;height:55px;font-size:27px;font-weight:900;line-height:1}.icon-button:before,.icon-button:after{display:none}
.title-screen{max-width:1500px;margin:0 auto;padding:0 24px 20px}.brand{width:min(470px,65vw);margin:-64px auto -30px;position:relative;pointer-events:none}.brand img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 0 #21351d55)}.selection-board{max-width:820px;margin:0 auto;position:relative}.section-sign{text-align:center;font-size:25px;font-weight:1000;line-height:1.2;padding:10px 20px;color:#ffe48a;text-shadow:0 2px 1px #27120a;letter-spacing:-.02em;z-index:1}.section-sign:before,.section-sign:after{top:50%}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 6px 20px}.mode-card{border:3px solid #693919;border-radius:13px;box-shadow:inset 0 2px 0 #fff7b4,inset 0 -4px 0 #905816,0 4px 0 #351c13;position:relative;padding:17px 20px 0;text-align:left;display:grid;grid-template-columns:66px 1fr;column-gap:12px;min-height:182px;overflow:visible;color:#42200d;background:radial-gradient(ellipse at 100% 0%,#fff7a5,transparent 70%),linear-gradient(135deg,#fff294,#ffbf38)}.mode-card.history{background:radial-gradient(ellipse at 100% 0%,#c0f9ff,transparent 70%),linear-gradient(135deg,#8edaff,#28a6e4);color:#073c5d;box-shadow:inset 0 2px 0 #e5fdff,inset 0 -4px 0 #165280,0 4px 0 #351c13}.mode-icon{font-size:54px;align-self:center;filter:drop-shadow(0 3px 0 #52270d44);transform:rotate(-9deg)}.mode-card strong{display:block;font-family:var(--font-display);font-size:38px;font-weight:1000;line-height:1.1;letter-spacing:-.025em;text-shadow:0 2px 0 #ffffff69}.mode-card b{font-size:13px;display:block;margin:5px 0}.mode-card small{display:block;font-size:13px;line-height:1.45;max-width:32ch}.mode-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:12px -20px 0;padding:9px 16px;background:#522c1012;border-top:1px solid #6b440b30;font-size:12px;font-weight:bold;border-radius:0 0 9px 9px}.mode-bottom span{font-size:19px}.selection-check{position:absolute;right:9px;top:-11px;border-radius:50%;width:27px;height:27px;border:2px solid #f4ffd6;background:#24951b;color:white;text-align:center;font-size:18px;font-weight:bold;box-shadow:0 2px 0 #16450a;display:none;z-index:2}.selected>.selection-check{display:block}.mode-card.selected{outline:3px solid #fff5a0;outline-offset:2px;transform:translateY(-2px)}.difficulty-sign{font-size:21px}.difficulty-sign>span{font-size:12px;font-family:"Trebuchet MS",sans-serif;font-weight:400;margin-left:14px;color:#ffe6b9;letter-spacing:0}.difficulty-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 6px 6px}.difficulty{position:relative;padding:8px 4px 0;border:3px solid #243c18;border-radius:12px;background:linear-gradient(145deg,#b3ee60,#39a436);color:#163d15;box-shadow:inset 0 2px 0 #e7ffbd,0 4px 0 #2b1b0e;display:flex;flex-direction:column;align-items:center;overflow:visible}.difficulty strong{font-family:var(--font-display);font-size:23px;line-height:1.2;font-weight:1000;letter-spacing:-.03em;color:white;text-shadow:0 2px 0 #203e12,1px 0 0 #203e12,-1px 0 0 #203e12}.age{font-size:12px;border-radius:20px;padding:1px 10px;margin-top:5px;color:#283145;background:#ffffffc9;font-weight:bold}.portrait{display:block;width:134px;max-width:100%;height:65px;margin-top:5px;background-image:url('/art/title%20screen%20UI%20image.png');background-size:1003px 565px;border-radius:7px 7px 0 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.young-portrait{background-position:-183px -382px}.family-portrait{background-position:-326px -381px}.trader-portrait{background-position:-472px -381px}.pro-portrait{background-position:-616px -381px}.difficulty-copy{font-size:11px;font-weight:bold;line-height:1.65;background:#eefedcd9;width:calc(100% + 8px);padding:8px 3px;border-radius:0 0 8px 8px;border-top:1px solid #fff8}.family{background:linear-gradient(145deg,#9be7ff,#178bdd);color:#164260;border-color:#173855;box-shadow:inset 0 2px 0 #c0f0ff,0 4px 0 #2b1b0e}.family .difficulty-copy{background:#e6f7fbe8}.trader{background:linear-gradient(145deg,#c89cff,#8751d5);color:#41226b;border-color:#472771;box-shadow:inset 0 2px 0 #e9c8ff,0 4px 0 #2b1b0e}.trader .difficulty-copy{background:#f6e9ffe8}.pro{background:linear-gradient(145deg,#ffe896,#eda42a);color:#653c0a;border-color:#774408;box-shadow:inset 0 2px 0 #fff6c0,0 4px 0 #2b1b0e}.pro .difficulty-copy{background:#fff4cfe8}.difficulty.selected{outline:3px solid #fff6a5;outline-offset:2px;transform:translateY(-3px)}.journey-form{display:flex;justify-content:center;align-items:center;gap:16px;margin:21px auto 0;max-width:600px;padding:13px 16px;background:#243b22e8;border:2px solid #b99a46;border-radius:12px;box-shadow:0 3px 0 #172219}.journey-form label{font-size:12px;font-weight:bold;color:#e2edcf;flex:1}.journey-form input{display:block;width:100%;margin-top:3px;min-height:42px;padding:7px 10px}.game-button{border:3px solid #213b17;border-radius:10px;font-family:var(--font-display);font-size:19px;font-weight:1000;min-height:49px;padding:9px 18px;color:white;text-shadow:0 2px 1px #103f13;box-shadow:inset 0 2px 0 #eaffc0,inset 0 -4px 0 #26711b,0 3px 0 #182518;background:linear-gradient(#62e739,#1ca91e)}.game-button.green{background:linear-gradient(#70ed39 0%,#23bd21 40%,#109515 100%)}.game-button.blue{background:linear-gradient(#45c8ff,#007acb);border-color:#164971;box-shadow:inset 0 2px 0 #bdefff,inset 0 -4px 0 #0b4f95,0 3px 0 #182518;text-shadow:0 2px 1px #103c64}.game-button.red{background:linear-gradient(#f97458,#bf2628);border-color:#6e2525;box-shadow:inset 0 2px 0 #ffd8a7,inset 0 -4px 0 #861e22,0 3px 0 #182518}.start-button{font-size:25px;min-width:265px;min-height:58px;margin-top:9px}.start-button span{color:#fff8d0;margin-right:8px}.start-note{text-align:center;font-size:12px;margin-top:10px;color:#fffce6;text-shadow:0 1px 3px #163626;background:#143b2bdb;width:fit-content;max-width:100%;padding:3px 10px;border-radius:5px;margin-inline:auto}.title-footer{max-width:1160px;margin:22px auto 0;display:flex;justify-content:space-between;gap:12px;color:#fff5d7;font-size:12px;text-shadow:0 1px 3px #123023}.title-footer span{background:#143726e8;padding:5px 12px;border-radius:6px}.room-banner{max-width:820px;margin:8px auto 18px;background:var(--paper);color:var(--paper-ink);border:3px solid #845126;border-radius:10px;padding:12px 16px;text-align:center}.resume-button{display:block;margin:15px auto 0}
/* Shared panels, carved rims, and dark exchange surfaces. */
.wood-frame{padding:7px;background:linear-gradient(135deg,#cc8642,#75351c 38%,#c67d38 72%,#6f351c);border-color:#4d2817;border-radius:13px;box-shadow:inset 0 2px 0 #ffdc94,inset 0 -2px 0 #431d11,0 4px 0 #172b20}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffe392;text-shadow:0 2px 0 #3b1a0e;font-size:18px;font-weight:1000;padding:2px 7px 7px}.panel-heading small{font-family:"Trebuchet MS",sans-serif;color:#ffebc0;font-size:10px;font-weight:400;text-shadow:none}.board-screen{max-width:1500px;padding:0 22px 12px;margin:0 auto}.board-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-20px 0 4px}.board-logo{width:235px;max-height:140px;object-fit:contain;margin-top:-22px;margin-bottom:-18px}.turn-heading{text-align:center;flex:1;padding:6px 0;text-shadow:0 2px 3px #122f19,0 0 10px #122f19}.turn-heading h1{font-size:clamp(22px,2.5vw,36px);font-weight:1000;color:#fff5bf;letter-spacing:-.025em}.mode-label{font-size:12px;color:#fff1aa;background:#17482bdd;border:1px solid #c9c862;padding:2px 13px;border-radius:20px;display:inline-block;text-shadow:none}.turn-heading p{font-size:13px;color:#fff9e8;margin-top:2px}.turn-counter{padding:10px 17px;display:flex;gap:10px;align-items:center;min-width:205px}.turn-counter>span:first-child{font-size:33px}.turn-counter strong{font-size:18px}.turn-counter small{display:block;color:#ffe2a9;font-size:12px}.turn-path{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 auto 14px;max-width:665px;padding:8px 20px;font-size:13px}.turn-path span{display:flex;align-items:center;gap:9px;color:#ffe2b0}.turn-path .current{color:#c8ff8a}.turn-path i{color:#f6bb56;font-size:25px;line-height:1}.board-grid{display:grid;grid-template-columns:minmax(250px,.93fr) minmax(390px,1.5fr) minmax(270px,1fr);gap:14px;align-items:start}.center-column,.right-column{display:flex;flex-direction:column;gap:12px;min-width:0}.market-panel{background:linear-gradient(120deg,#c3803c,#743516);padding-bottom:6px}.market-tabs{display:flex;gap:4px;padding:8px;background:var(--navy-deep);border-radius:7px 7px 0 0}.market-tabs button,.segmented button,.quick-amounts button{padding:6px 8px;border:1px solid #52728a;background:#1d3c55;border-radius:6px;font-size:12px;min-height:34px;color:#e0f1f7}.market-tabs button{flex:1}.market-tabs button.active,.segmented button.active{color:#fff;background:#0876af;border-color:#6bdcff;box-shadow:inset 0 1px 0 #94e5ff}.market-labels{display:flex;justify-content:space-between;padding:4px 12px;background:#16344d;color:#b9dfed;font-size:10px}.coins{background:var(--navy-deep);min-height:215px;max-height:607px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7e6c3a var(--navy)}.coin-row{border:0;border-bottom:1px solid #315369;background:linear-gradient(90deg,#14334c,#102a40);border-radius:0;padding:13px 10px;width:100%;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:6px;text-align:left;position:relative;min-height:75px}.coin-row:hover{background:#23475b}.coin-row.active{background:#254627;box-shadow:inset 0 0 0 2px #b9ec50}.coin-row.dead{opacity:.66}.coin-symbol{font-size:30px;filter:drop-shadow(0 2px 1px #0006)}.coin-name strong{display:block;font-size:13px}.coin-name small{font-size:10px;color:#b6d2de}.coin-price{text-align:right;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.coin-price b{font-size:13px}.coin-price small{font-size:11px;font-weight:bold}.coin-spark{width:61px;height:17px;display:block}.up{color:var(--green)}.down{color:var(--red)}.market-foot{font-size:10px;padding:10px 6px;background:var(--navy);color:#c0d8df;border-radius:0 0 6px 6px;text-align:center}.live-dot{display:inline-block;height:6px;width:6px;background:#79e958;border-radius:50%;margin-right:4px}.event-panel{display:flex;gap:15px;align-items:center;min-height:148px;background:linear-gradient(120deg,#ffd75c,#fff0b4 60%,#ffde72);color:#402d12;border-color:#76421d;box-shadow:inset 0 2px 0 #fffae6,0 4px 0 #34271a;padding:15px 18px;overflow:hidden}.event-panel:after{content:"";position:absolute;right:-19px;bottom:-35px;width:106px;height:106px;border:15px solid #eeb64b44;border-radius:50%;pointer-events:none}.event-art{font-size:53px;align-self:center;filter:drop-shadow(0 4px 0 #97691744)}.event-panel h2{font-size:24px;line-height:1.15;margin:3px 0 6px;letter-spacing:-.025em}.event-panel p{font-size:12px;line-height:1.5;max-width:54ch}.event-label{font-size:11px;font-weight:900;color:#714307}.text-button{border:0;padding:5px 0;background:none;color:#acdff7;font-size:12px;font-weight:700;text-align:left;min-height:30px}.event-panel .text-button{color:#684117;margin-top:4px;text-decoration:underline;text-decoration-color:#976e3580;text-underline-offset:3px}.chart-panel{padding:5px;background:linear-gradient(140deg,#cd8b47,#733719)}.chart-header{display:flex;align-items:center;gap:9px;padding:12px 12px 5px;background:var(--navy-deep);border-radius:6px 6px 0 0}.chart-header h2{font-size:19px}.chart-header small{font-size:11px;color:var(--muted)}.chart-price{margin-left:auto;text-align:right;display:flex;flex-direction:column;white-space:nowrap}.chart-price strong{font-size:22px;line-height:1.2}.chart-price span{font-size:11px;font-weight:bold}.watch-button{border:0;background:transparent;color:#ffe06a;font-size:29px;padding:0 3px;min-height:44px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--navy-deep);padding:7px 13px;gap:8px;color:#acc8d6;font-size:10px}.segmented{display:flex;gap:4px}.segmented button{font-size:10px;padding:3px 9px;min-height:28px}#chart{display:block;width:100%;height:187px;background:var(--navy-deep)}.research-strip{background:var(--navy);padding:8px 12px;border-top:1px solid #264d65;border-radius:0 0 6px 6px}.research-strip p{font-size:11px;color:#c8dfe7;line-height:1.4}.research-strip .text-button{font-size:11px;margin-top:2px}.order-inner{background:var(--navy-deep);padding:11px;border-radius:6px}.order-actions{display:flex;gap:5px;margin-bottom:10px}.order-actions button{flex:1;padding:5px;border-radius:6px;min-height:35px;background:#1c3a52;border:1px solid #567488;font-weight:bold;font-size:14px}.order-actions button[data-side=buy].active{background:#256b2a;border-color:#9be761}.order-actions button[data-side=sell].active{background:#943a3a;border-color:#ffaaa0}#trade-form{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}#amount-label{font-size:11px;color:#c2dae5}.amount-row{grid-column:1;display:flex;align-items:center;gap:6px;background:#081827;border:1px solid #4b6a80;border-radius:7px;padding:3px 5px 3px 9px;min-width:0}.amount-row>span{color:#c8e1eb}#amount{min-height:34px;height:34px;padding:3px 0;min-width:40px;width:90px;flex:1;color:white;background:transparent;border:0;font-size:19px;font-weight:bold;font-variant-numeric:tabular-nums}#amount::placeholder{color:#c2d6df}.quick-amounts{display:flex;gap:3px}.quick-amounts button{font-size:10px;min-height:30px;padding:2px 6px}#trade-button{grid-column:2;grid-row:1/4;font-size:16px;align-self:stretch;padding:9px 12px;max-width:155px}.order-estimate{font-size:10px;color:#bed7e3;grid-column:1;min-height:15px}.order-help{font-size:10px;color:#c1d6df;margin-top:8px}.portfolio-total{background:var(--navy-deep);display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-bottom:1px solid #3f5a6b;border-radius:6px 6px 0 0;gap:7px}.portfolio-total>span{font-size:12px;color:#c7e1ed}.portfolio-total small{display:block;font-size:9px;color:#aac5cf}.portfolio-total strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.holding{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;padding:10px 9px;border-bottom:1px solid #2c4d62;font-size:12px;background:var(--navy)}.holding>span:first-child{font-size:21px}.holding small{display:block;color:#c1d5de;font-size:10px}.holding>span:last-child{text-align:right}.holding small.up{color:var(--green)}.holding small.down{color:var(--red)}.portfolio-cash{display:flex;justify-content:space-between;padding:11px 9px;gap:6px;background:var(--navy-deep);font-size:12px;border-radius:0 0 6px 6px}.empty-state{padding:22px 15px;background:var(--navy);color:#c7dfe9;text-align:center;font-size:12px}.empty-state .empty-icon{display:block;font-size:34px;margin-bottom:7px}.empty-state p{font-size:11px;margin-top:6px;color:#a9cbd8}.goals-content{background:var(--paper);color:var(--paper-ink);border-radius:6px;padding:12px}.goal{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}.goal>span:first-child{width:21px;height:21px;border:2px solid #977638;border-radius:50%;text-align:center;font-size:12px;font-weight:bold;flex:none}.goal.done>span:first-child{background:#277833;color:white;border-color:#235d29}.goal.done>span:last-child{color:#286235}.goal-progress{height:8px;background:#806538;border:1px solid #786038;border-radius:9px;overflow:hidden;margin:10px 0 6px}.goal-progress>span{display:block;background:linear-gradient(#9aea55,#39a924);height:100%;transition:width .5s}.goal-caption{font-size:10px;color:#5a472b}.prediction-content{background:var(--navy);padding:11px;border-radius:6px}.prediction-content p{font-size:12px}.prediction-buttons{display:flex;gap:8px;margin:10px 0}.prediction-buttons button{border:2px solid #408247;background:#214d37;color:#c5ffbd;flex:1;border-radius:6px;padding:7px;font-weight:bold}.prediction-buttons button:last-child{background:#59313a;color:#ffc1ba;border-color:#9e6266}.prediction-buttons button.selected{outline:2px solid #fff2a3;outline-offset:2px}.prediction-content>small{font-size:10px;color:#bfd8e6;display:block}.mood-content{background:var(--navy);padding:10px;border-radius:6px;font-size:12px}.mood-track{background:#203647;border:1px solid #506571;height:9px;border-radius:6px;overflow:hidden;margin:7px 0}.mood-track span{display:block;height:100%;background:linear-gradient(90deg,#7bc1ee,#ecdc67,#7ded61);width:50%;transition:width .5s}.mood-scale{display:flex;justify-content:space-between;color:#bfd5df;font-size:9px}.social-panel{margin-top:14px;display:flex;align-items:center;gap:10px;padding:9px 14px;flex-wrap:wrap}.players{display:flex;gap:9px;flex:1;flex-wrap:wrap}.player-chip{display:flex;align-items:center;gap:7px;background:#271b15c9;border:1px solid #b98142;border-radius:7px;padding:5px 9px;font-size:11px}.player-chip.done{border-color:#9cc44e}.player-chip small{color:#e6cf9f}.player-chip .player-initial{border-radius:50%;width:23px;height:23px;background:#33614a;border:1px solid #cae581;text-align:center;line-height:21px;color:#fff5bf;font-size:12px;font-weight:bold}.reactions{display:flex;gap:2px}.reactions button{border:0;background:#321e15a8;border-radius:5px;font-size:21px;padding:4px 6px;min-width:34px;min-height:34px}.social-panel .text-button{color:#fff0bc}.turn-dock{display:flex;justify-content:space-between;gap:18px;align-items:center;max-width:660px;margin:16px auto 10px;padding:11px 15px;position:sticky;bottom:10px;z-index:var(--z-sticky)}.turn-dock strong{display:block;font-size:15px}.turn-dock>div>span{font-size:11px;color:#ffe1ad}.turn-dock .game-button{min-width:215px;min-height:49px;font-size:20px}.board-footnote{font-size:11px;color:#fff4d4;text-align:center;text-shadow:0 2px 3px #0a211b;padding:5px;background:#153728cf;max-width:600px;margin:auto;border-radius:5px}
/* The history atlas. */
.history-screen{max-width:1180px;margin:auto;padding:0 24px 32px}.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-30px 0 21px}.atlas-heading>div{width:380px;text-align:center}.small-logo{display:block;width:330px;max-width:100%;margin:-15px auto -39px}.atlas-heading h1{padding:9px 25px;font-size:27px;color:#fff0a0;text-shadow:0 2px #331908}.back-button{padding:12px 17px;font-weight:bold;min-height:45px}.atlas-note{font-size:14px;font-weight:bold;text-shadow:0 2px 4px #123527;text-align:center;background:#153c2ed9;padding:10px 14px;border-radius:7px}.era-route{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0 24px;position:relative}.era-route:after{content:"";position:absolute;height:8px;background:linear-gradient(#d8a44d,#835820);bottom:-14px;left:7%;right:7%;border:2px solid #55301a;z-index:-1;border-radius:5px}.era-card{position:relative;min-height:193px;text-align:center;padding:15px 10px;border-radius:12px;border:3px solid #683618;background:radial-gradient(circle at 40% 40%,#346e8c,#112d4b 75%);box-shadow:inset 0 0 0 2px #bd9954,0 4px 0 #352318;display:flex;flex-direction:column;align-items:center;gap:3px}.era-card:nth-child(2){background:radial-gradient(circle at 40% 40%,#397f79,#163b45 75%)}.era-card:nth-child(3){background:radial-gradient(circle at 40% 40%,#8464a7,#36274f 75%)}.era-card:nth-child(4){background:radial-gradient(circle at 40% 40%,#30628b,#1d3452 75%)}.era-card:nth-child(5){background:radial-gradient(circle at 40% 40%,#438b90,#1d4851 75%)}.era-card.active{outline:3px solid #9fe8ff;outline-offset:2px;transform:translateY(-4px)}.era-card:after{content:"";position:absolute;bottom:-21px;left:calc(50% - 7px);width:13px;height:13px;border:3px solid #ffcf69;background:#87451d;border-radius:50%}.era-card.active:after{background:#91f76f}.era-year{font-size:19px;color:#ffe39b;font-weight:900}.era-icon{font-size:55px;display:block;padding:5px}.era-card strong{font-size:16px;line-height:1.1}.era-card small{font-size:10px;color:#d1e7ec;margin-top:auto}.history-details{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:9px;padding:9px}.era-story{background:var(--paper);color:var(--paper-ink);border-radius:7px;padding:22px}.era-story h2{font-size:26px;line-height:1.2}.era-story .era-intro{font-size:12px;color:#6f532d;margin:6px 0 17px}.lesson-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.lesson-nav button{border:1px solid #b08a46;background:#fff7df;color:#604323;border-radius:6px;font-size:11px;padding:7px 9px;min-height:33px}.lesson-nav button.active{background:#365e4d;color:white;border-color:#244c3b}.lesson-body h3{font-size:20px;margin:4px 0 9px}.lesson-body p{font-size:14px;line-height:1.7;max-width:65ch}.lesson-takeaway{margin:18px 0;padding:13px 15px;background:#e2e6b7;border:1px solid #b1aa66;border-radius:7px}.lesson-takeaway strong{display:block;font-size:13px;margin-bottom:4px;color:#2d502e}.lesson-takeaway p{font-size:13px}.source-link{color:#194e73;font-size:11px;font-weight:bold;text-underline-offset:3px}.era-launch{background:linear-gradient(155deg,#133e42,#132c36);border-radius:7px;padding:21px;color:#f9f0cd}.book-emblem{display:block;text-align:center;font-size:54px;margin-bottom:6px}.era-launch h2{font-size:22px;text-align:center}.era-launch>p{font-size:12px;color:#c8dede;line-height:1.6;margin:10px 0 15px}.launch-facts{border-block:1px solid #54716b;padding:12px 0;margin:15px 0}.launch-facts span{display:flex;justify-content:space-between;font-size:11px;padding:5px 0;color:#cfe5dc}.launch-facts strong{color:#fff0b1}.era-launch .game-button{width:100%;font-size:20px}.era-launch .simulation-note{font-size:10px;line-height:1.6;margin-top:18px;color:#d1dfcf}
/* Dialogs and feedback. Native dialog supplies focus trapping and inertness. */
.game-modal{color:var(--ink);width:560px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 38px);padding:9px;overflow:auto;border:3px solid #4e2c1a}.game-modal::backdrop{background:#071d25cf}.modal-close{position:absolute;top:15px;right:15px;z-index:1;border:2px solid #c49b5f;border-radius:7px;background:#643a23;color:#fff6d7;font-size:28px;line-height:1;width:37px;height:37px}.modal-body{padding:25px 23px;background:var(--navy);border-radius:7px;min-height:160px}.modal-body h2{font-size:27px;line-height:1.2;color:#ffe295;padding-right:24px;margin-bottom:17px}.modal-body h3{font-size:17px;margin:19px 0 7px}.modal-body p,.modal-body li{font-size:14px;line-height:1.65;color:#d2e5eb}.modal-body ol,.modal-body ul{padding-left:21px}.modal-body li{padding:5px 0}.modal-art{display:block;max-height:230px;max-width:100%;object-fit:contain;margin:0 auto 15px;border-radius:8px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.modal-actions .game-button{flex:1;font-size:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.settings-grid label{font-size:12px;color:#e4eadc}.settings-grid input,.settings-grid select{display:block;width:100%;margin-top:4px}.settings-grid .full{grid-column:1/-1}.settings-note{font-size:11px!important;color:#c5d9df!important}.journal-entry{border-bottom:1px solid #37586b;padding:15px 0}.journal-entry h3{margin:0 0 6px}.journal-entry p{font-size:12px}.journal-entry a{display:inline-block;margin-top:8px;font-size:11px}.wire-entry{display:flex;gap:8px;border-bottom:1px solid #345367;padding:9px 0;font-size:12px}.wire-entry strong{color:#ffdf90;min-width:60px;overflow-wrap:anywhere}.wire-entry span{color:#d6e4e7}.toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:#fff1bf;color:#3d2915;border:3px solid #ae7a36;padding:12px 21px;border-radius:9px;z-index:var(--z-toast);max-width:min(500px,calc(100vw - 30px));text-align:center;font-size:14px;font-weight:bold;box-shadow:0 4px 0 #302618}.toast.error{background:#ffe8df;color:#792a24;border-color:#cc6956}.connection-notice{position:fixed;bottom:0;inset-inline:0;text-align:center;background:#752f27;color:#fff0dd;padding:10px;z-index:var(--z-toast);font-size:12px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-effects)}.reveal{animation:arrive .35s var(--ease)}@keyframes arrive{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.selection-board{max-width:920px}.brand{width:500px;margin-top:-65px}.mode-card{min-height:195px}.difficulty strong{font-size:26px}.difficulty-copy{font-size:12px}.portrait{height:75px}.title-screen{padding-bottom:35px}.board-grid{grid-template-columns:320px minmax(440px,1.5fr) 330px}.coin-row{min-height:81px}.event-panel{min-height:157px}#chart{height:220px}}
@media(max-width:1180px){.board-grid{grid-template-columns:280px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.mood-panel{display:none}.board-logo{width:190px}.topbar{padding:12px 18px}.coins{max-height:700px}.selection-board{max-width:770px}.brand{width:410px;margin-top:-44px;margin-bottom:-28px}.mode-card strong{font-size:34px}.mode-card{min-height:173px}.difficulty strong{font-size:22px}.atlas-heading>div{width:310px}.history-details{grid-template-columns:1fr 265px}.era-card{padding-inline:7px}.era-card strong{font-size:14px}.turn-heading h1{font-size:28px}.board-screen{max-width:1020px}}
@media(max-width:800px){.scenery{background-position:center top}.scenery:after{background:#072b2933}.topbar{padding:10px 12px}.profile{min-width:0;padding-right:12px}.profile strong{font-size:14px}.profile small{font-size:10px}.monkey-avatar{width:39px;height:43px}.purse{padding:6px 10px;min-height:53px}.purse>span:first-child{font-size:24px}.purse strong{font-size:17px}.purse small{font-size:9px}.icon-button{height:46px;width:40px;font-size:23px}.top-actions{gap:5px}.brand{margin:0 auto -20px;width:390px;max-width:80vw}.selection-board{max-width:650px}.title-screen{padding-inline:16px}.section-sign{font-size:22px}.mode-card{padding:16px 13px 0;grid-template-columns:47px 1fr;column-gap:7px}.mode-icon{font-size:40px}.mode-card strong{font-size:31px}.mode-card small{font-size:12px}.mode-card b{font-size:11px}.mode-bottom{margin-inline:-13px;padding-inline:12px}.difficulty-sign span{display:none}.difficulty strong{font-size:21px}.difficulty-copy{font-size:10px}.portrait{width:115px}.difficulty-options{gap:8px}.board-banner{margin:0 0 12px}.board-logo{width:165px;margin-block:-17px}.turn-heading h1{font-size:24px}.turn-heading p{display:none}.turn-counter{min-width:160px;padding:10px 12px}.turn-counter strong{font-size:15px}.turn-counter>span:first-child{font-size:27px}.board-screen{padding-inline:12px}.board-grid{grid-template-columns:225px minmax(0,1fr);gap:10px}.coin-row{grid-template-columns:28px minmax(0,1fr) auto;padding:11px 7px}.coin-row .coin-symbol{font-size:25px}.coin-name strong{font-size:11px}.coin-price b{font-size:12px}.market-tabs{gap:3px;padding:6px}.market-tabs button{font-size:10px;padding-inline:5px}.chart-header{padding-inline:8px;gap:6px}.chart-header h2{font-size:16px}.chart-price strong{font-size:18px}.watch-button{font-size:24px}.chart-header .coin-symbol{font-size:25px}.event-art{font-size:35px}.event-panel{padding:13px 12px;gap:10px}.event-panel h2{font-size:20px}.event-panel p{font-size:11px}#trade-form{display:block}#trade-button{max-width:none;width:100%;margin-top:9px;min-height:42px}.order-estimate{margin-top:5px}.right-column{grid-template-columns:1fr 1fr}.prediction-panel{grid-column:1/-1}.prediction-content{display:flex;align-items:center;gap:12px}.prediction-buttons{min-width:165px}.prediction-content>small{max-width:120px}.title-footer{flex-direction:column;align-items:center;gap:4px;margin-top:17px}.atlas-heading{margin:0 0 20px}.atlas-note{display:none}.atlas-heading>div{max-width:55%}.atlas-heading h1{font-size:22px}.small-logo{margin:-30px auto -20px}.era-route{gap:7px}.era-card{min-height:170px;padding-inline:4px}.era-year{font-size:15px}.era-card strong{font-size:12px}.era-icon{font-size:40px}.era-card small{font-size:9px}.history-details{grid-template-columns:1fr}.era-launch{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.book-emblem{display:none}.era-launch h2{text-align:left}.era-launch .launch-facts{grid-column:2;grid-row:1/4;margin:0}.era-launch .game-button{grid-column:1}.era-launch .simulation-note{grid-column:2;grid-row:4}.era-launch>p{grid-column:1}.history-screen{padding-inline:14px}}
@media(max-width:600px){body{font-size:14px}.topbar{align-items:center;padding:8px}.profile{gap:7px;padding:6px 10px 6px 6px}.profile small{font-size:9px}.profile strong{font-size:12px}.monkey-avatar{width:34px;height:39px;background-position:-23px -16px}.top-actions{gap:4px}.purse{display:none}.icon-button{height:40px;width:37px;font-size:22px}.brand{width:340px;margin:-8px auto -16px;max-width:94vw}.title-screen{padding-inline:12px}.section-sign{font-size:20px;padding:9px 12px}.mode-options{margin:10px 2px 16px;gap:9px}.mode-card{min-height:200px;display:flex;flex-direction:column;padding:12px 12px 0;align-items:center;text-align:center}.mode-icon{font-size:35px;margin-bottom:2px}.mode-card strong{font-size:28px}.mode-card b{font-size:11px;line-height:1.3;margin:4px 0}.mode-card small{font-size:11px;line-height:1.4}.mode-bottom{display:none}.difficulty-options{grid-template-columns:1fr 1fr;gap:13px 11px;padding:13px 2px 7px}.difficulty{display:grid;grid-template-columns:1fr 62px;text-align:left;padding:9px 7px 0}.difficulty strong{font-size:22px;grid-column:1/3;grid-row:1}.difficulty .age{grid-column:1;grid-row:2;justify-self:start;font-size:10px;padding:1px 8px;margin-bottom:8px}.difficulty .portrait{grid-column:2;grid-row:2/4;position:absolute;right:1px;bottom:35px;width:70px;height:58px;margin:0;opacity:.95}.young-portrait{background-position:-205px -391px}.family-portrait{background-position:-348px -391px}.trader-portrait{background-position:-495px -391px}.pro-portrait{background-position:-640px -391px}.difficulty-copy{grid-column:1/3;text-align:center;font-size:10px;padding:6px 1px;width:calc(100% + 14px);margin-inline:-7px;z-index:1}.journey-form{margin-top:16px;flex-direction:column;gap:10px;padding:12px;max-width:350px}.journey-form label{width:100%;font-size:11px}.journey-form input{min-height:39px}.start-button{width:100%;min-width:0;min-height:51px;margin:0;font-size:25px}.start-note{font-size:10px;max-width:320px;line-height:1.5}.title-footer{font-size:10px}.title-footer span:first-child{display:none}.board-banner{gap:5px;margin:0 0 9px;flex-wrap:wrap}.board-logo{width:140px;height:90px;margin:-8px 0 -7px}.turn-heading{order:3;flex-basis:100%;padding:2px 0 4px}.turn-heading h1{font-size:26px}.mode-label{font-size:10px}.turn-counter{min-width:0;padding:8px 12px}.turn-counter strong{font-size:14px}.turn-counter small{font-size:10px}.turn-path{gap:8px;padding:9px 10px;margin-bottom:10px}.turn-path span{font-size:10px;gap:4px}.turn-path i{font-size:20px}.board-grid{display:flex;flex-direction:column;gap:12px}.market-panel{width:100%;order:2}.center-column{display:contents}.event-panel{order:0;width:100%;min-height:0;padding:14px}.chart-panel{order:1;width:100%}.order-panel{order:3;width:100%}.right-column{order:4;width:100%;display:flex}.market-panel .coins{max-height:240px}.market-panel .coin-row{min-height:64px;grid-template-columns:37px minmax(0,1fr) auto;padding:10px 12px}.coin-name strong{font-size:14px}.coin-name small{font-size:11px}.coin-price b{font-size:14px}.coin-price small{font-size:11px}.coin-spark{display:none}.market-tabs button{min-height:37px;font-size:12px}.chart-header{padding:12px 10px 7px}.chart-header h2{font-size:20px}.chart-price strong{font-size:22px}#chart{height:210px}.research-strip p{font-size:12px}.research-strip .text-button{font-size:12px}.event-panel h2{font-size:23px}.event-panel p{font-size:12px}.event-art{font-size:42px}.prediction-content{display:block}.prediction-content>small{max-width:none}.mood-panel{display:block}.panel-heading{font-size:19px}.order-inner{padding:13px}.order-actions button{min-height:40px}.order-help{font-size:11px}.amount-row{padding-block:6px}#amount{width:100px;font-size:22px}.quick-amounts button{font-size:12px;padding:5px 9px;min-height:34px}.order-estimate{font-size:11px}#trade-button{font-size:20px;min-height:47px}.turn-dock{padding:9px;bottom:7px;gap:8px;margin-top:14px}.turn-dock strong{font-size:12px}.turn-dock>div>span{font-size:10px;display:block;max-width:170px}.turn-dock .game-button{min-width:134px;font-size:17px;padding:7px 10px}.social-panel{padding:8px}.reactions{margin-left:auto}.social-panel .text-button{font-size:11px}.players{flex-basis:100%}.board-footnote{font-size:10px}.atlas-heading{justify-content:center;flex-direction:column;gap:10px;margin:0 0 15px}.atlas-heading>div{max-width:100%;width:300px;order:-1}.small-logo{width:270px;margin:-9px auto -28px}.atlas-heading h1{font-size:25px}.back-button{font-size:12px;padding:8px 15px;min-height:38px}.era-route{display:flex;overflow-x:auto;padding:5px 5px 24px;margin:12px -4px 9px;scroll-snap-type:x mandatory;gap:11px}.era-card{flex:0 0 145px;min-height:176px;scroll-snap-align:center}.era-route:after{display:none}.era-card strong{font-size:15px}.era-year{font-size:17px}.era-icon{font-size:44px}.era-card small{font-size:10px}.era-card:after{bottom:-18px}.history-details{padding:6px}.era-story{padding:16px}.era-story h2{font-size:23px}.lesson-body p{font-size:13px}.era-launch{display:block;padding:18px}.era-launch h2{text-align:left}.era-launch .launch-facts{margin:13px 0}.era-launch .simulation-note{margin-bottom:0}.modal-body{padding:22px 17px}.modal-body h2{font-size:24px}.modal-body p,.modal-body li{font-size:13px}.settings-grid{gap:12px}.modal-actions .game-button{font-size:15px}.toast{font-size:12px;bottom:90px}.settings-grid input,.settings-grid select{font-size:15px}.goal{font-size:13px}.portfolio-total strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#confetti{display:none}}
/* Illustrated material pass; layout remains live HTML. */
:root{--font-display:'Arial Rounded MT Bold','Arial Black','Trebuchet MS',sans-serif}
.wood{background-image:linear-gradient(180deg,#51220d18,#391d1370),url('/art/jungle-wood.png');background-size:auto,650px auto;background-position:center,center 42%}
.wood-frame:not(.event-panel){background-image:linear-gradient(120deg,#edb86b30,#4a201550),url('/art/jungle-wood.png');background-size:auto,600px auto;background-position:center,center 42%}
.section-sign{text-shadow:0 2px 0 #38180d,0 -1px 0 #a77139}
@media(min-width:801px){.brand{width:420px;margin-top:-91px;margin-bottom:-35px}.mode-card{min-height:166px;padding-top:13px}.mode-card strong{font-size:35px}.mode-options{margin-bottom:15px}.mode-card small{font-size:12px}.mode-card b{font-size:12px}.mode-bottom{margin-top:9px;padding-block:6px}.difficulty strong{font-size:22px}.difficulty-options{padding-top:10px}.portrait{height:56px}.difficulty-copy{padding-block:6px}.journey-form{margin-top:14px;padding:9px 13px}.start-button{font-size:23px;min-height:52px}.title-footer{margin-top:12px}.start-note{margin-top:7px}}
@media(min-width:801px) and (max-height:820px){.brand{width:310px;margin-top:-86px;margin-bottom:-27px}.selection-board{max-width:770px}.section-sign{font-size:21px;padding-block:8px}.mode-card{min-height:143px;padding-top:10px;grid-template-columns:49px 1fr}.mode-icon{font-size:41px}.mode-card strong{font-size:28px}.mode-card small{font-size:11px}.mode-card b{font-size:11px}.mode-bottom{font-size:10px;padding-block:5px;margin-top:7px}.mode-options{margin-bottom:11px}.difficulty-sign{font-size:18px}.difficulty strong{font-size:20px}.portrait{height:43px;background-position-y:-395px}.difficulty-copy{padding-block:5px;font-size:10px}.age{font-size:10px}.journey-form{margin-top:12px;padding-block:6px;max-width:555px}.journey-form input{min-height:35px;height:35px;font-size:13px}.start-button{min-height:45px;font-size:21px;margin-top:5px}.title-footer{margin-top:7px;font-size:10px}.start-note{font-size:10px}.title-screen{padding-bottom:10px}}

@media(min-width:801px) and (max-height:820px){.brand{width:300px;margin-top:-105px}}
@media(max-width:600px){.difficulty strong{font-size:19px}.difficulty .portrait{position:static;width:66px;height:47px;grid-row:2;grid-column:2;justify-self:end}.difficulty .age{align-self:center;margin-bottom:3px}.difficulty-copy{grid-row:3}}
.era-icon{width:96px;height:101px;font-size:0;background-image:url('/art/history%20mode%20UI%20image.png');background-size:1338px 753px;border-radius:8px;border:2px solid #b39254;box-shadow:0 2px 0 #142735;margin:6px 0 10px;padding:0}
.era-2007{background-position:-324px -260px}.era-2011{background-position:-438px -260px}.era-2015{background-position:-653px -260px}.era-2019{background-position:-867px -260px}.era-2023{background-position:-976px -260px}

/* Family setup and the active explorer are visible without opening settings. */
.journey-form{max-width:760px;align-items:end;gap:16px}
.family-setup{flex:1;display:grid;grid-template-columns:175px minmax(0,1fr);gap:10px 14px;min-width:0}
.family-setup label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.family-setup input,.family-setup select{width:100%;min-width:0;min-height:42px}
.family-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.family-names>label:only-child,.journey-form:not(.has-family) .family-names>label{grid-column:1/-1}
.extra-player-names{display:contents}
#family-help{grid-column:1/-1;color:#fff0ba;font-size:12px;line-height:1.4}
.family-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;margin:0 0 14px;background-color:#3c6740}
.family-avatar{font-size:36px;flex:none;line-height:1}
.family-bar>div{flex:1;min-width:0}
.family-bar strong{display:block;font-size:22px;color:#fff5d6;overflow-wrap:anywhere}
.family-bar small,.family-bar>div>span{display:block;font-size:12px;color:#ffe2a4}
.family-bar .game-button{font-size:15px;min-height:44px;padding:8px 14px;flex:none}
.handoff-avatar{font-size:78px;text-align:center;line-height:1.3;margin:14px 0}
.handoff-intro{text-align:center;font-weight:bold;color:var(--ink)}
.family-scoreboard{margin:18px 0;border-block:1px solid #ab894f}
.family-scoreboard>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #c7a774}
.family-scoreboard>div:last-child{border:0}
.family-scoreboard>div>span:first-child{font-size:28px}
.family-scoreboard>div>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.family-scoreboard strong,.family-scoreboard small{display:block}
.family-scoreboard small{font-size:12px;color:var(--muted)}
.family-scoreboard b{font-variant-numeric:tabular-nums;color:var(--green)}
@media(max-width:800px){.journey-form{max-width:680px}.family-setup{grid-template-columns:1fr}.family-names{grid-template-columns:repeat(2,minmax(0,1fr))}.family-bar strong{font-size:19px}}
@media(max-width:600px){.journey-form{max-width:350px;align-items:stretch}.family-setup{width:100%}.family-setup label{font-size:12px}.family-bar{gap:9px;padding:10px;flex-wrap:wrap}.family-avatar{font-size:28px}.family-bar strong{font-size:17px}.family-bar small,.family-bar>div>span{font-size:11px}.family-bar .game-button{width:100%;font-size:14px;min-height:38px}.family-scoreboard{font-size:13px}}

/* The newspaper is the main decision surface; the chart supports the story. */
@media(min-width:1181px){.board-grid{grid-template-columns:minmax(220px,.85fr) minmax(430px,1.75fr) minmax(250px,.95fr)}}
.event-panel.newsroom{display:block;padding:7px;overflow:visible;background:#78421e url('/art/jungle-wood.png') center/600px auto;min-height:0;border-color:#4d2817;box-shadow:inset 0 2px 0 #eec186,0 4px 0 #172b20}
.event-panel.newsroom:after{display:none}
.news-masthead{display:flex;align-items:center;gap:10px;color:#ffe392;padding:7px 10px 13px;text-shadow:0 2px #351c11}
.news-masthead>span:first-child{font-size:30px}
.news-masthead>div{flex:1;min-width:0}
.news-masthead strong{font-family:var(--font-display);font-size:24px;display:block;line-height:1.1}
.news-masthead small{display:block;font-size:11px;color:#fff0c6;margin-top:4px}
#news-edition{font-size:12px;white-space:nowrap}
.newspaper{background:#fff0c4;color:#342415;border-radius:6px;padding:22px 23px}
.newsroom .event-label{font-size:11px;color:#69501f;display:block;line-height:1.5}
.newsroom h2{font-size:clamp(26px,2.2vw,35px);line-height:1.13;letter-spacing:-.02em;margin:9px 0 17px;text-wrap:balance;overflow-wrap:anywhere}
.newsroom p{font-size:14px;line-height:1.65;max-width:65ch;margin:10px 0;color:#3b2b19}
.newsroom #event-copy p:first-child{font-size:15px}
.news-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin:0 0 7px;background:#ead39b}
.news-question{background:#e5edba;border:2px solid #9ca55d;border-radius:7px;padding:11px 13px;margin:17px 0 12px}
.news-question strong{color:#345029;font-size:13px}
.news-question p{font-size:13px;margin:4px 0 0;color:#304329;line-height:1.5}
.news-tokens{display:flex;flex-wrap:wrap;gap:7px}
.news-tokens button{font-size:12px;font-weight:bold;border:1px solid #b69b5e;border-radius:6px;background:#fae1a1;color:#48301b;padding:8px 10px;min-height:38px}
.newsroom .source-link{display:block;margin-top:12px;color:#265b79;font-size:12px}
.news-pages{background:#eddcad;margin-top:6px;border-radius:5px;max-height:178px;overflow:auto;scrollbar-width:thin}
.news-pages button{display:block;width:100%;text-align:left;background:transparent;color:#3d2b18;border:0;border-bottom:1px solid #c8b985;padding:11px 14px;line-height:1.3}
.news-pages button.active{background:#d0dda5;box-shadow:inset 0 0 0 2px #778647}
.news-pages small{display:block;color:#6a5129;font-size:10px;margin-bottom:4px}
.news-pages span{font-weight:bold;font-size:13px;display:block}
.news-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:6px 7px 2px}
.newsroom .news-footer .text-button{color:#fff0be;font-size:12px;text-decoration-color:#dbba72}
.news-footer small{font-size:10px;color:#ffe2b8;max-width:35ch}
.prediction-content{display:block}
#prediction-token-label{display:block;color:#d2e6eb;font-size:12px;margin-bottom:12px}
#prediction-token{display:block;margin-top:5px;width:100%;font-size:13px;padding:7px;min-height:40px}
.prediction-content>small{max-width:none;line-height:1.5}
.prediction-content .prediction-last{font-size:11px;color:#d9e6c5;margin-top:12px;padding-top:10px;border-top:1px solid #42616a}
@media(max-width:1180px) and (min-width:601px){.board-grid{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)}.news-masthead strong{font-size:21px}.news-masthead{gap:7px;padding-inline:5px}.newspaper{padding:18px}.newsroom h2{font-size:28px}.newsroom p,.newsroom #event-copy p:first-child{font-size:14px}}
@media(max-width:600px){.event-panel.newsroom{padding:5px}.news-masthead{padding:8px 6px 12px;gap:7px}.news-masthead>span:first-child{font-size:24px}.news-masthead strong{font-size:21px}.news-masthead small{font-size:10px}#news-edition{font-size:11px}.newspaper{padding:17px 16px}.newsroom h2{font-size:27px}.newsroom p,.newsroom #event-copy p:first-child{font-size:14px}.newsroom .news-question p{font-size:13px}.news-pages{max-height:155px}.news-footer{padding-inline:5px}.news-footer small{max-width:none}.newsroom .event-label{font-size:10px}}
/* The portfolio explanation stays folded during play. */
#money-details { margin: 0 12px 12px; background: #102237; padding: 10px 12px; border-radius: 6px; }
#money-details summary { cursor: pointer; color: #ffe69a; font-size: 13px; padding: 5px 0; }
.money-breakdown { margin: 12px 0; font-size: 13px; }
.money-breakdown > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; }
.money-breakdown dt { color: inherit; }
.money-breakdown dd { margin: 0; white-space: nowrap; font-weight: 700; }
.money-total { border-top: 1px solid #496477; margin-top: 5px; font-weight: 700; }
.money-note { color: #c4d8e3; font-size: 12px; line-height: 1.5; }

/* Direct portfolio sales and an illustrated pause between shared months. */
button.holding{width:100%;background:transparent;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:68px;font:inherit}
button.holding:hover{background:#22475a}
button.holding>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.portfolio-sell-form{margin-top:20px}
.portfolio-sell-form>label{display:block;color:var(--ink);font-size:14px;font-weight:bold;margin-bottom:8px}
.sell-value-row{display:flex;gap:12px;align-items:center;font-size:26px}
.sell-value-row input{width:100%;min-width:0;font-size:23px;font-variant-numeric:tabular-nums}
.sell-presets{display:flex;gap:8px;margin:14px 0}
.sell-presets button{flex:1;min-height:46px;border:2px solid #638398;border-radius:7px;background:#17394e;color:var(--ink);font-weight:bold}
.sell-presets button[aria-pressed=true]{background:#ffe295;color:#382519;border-color:#ffe295}
#sell-estimate{min-height:46px}
#sell-error{color:#ffb8ae;margin-top:8px}
#portfolio-sell-submit{width:100%;margin-top:18px}
.month-card{width:540px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border:4px solid #643419;border-radius:9px;background:var(--paper);color:var(--paper-ink);box-shadow:0 5px 0 #2e1c12}
.month-card::backdrop{background:#041c20ed}
.month-card[open]{animation:press-arrives .35s var(--ease)}
.month-edition{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px;padding-bottom:10px;border-bottom:3px double #795029}
.month-edition strong{font-family:Georgia,serif;font-size:23px}
.month-edition span{font-size:12px}
.month-stamp{display:inline-block;background:#803025;color:#fff5d6;font-size:13px;font-weight:bold;padding:5px 10px;margin:16px 0 10px;transform:rotate(-2deg)}
.month-card h2{font-family:Georgia,serif;font-size:clamp(24px,5vw,33px);line-height:1.08;letter-spacing:-.025em;margin-bottom:15px}
.month-card-art{display:block;width:100%;max-height:235px;aspect-ratio:16/9;object-fit:cover;border:2px solid #795029;border-radius:3px}
.month-history-art{text-align:center;font-size:68px}
.month-caption{font-size:15px;line-height:1.5;margin:12px 0 6px}
.month-disclaimer{font-size:11px;color:#694627}
.month-next{border-top:2px solid #795029;margin-top:17px;padding-top:13px}
.month-next strong,.month-next span{display:block}
.month-next strong{font-size:22px}
.month-next span{font-size:13px;margin-top:5px}
#month-card-continue{width:100%;margin-top:16px;min-height:49px}
@keyframes press-arrives{from{transform:translateY(16px) rotate(-2deg);opacity:.6}to{transform:none;opacity:1}}
@media(max-width:600px){.month-card{padding:16px}.month-edition strong{font-size:22px}.month-card-art{max-height:180px}.sell-value-row input{font-size:21px}}
@media(prefers-reduced-motion:reduce){.month-card[open]{animation:none}}

/* Choose a screen, gather the crew, and talk in the shared jungle wire. */
#wire-dialog{position:fixed;inset:0;margin:auto;height:fit-content}
.wire-body{background:#102a40;border-radius:7px}
.joining-room #title-screen .mode-options,.joining-room #title-screen .difficulty-options,.joining-room #title-screen .section-sign{display:none}
.play-together{max-width:740px;margin:22px auto 0;padding:15px;border:2px solid #70401e;min-width:0}
.play-together legend{background:#563019;padding:4px 16px;border-radius:8px;color:#fff0b8;font-size:21px;font-weight:900}
.play-options{display:flex;gap:12px}.play-options button{flex:1;padding:14px;background:#142f43;border:2px solid #537187;border-radius:9px;text-align:left;color:#e3f1f4;min-width:0}
.play-options button[aria-pressed=true]{border-color:#dcf47d;background:#294724;box-shadow:inset 0 0 0 1px #d4ea74}
.play-options button>span{font-size:25px;float:left;margin-right:10px}.play-options strong,.play-options small{display:block}.play-options strong{font-size:17px}.play-options small{font-size:12px;line-height:1.5;margin-top:4px}
.play-together label{display:flex;align-items:center;gap:12px;margin-top:12px;color:#fff0c2;font-size:14px}.play-together select{padding:8px;border-radius:6px;background:#fff4d5;color:#352719;min-height:42px;font-size:15px}.play-together p{font-size:12px;color:#fff1d1;margin-top:10px;text-align:center}
.lobby-screen{max-width:850px;margin:18px auto 45px}.lobby-inner{background:#102a40;padding:25px;border-radius:9px;color:#e3f1f4}.lobby-logo{display:block;width:220px;max-width:75%;margin:-15px auto -10px}.lobby-inner h1{text-align:center;color:#ffe39a;font-size:30px}.lobby-inner>p{text-align:center;line-height:1.55;margin:10px 0 20px}.lobby-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.lobby-layout h2{font-size:19px;color:#ffe39a;margin-bottom:15px}
.lobby-players{max-height:420px;overflow-y:auto;scrollbar-gutter:stable;padding:0;list-style:none;display:grid;gap:7px}.lobby-players li{display:flex;gap:12px;align-items:center;padding:10px;background:#1a3c51;border:1px solid #477085;border-radius:8px}.lobby-players li>span:first-child{font-size:28px}.lobby-players li>span:last-child{margin-left:auto;color:#caf293}.lobby-players small{display:block;font-size:12px;color:#bdd5df;margin-top:3px}.lobby-players .waiting{background:#132c3d;border-style:dashed}
.invite-panel p{font-size:14px;line-height:1.6;margin-bottom:15px}.invite-panel label{display:block;font-size:13px;font-weight:bold;margin-bottom:6px}.invite-panel input{width:100%;box-sizing:border-box;min-width:0;padding:12px;background:#fff2d4;color:#352719;font-size:13px;border-radius:7px;border:2px solid #ca9953}.invite-actions,.lobby-actions{display:flex;flex-wrap:wrap;gap:10px}.invite-actions button{font-size:14px;min-height:44px}.invite-panel .lobby-note{font-size:12px;color:#bdd5df;margin-top:18px}.lobby-actions{justify-content:center}.lobby-actions button{font-size:18px;min-height:48px}#invite-status{font-size:12px;margin-top:8px;color:#d8ecb8}
.wire-body{padding:25px 20px}.wire-body h2{color:#ffe39a;font-size:26px;padding-right:35px}.wire-note{font-size:13px;line-height:1.6;color:#c8dfe6;margin:8px 0 14px}.wire-log{height:min(42vh,330px);overflow-y:auto;overscroll-behavior:contain;background:#0b2132;border:1px solid #456477;border-radius:8px;padding:10px}.wire-message{display:flex;flex-direction:column;gap:4px;padding:10px 7px;border-bottom:1px solid #304d60;overflow-wrap:anywhere;font-size:14px}.wire-message strong{color:#ffdf91;font-size:12px}.wire-message.activity{color:#b9cfd8;font-size:12px}.wire-message small{font-size:10px}.wire-empty{color:#c8dfe6;font-size:14px}.wire-body .reactions{margin:10px 0;justify-content:flex-start}.wire-body .reactions button{min-width:44px;min-height:44px}#chat-form label{display:block;font-size:13px;margin:8px 0}.chat-compose{display:flex;gap:8px}.chat-compose input{min-width:0;flex:1;padding:12px;background:#fff3da;color:#302719;border:2px solid #af8650;border-radius:7px;font-size:16px}.chat-compose input::placeholder{color:#655943}.chat-compose button{font-size:17px;min-height:46px}#chat-status{display:block;font-size:12px;color:#d5e6ee;margin-top:10px;line-height:1.5}
@media(max-width:600px){.play-together{margin-top:20px;padding:10px}.play-options{flex-direction:column;gap:8px}.play-options button{padding:12px}.play-together legend{font-size:19px}.play-together label{flex-wrap:wrap}.lobby-screen{margin:10px 12px 30px}.lobby-inner{padding:17px 12px}.lobby-inner h1{font-size:26px}.lobby-layout{grid-template-columns:1fr;gap:20px}.lobby-actions button{width:100%}.wire-body{padding:20px 12px}.wire-log{height:35vh}.chat-compose{gap:5px}.chat-compose button{padding:8px 12px}}

/* Published clues, receipts and the whole-crew finale. */
.mood-panel{display:block!important}.mood-content>strong{display:block;color:#ffe195;font-size:25px;margin-bottom:7px}.mood-content details,.xp-explainer{font-size:13px;line-height:1.6;margin-top:12px}.mood-content summary,.xp-explainer summary{cursor:pointer;min-height:36px}.xp-explainer{padding:0 16px 14px;color:#dcebf1}.income-receipt{display:grid;gap:5px;margin:10px 12px;padding:12px;border:1px solid #5a876e;background:#173c36;border-radius:8px;color:#dcf9e6}.income-receipt strong{color:#ffdd8b}.income-receipt small{font-size:12px;line-height:1.5}.month-card .income-receipt{margin:15px 0}.research-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.research-tabs button{font-size:15px;min-height:44px;flex:1}.research-tabs [aria-pressed=true]{outline:3px solid #cce56f;outline-offset:2px}.research-price{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #617582}.research-price span{font-size:13px}.research-tagline{font-weight:bold;color:#ffe195}.research-report{padding:13px 15px;margin:14px 0;border-left:3px solid #f3c765;background:#142e40;border-radius:5px}.research-report small{font-size:12px;color:#bbd6de}.research-report h4{font-size:18px;line-height:1.3;margin:6px 0}.pattern-lesson svg{display:block;width:100%;max-height:310px;margin:15px auto}.pattern-hint{padding:12px;background:#26482f;color:#e0ffd7;border-radius:7px}.pattern-lesson summary{cursor:pointer;min-height:44px;color:#ffe195}.final-scoreboard{overflow:auto;max-height:330px}.final-scoreboard table{width:100%;border-collapse:collapse;font-size:14px}.final-scoreboard th,.final-scoreboard td{padding:12px 9px;border-bottom:1px solid #587082;text-align:right;white-space:nowrap}.final-scoreboard th:first-child{text-align:left}.final-scoreboard thead{background:#15384e;color:#ffe195}.final-awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.final-award{padding:16px;background:#15394a;border:1px solid #977441;border-radius:9px}.final-award h4{color:#ffe195;margin:0 0 10px}.final-award p{font-size:13px}.chart-toolbar{flex-wrap:wrap;gap:8px}.chart-toolbar button{min-height:40px}
@media(max-width:600px){.final-awards{grid-template-columns:1fr}.research-tabs button{padding:10px}.right-column .mood-panel{grid-column:1/-1}.income-receipt{font-size:14px}}

/* Keep the exchange attached to the price list at every breakpoint. */
.market-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.market-column #trade-form{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.market-column .amount-row{flex-wrap:wrap;gap:7px;padding:8px}
.market-column #amount{flex:1;min-width:0;width:70px}
.market-column .quick-amounts{flex-basis:100%;gap:5px}
.market-column .quick-amounts button{flex:1;min-height:34px;font-size:12px}
.market-column #trade-button{width:100%;max-width:none;min-height:44px;font-size:clamp(17px,1.6vw,21px)}
.market-column .panel-heading{flex-wrap:wrap;gap:4px}
.market-column .panel-heading small{margin-left:0}
@media(max-width:600px){.market-column{order:2;width:100%}.market-column .market-panel,.market-column .order-panel{order:initial}}

/* Each newspaper carries the same published closing standings. */
.news-standings{margin:18px 0 4px;padding-top:16px;border-top:3px double #795029;color:#352717;text-align:left}
#newspaper-standings{margin:0 8px 8px;padding:0 16px 12px;background:var(--paper);border-radius:4px}
.news-standings header>span{font-size:12px;font-weight:bold}
.news-standings h3{font:700 23px/1.2 Georgia,serif;margin:7px 0}
.news-standings header p,.news-standings .standings-note{font-size:12px;line-height:1.5;margin:5px 0 12px;color:#594225}
.standings-list{list-style:none;padding:0;margin:0;max-height:370px;overflow:auto}
.standing-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:5px 8px;padding:13px 4px;border-top:1px solid #b5a17a;align-items:start}
.standing-you{background:#e1e8bd}
.standing-rank{font-size:20px;font-weight:bold;text-align:center}
.standing-rank small{display:block;font-size:10px}
.standing-player strong{display:block;font-size:15px;overflow-wrap:anywhere}
.standing-player strong small{font-weight:normal;font-size:11px}
.standing-player>span,.standing-worth>span{display:block;font-size:11px;margin-top:4px;line-height:1.4}
.standing-worth{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.standing-worth>strong{font-size:16px}
.standing-holdings{grid-column:2/-1;font-size:12px;color:#594225}
.standing-holdings summary{cursor:pointer;padding:8px 0;min-height:36px;font-weight:bold}
.standing-holdings summary:focus-visible{outline:2px solid #594225;outline-offset:2px}
.standing-holdings ul{list-style:none;padding:0;margin:0}
.standing-holdings li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dotted #b5a17a}
.standing-holdings li b,.standing-holdings li small{display:block}
.standing-holdings li small{margin-top:3px}
@media(max-width:420px){.standing-row{grid-template-columns:28px minmax(0,1fr);gap:5px 8px}.standing-worth{grid-column:2;text-align:left}.standing-worth>span{display:inline;margin-left:9px}.standing-holdings{grid-column:2}.news-standings h3{font-size:21px}}

/* ME015: a readable first-turn welcome and an always-labelled field guide. */
.help-button{min-height:51px;padding:8px 13px;font-size:14px;font-weight:bold;white-space:nowrap;display:flex;align-items:center;gap:7px}
.help-button>span{font-size:22px}.help-button:before,.help-button:after{display:none}
.welcome-screen{max-width:860px;margin:8px auto 48px;padding:0 18px}
.welcome-sheet{padding:9px}.welcome-paper{background:var(--paper);color:#352717;padding:28px 44px 32px;border-radius:7px}
.welcome-logo{display:block;width:245px;max-width:75%;margin:-18px auto -2px}
.welcome-greeting{font-size:13px;font-weight:bold;color:#594225;margin-bottom:8px}
.welcome-paper h1{font-size:clamp(28px,4vw,40px);line-height:1.12;margin-bottom:16px}
.welcome-paper h2{font-size:23px;line-height:1.25;margin:22px 0 9px}
.welcome-paper p{font-size:15px;line-height:1.6;max-width:70ch}
.welcome-paper .welcome-lede{font-size:17px}.welcome-goal{border-block:1px solid #b29b64;padding-bottom:17px;margin:20px 0}
.welcome-goal h2{margin-top:17px}.welcome-goal p+p,.welcome-strategy p+p{margin-top:9px}
.guide-steps{padding-left:25px;margin:12px 0 20px}
.guide-steps li{padding:7px 0 7px 5px;line-height:1.6}.guide-steps li::marker{font-weight:bold}
.guide-steps strong,.guide-steps span{display:block}.guide-steps span{font-size:14px}
.welcome-strategy{background:#e1e7bc;padding:1px 18px 17px;border-radius:7px}
.welcome-help-note{margin-top:19px}.welcome-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.welcome-actions .game-button{font-size:19px;min-height:49px}.welcome-actions .text-button{color:#304d36;font-size:14px;min-height:44px}
.help-guide details{border-top:1px solid #547182;padding:13px 0}
.help-guide summary{cursor:pointer;color:#ffe295;font-size:16px;font-weight:bold;line-height:1.5;min-height:30px}
.help-guide summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.help-guide details p{margin:12px 0 5px}.help-guide details ul{margin:10px 0}.help-guide .guide-steps{margin-bottom:8px}
.help-guide .help-intro{margin-bottom:18px}.help-guide strong{color:#fff2c9}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px}.top-actions{margin-left:auto}.help-button{min-height:40px;padding:5px 9px;font-size:12px;gap:4px}.help-button>span{font-size:18px}.welcome-screen{padding:0 10px;margin-top:8px}.welcome-sheet{padding:6px}.welcome-paper{padding:19px 18px 24px}.welcome-logo{width:205px;margin-top:-10px}.welcome-paper h2{font-size:21px}.welcome-paper p,.welcome-paper .welcome-lede{font-size:15px}.welcome-strategy{padding-inline:13px}.welcome-actions{gap:6px}.welcome-actions>*{width:100%}.welcome-actions .game-button{font-size:17px}}
#welcome-title:focus,#event-title:focus{outline:none}