:root{--ccl-ink:#142a26;--ccl-surface:#213a31;--ccl-surface-hover:#304b3e;--ccl-page:#f2eee5;--ccl-sheet:#f7f2e6;--ccl-cream:#f7edd7;--ccl-gold:#f5bc45;--ccl-gold-hover:#ffca5b;--ccl-gold-shadow:#ae822c;--ccl-muted:#c9d3c3;--ccl-border:#637666;--ccl-focus:#e68c3f;--ccl-danger:#6b362c;--ccl-control-radius:9px;--ccl-sheet-radius:18px;--ccl-target:44px;color:#193c32;font-synthesis:none;background:#f3eedf;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:#193c32;background:#fffdf3;border:1px solid #c9c9aa;border-radius:10px;min-height:44px;font-weight:700}button:hover:enabled{background:#eee4bb}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #cb5c31}a{color:inherit}header{border-bottom:1px solid #d5d5b9;justify-content:space-between;align-items:center;gap:14px;padding:20px max(20px,50vw - 680px);font-size:12px;font-weight:700;display:flex}header a{text-decoration:none}header>span{letter-spacing:.12em;text-align:center}main{max-width:1400px;margin:auto;padding:0 20px}.skip{z-index:100;background:#fff;padding:14px;position:absolute;top:-100px;left:16px}.skip:focus{top:10px}.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:800;line-height:1.5}.intro{justify-content:space-between;align-items:center;gap:24px;padding:35px 0 30px;display:flex}.intro h1{letter-spacing:-.055em;margin:10px 0 12px;font-family:Georgia,serif;font-size:clamp(42px,5.5vw,76px);line-height:1.03}.intro h1 em{color:#a84b27}.intro p{max-width:600px;margin:0;font-size:14px;line-height:1.5}.intro-note{border-left:2px solid #cbb475;min-width:200px;padding-left:24px}.game{border:1px solid #c8c5ab;border-radius:20px;grid-template-columns:minmax(0,1fr) 330px;display:grid;overflow:hidden;box-shadow:0 16px 50px #29483c10}.scene{isolation:isolate;background:#d0debb;min-width:0;position:relative}.ground{z-index:-1;background:linear-gradient(#1d453733,#0000 35%,#b8ca9ab0 60%,#d0debb),url(/practice/market-mischief/assets/ground.webp) 50%/cover;position:absolute;inset:0}.location{color:#fffdf0;text-shadow:0 1px 10px #16382d;flex-direction:column;gap:8px;min-height:112px;padding:25px;display:flex}.location span{letter-spacing:.17em;font-size:10px;font-weight:800}.location strong{font:italic 22px Georgia,serif}.market{background:#fdf8e9f2;border:1px solid #827b4e78;border-radius:14px;max-width:590px;margin:0 auto;padding:20px 24px 14px;position:relative;box-shadow:0 15px 35px #23433128}.market-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.market-heading>b{font-size:12px}.market>p{min-height:34px;margin:10px 0 15px;font-size:12px;line-height:1.45}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stall{background:#e5ca8f;border:1px solid #b29a61;border-bottom:5px solid #a18042;flex-direction:column;justify-content:flex-end;align-items:center;height:118px;padding:5px 5px 8px;transition:transform .15s,background .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #baa57433;opacity:1!important}.stall:before{content:"";background:repeating-linear-gradient(90deg,#315c4c 0 22px,#f8eccc 22px 44px);border-bottom:4px solid #174537;border-radius:3px 3px 8px 8px;height:24px;position:absolute;top:0;left:-2px;right:-2px;box-shadow:0 3px 8px #293e2b36}.stall:after{content:"";background:#806a3d;border:5px solid #ac884c;border-bottom-width:8px;position:absolute;inset:30px 14px 28px}.stall .number{color:#fff7d4;z-index:1;font:700 24px Georgia,serif;position:absolute;top:44px;left:0;right:0}.stall .label{z-index:2;font-size:10px;line-height:1.2}.stall .food{z-index:2;filter:drop-shadow(0 2px 2px #0004);background:url(/practice/market-mischief/assets/foods.webp) 0 0/300% 400%;width:68px;height:68px;display:none;position:absolute;top:27px}.stall[data-food="1"] .food{background-position:50% 0}.stall[data-food="2"] .food{background-position:100% 0}.stall[data-food="3"] .food{background-position:0 33.333%}.stall[data-food="4"] .food{background-position:50% 33.333%}.stall[data-food="5"] .food{background-position:100% 33.333%}.stall[data-food="6"] .food{background-position:0 66.667%}.stall[data-food="7"] .food{background-position:50% 66.667%}.stall[data-food="8"] .food{background-position:100% 66.667%}.stall.safe{background:#d3dfb8;border-color:#85965b}.stall.safe .food{display:block}.stall.opened .number{display:none}.stall.patrol{background:#eed3bb;border-color:#ad6043}.stall .patrol-mark{z-index:3;object-fit:contain;object-position:top;width:45px;height:50px;display:none;position:absolute;top:34px}.stall.patrol .patrol-mark{display:block}.stall:disabled:not(.opened){filter:saturate(.7)}.map-note{text-align:center;color:#626d50;min-height:0!important;margin:14px 0 0!important;font-size:10px!important}.cast{justify-content:center;align-items:center;gap:8px;min-height:205px;padding:10px 124px 15px 145px;display:flex;position:relative}.pierre{filter:drop-shadow(0 5px 5px #24433233);background:url(/practice/market-mischief/assets/pierre.webp) 0 0/200% 200%;width:176px;height:176px;position:absolute;bottom:0;left:3px}.pierre[data-pose="1"]{background-position:100% 0}.pierre[data-pose="2"]{background-position:0 100%}.pierre[data-pose="3"]{background-position:100% 100%}.waiter{object-fit:contain;filter:drop-shadow(0 5px 5px #24433233);width:98px;height:218px;position:absolute;bottom:0;right:10px}.dialogue{z-index:1;background:#fffdf0ec;border:1px solid #d0c28c;border-radius:12px;max-width:340px;padding:13px 15px;position:relative}.dialogue div+div{border-top:1px solid #d7d5b8;margin-top:10px;padding-top:9px}.dialogue span{letter-spacing:.1em;color:#5d684b;font-size:8px;font-weight:800}.dialogue p{margin:4px 0 0;font:italic 14px/1.4 Georgia,serif}.cast.acknowledge .pierre{animation:.5s ease-out nod}.cast[data-beat=patrol].acknowledge .waiter{animation:.55s ease-out step}.controls{background:#fffcf2;border-left:1px solid #d0c8a9;padding:28px 24px}.controls h2{letter-spacing:-.04em;margin:9px 0 22px;font:30px/1.1 Georgia,serif}fieldset{border:0;margin:0 0 18px;padding:0}legend,label{margin-bottom:9px;font-size:12px;font-weight:700;display:block}legend span,label span{color:#697052;margin-top:5px;font-size:10px;font-weight:400;display:block}.patrol-choices{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.patrol-choices button{flex-direction:column;align-items:center;gap:5px;padding:10px 3px;display:flex}.patrol-choices b{font-size:24px}.patrol-choices span{font-size:9px;line-height:1.3}.patrol-choices button[aria-pressed=true]{color:#ffefb6;background:#244f40;border-color:#244f40}.stake-input{background:#fffef9;border:1px solid #c9c9aa;border-radius:10px;align-items:center;padding-right:14px;display:flex}.stake-input input{color:#193c32;background:0 0;border:0;width:100%;min-width:0;padding:12px 14px;font-size:22px;font-weight:700}.stake-input>span{font-size:12px}.result{min-height:133px;padding:17px 0 14px}.result>span{letter-spacing:.12em;font-size:9px;font-weight:800}.result>strong{letter-spacing:-.035em;margin:7px 0;font:29px/1.1 Georgia,serif;display:block}.result>p{margin:7px 0;font-size:12px;line-height:1.5}.result[data-outcome=lost] strong{color:#9a3b23}.result[data-outcome=banked] strong{color:#2b6440}.buttons{gap:8px;display:grid}.primary{background:#e5ba55;border-color:#c59c3b;min-height:52px;font-size:14px}.primary:hover:enabled{background:#f0ca6b}.risk{color:#6b4b2d;margin:0 0 8px;font-size:11px;line-height:1.5}#status{color:#61735d;min-height:34px;margin:15px 0 0;font-size:11px;line-height:1.5}.quiet{background:0 0;border:0;min-height:34px;padding:8px 0;font-size:11px;text-decoration:underline}details{border-top:1px solid #d1d1b5;margin-top:16px;padding-top:16px}summary{cursor:pointer;min-height:30px;font-size:12px;font-weight:800}.fine{color:#687152;font-size:10px;line-height:1.55}.offer-row{border-bottom:1px solid #dfdfca;grid-template-columns:1fr auto;gap:4px;padding:9px 0;font-size:11px;display:grid}.offer-row small{color:#647058;grid-column:1/-1;font-size:9px}.offer-row.current{background:#e3e9d2}.rules,.paperwork{border-bottom:1px solid #c9c9b2;grid-template-columns:1fr 2fr;gap:60px;padding:45px 0;display:grid}.rules h2,.paperwork h2{letter-spacing:-.04em;margin:10px 0;font:36px/1.1 Georgia,serif}.rules ol{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.rules li>b{font-size:12px}.rules p,.paperwork p{color:#5c6c55;font-size:12px;line-height:1.65}.paperwork{grid-template-columns:1fr 1.4fr;gap:90px}.paperwork h3{margin:0 0 12px;font-size:14px}.paperwork h3 span{font-size:11px;font-weight:400}.paperwork ol{max-height:230px;margin:0;padding:0;list-style:none;overflow:auto}.paperwork li{border-bottom:1px solid #d4d5bd;padding:10px 0;font-size:12px}.paperwork small{color:#69755d;overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}#evidence,footer{overflow-wrap:anywhere;color:#69755d;font-size:9px;line-height:1.6}footer{padding:24px 0 35px}[hidden]{display:none!important}@keyframes nod{50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes step{50%{transform:translate(-12px)}}@media (width<=1100px){.game{grid-template-columns:minmax(0,1fr) 300px}.market{margin:0 15px;padding:18px 14px}.board{gap:8px}.cast{padding-left:110px;padding-right:95px}.pierre{width:138px;height:138px;left:-8px}.waiter{width:78px;height:188px;right:2px}.dialogue{padding:12px}.dialogue p{font-size:12px}.controls{padding:24px 20px}}@media (width<=820px){header{padding:15px;font-size:10px}header>span{font-size:8px}.intro{padding:24px 0}.intro-note{display:none}main{padding:0 12px}.game{grid-template-columns:1fr}.scene{order:1}.controls{border-top:1px solid #c8c5ab;border-left:0;order:2;padding:24px}.location{min-height:90px;padding:20px}.location strong{font-size:19px}.market{max-width:560px;margin:0 auto}.cast{max-width:560px;min-height:180px;margin:0 auto;padding:15px 100px 15px 125px}.pierre{width:155px;height:155px}.waiter{width:83px;height:190px}.dialogue p{font-size:13px}.controls h2{margin-bottom:16px;font-size:29px}#setup{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}#setup fieldset{grid-row:1/3;margin:0}#setup label{grid-column:2;margin:0}.stake-input{align-self:end}.result{min-height:0;padding:20px 0}.rules,.paperwork{grid-template-columns:1fr;gap:20px;padding:30px 4px}.rules ol{gap:17px}.paperwork ol{max-height:190px}.rules h2,.paperwork h2{font-size:31px}}@media (width<=480px){header>a:first-child{max-width:95px;line-height:1.4}.intro p{font-size:12px}.market{margin:0 10px;padding:15px 10px}.market-heading>.eyebrow{font-size:9px}.market-heading>b{font-size:10px}.market>p{font-size:11px}.stall{height:105px}.stall:before{height:21px}.stall .number{font-size:22px;top:38px}.stall .food{width:62px;height:62px;top:24px}.stall .label{font-size:9px}.stall:after{inset:28px 10px 24px}.cast{min-height:180px;padding:15px 72px 15px 89px}.pierre{width:117px;height:117px;left:-9px}.waiter{width:66px;height:161px;right:0}.dialogue{padding:10px}.dialogue span{letter-spacing:.04em;font-size:7px}.dialogue p{font-size:12px}.controls{padding:23px 17px}#setup{gap:10px}.patrol-choices{gap:4px}.patrol-choices span{font-size:8px}.rules ol{grid-template-columns:1fr;gap:14px}.rules p{margin:6px 0}.location span{font-size:8px}.location strong{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{background:radial-gradient(at 100% 0,#e5cfaa66,#0000 45%),#f3eedf}.game{border-color:#8a9570;box-shadow:0 18px 45px #28433720}.scene{background:#d1bf8c}.ground{opacity:1;background-image:url(/practice/market-mischief/assets/south-africa-scenes-v1--VKDlPx4.webp);background-position:100% 100%;background-size:200% 200%}.ground:after{content:"";background:linear-gradient(#10362755,#0000 35%,#34523f75);position:absolute;inset:0}.location{min-height:116px;padding:24px 28px}.location strong{text-shadow:0 2px 5px #153d2b;font-size:24px}.market{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9e6ed;border:6px solid #ad8750;border-radius:17px;max-width:610px;padding:19px 24px 15px;box-shadow:0 7px #785937,0 17px 26px #163b3159}.market-heading{border-bottom:1px dashed #c2b586;padding-bottom:10px}.board{gap:10px}.stall{height:137px;box-shadow:none;background:0 0;border:0;border-radius:9px;padding:0 4px 5px;overflow:visible}.stall:before,.stall:after{display:none}.stall-art{aspect-ratio:1;filter:drop-shadow(0 5px 3px #4d301f40);background:url(/practice/market-mischief/assets/kitchen-props-v1-BfeIXMUA.webp) 100% 0/300% 200%;width:132px;max-width:108%;position:absolute;top:0;left:50%;transform:translate(-50%)}.stall.ready:hover{background:#efdca646;transform:translateY(-3px)}.stall .number{color:#fff0c7;text-shadow:0 2px 2px #4d2c18;z-index:2;font:700 24px Georgia;top:51px;left:50%;right:auto;transform:translate(-50%)}.stall .label{white-space:nowrap;background:#fff8e6;border:1px solid #b0915e;border-radius:20px;min-height:24px;padding:5px 7px;font-size:9px;box-shadow:0 2px 3px #5b45201c}.stall.safe,.stall.patrol{background:0 0}.stall.safe .label{background:#dfebc9;border-color:#7e9b56}.stall.patrol .label{background:#f4d9be;border-color:#b27950}.stall .food{filter:drop-shadow(0 3px 3px #2a321d65);background-color:#ffefcfe6;border-radius:50%;width:67px;height:67px;top:38px}.stall.patrol .patrol-mark{object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 2px #201d1733);width:45px;height:68px;top:36px}.stall.opened .stall-art{filter:brightness(.9)drop-shadow(0 3px 3px #4d301f40)}.stall:disabled:not(.opened){filter:saturate(.9);opacity:.87!important}.cast{min-height:215px}.dialogue{background:#fff9e9f5;border-color:#a89562;box-shadow:0 6px 20px #173a2729}.controls{border-top:5px solid #315a40;padding-top:23px}.result{border-top:1px dashed #b9bf9d;margin-top:20px}.patrol-choices button{border-radius:8px;box-shadow:0 3px #173d2510}.patrol-choices button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #d1ad5e}.result[data-outcome=banked]{background:#edf3df;border-radius:8px;margin:18px -10px 0;padding:15px 10px}.result[data-outcome=lost]{background:#f6e6d7;border-radius:8px;margin:18px -10px 0;padding:15px 10px}@media (width<=1100px){.market{margin:0 14px;padding:17px 13px 13px}.stall{height:114px}.stall-art{width:108px}.stall .number{font-size:21px;top:40px}.stall .label{padding:5px;font-size:8px}.stall .food{width:57px;height:57px;top:30px}.stall.patrol .patrol-mark{height:58px;top:28px}.cast{min-height:200px}}@media (width<=820px){.market{max-width:580px;margin:0 auto}.stall{height:137px}.stall-art{width:132px}.stall .number{font-size:24px;top:51px}.stall .food{width:67px;height:67px;top:38px}.stall.patrol .patrol-mark{height:68px;top:36px}.stall .label{font-size:9px}.location{min-height:110px}.cast{min-height:210px}.controls{border-top:5px solid #315a40}}@media (width<=480px){.market{border-width:5px;margin:0 8px;padding:14px 9px 12px}.location{min-height:105px;padding:20px 18px}.location strong{font-size:19px}.board{gap:6px}.stall{height:106px}.stall-art{width:100px}.stall .number{font-size:20px;top:38px}.stall .food{width:54px;height:54px;top:28px}.stall .label{min-height:22px;padding:4px 5px;font-size:8px}.stall.patrol .patrol-mark{height:55px;top:25px}.market>p{min-height:32px}.cast{min-height:190px}.dialogue{padding:10px}.dialogue p{font-size:12px}}@media (prefers-reduced-motion:reduce){.stall{transition:none}}.mobile-offer{display:none}@media (width<=820px){html{scroll-padding-bottom:190px}.intro{padding:18px 0}.intro h1{margin:7px 0 9px;font-size:clamp(36px,7vw,54px)}.intro p{font-size:12px}.game:not([data-state=active]) .controls{border-top:0;border-bottom:5px solid #315a40;order:1}.game:not([data-state=active]) .scene{order:2}.controls{padding:18px 20px}.controls h2{margin:6px 0 16px;font-size:25px}.game[data-state=ready] .result{display:none}.game[data-state=ready] .buttons{margin-top:18px}.game[data-state=active]{padding-bottom:150px}.game[data-state=active] .buttons{z-index:20;max-width:820px;padding:10px max(16px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));background:#fffbed;border:1px solid #a9b78e;border-bottom:0;border-radius:16px 16px 0 0;gap:7px;margin:auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #163b3126}.game[data-state=active] .mobile-offer{text-align:center;margin:0;font-size:12px;font-weight:800;display:block}.game[data-state=active] .buttons .primary{min-height:48px}.game[data-state=active] .buttons .risk{margin:0;font-size:10px;line-height:1.4}.game[data-state=active] #status{min-height:0;margin:0;font-size:10px;line-height:1.35}.game[data-state=active] #collect:disabled{opacity:.65}.game[data-state=active] .scene{order:1}.game[data-state=active] .controls{order:2}.board{scroll-margin:15px 0 175px}.cast{padding-bottom:15px}#result{scroll-margin-top:20px}}@media (width<=480px){header{gap:8px;padding:12px}header>a:first-child{max-width:110px;font-size:9px}header>span{letter-spacing:.08em;font-size:7px}.intro .eyebrow{letter-spacing:.1em;font-size:8px}.intro h1{letter-spacing:-.05em;font-size:36px}.controls{padding:16px}#setup{gap:10px}.patrol-choices button{min-height:62px;padding:7px 3px}.patrol-choices b{font-size:20px}.stake-input input{padding:10px;font-size:21px}.stake-input{padding-right:9px}.stake-input>span{font-size:10px}.location{min-height:78px;padding:15px}.location strong{font-size:17px}.market{padding:12px 7px 10px}.market>p{min-height:0;margin:8px 0 10px;font-size:10px}.market-heading{padding-bottom:8px}.board{gap:5px}.stall{height:94px}.stall-art{width:90px}.stall .number{font-size:19px;top:32px}.stall .food{width:48px;height:48px;top:25px}.stall .label{min-height:21px;font-size:7px}.stall.patrol .patrol-mark{height:48px;top:25px}.map-note{margin-top:9px!important;font-size:8px!important}.game[data-state=active] .buttons{padding-left:12px;padding-right:12px}}