@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101d1c;color:#f5f0df;font-family:Inter,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100svh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffd569;outline-offset:4px}#wrapper{position:relative}#game{width:1120px;height:800px;padding:25px 34px;transform-origin:top left;background:radial-gradient(ellipse at 20% 20%,#29403955,transparent 70%),#142523}header{display:flex;justify-content:space-between;align-items:center;height:36px}.brand{font-size:12px;letter-spacing:2px;font-weight:800;color:#faf1d7;text-decoration:none}.brand span{color:#83958d;letter-spacing:1px;font-weight:500}.header-right{display:flex;gap:10px;align-items:center}.header-left{display:inline-flex;align-items:center;gap:10px}.header-profile{display:inline-flex;align-items:center}.header-profile .cp-pill{height:30px;font-size:9px}.header-profile .cp-avatar{width:20px;height:20px;font-size:12px}.header-right button,footer button{color:#c2cdc1;background:none;border:1px solid #40514a;border-radius:8px;padding:8px 12px;font-size:11px}.title-row{display:flex;align-items:center;justify-content:space-between;height:135px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a9b5a4;font-weight:700}h1{font:800 48px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-2px;margin:8px 0}h1 span{display:none}.title-row p{font-size:12px;color:#aab9ae;margin:0}.wallet{text-align:right}.wallet>span{font-size:9px;letter-spacing:1.7px;color:#acbaa9}.wallet strong{display:block;font-size:29px;letter-spacing:-1px;margin:5px 0}.wallet small{font-size:10px;color:#94a492}.play-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.scene{height:458px;border-radius:18px;overflow:hidden;position:relative;border:1px solid #536050;background:#293d39}.scene canvas{width:100%;height:100%;display:block}.scene-top,.scene-bottom{position:absolute;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-top{top:17px;font-size:9px;letter-spacing:1.1px;color:#f6efd8}.route{font-size:7px;display:grid;text-align:center;gap:1px;transform:rotate(-5deg);border:1px solid #d2d4b6;padding:3px 7px;border-radius:5px}.route b{font-size:15px;letter-spacing:0}.live-dot{font-size:8px;color:#c1ccad}.live-dot:before{content:'●';color:#b8df7c;margin-right:5px}.scoreboard{position:absolute;top:76px;text-align:center;width:100%;pointer-events:none}.scoreboard>span{display:block;font-size:10px;letter-spacing:1.7px;color:#d0d5b6}.scoreboard strong{display:block;font:800 66px/1.2 'Bricolage Grotesque',sans-serif;color:#fff6cf;letter-spacing:-3px;text-shadow:0 3px 20px #10231c}.scoreboard strong span{font-size:38px;color:#d9e6b4}.scoreboard #potential{font-size:11px;letter-spacing:.2px;color:#d6dec8}.scene-bottom{bottom:15px;font-size:8px;letter-spacing:2px;color:#b8c4ad}#scene-message{position:absolute;bottom:46px;left:12px;right:12px;text-align:center;font-size:12px;color:#fff4ce;font-weight:600}.controls{background:#1e322d;border:1px solid #405348;border-radius:18px;padding:20px}.control-heading{display:flex;justify-content:space-between;font-size:8px;color:#abb9a5;letter-spacing:1.1px;margin-bottom:22px}#round-tag{color:#d8eeb4}label,.difficulty-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:9px}label span,.difficulty-label span{font-size:9px;color:#9aaa96;font-weight:400}.bet-input{display:flex;align-items:center;background:#13241f;border:1px solid #4a5a48;border-radius:9px;height:45px;padding:6px 8px;gap:5px;margin-bottom:18px}.bet-input>span{color:#9bab93;font-size:15px;padding-left:5px}.bet-input input{width:100%;min-width:0;background:none;border:0;color:#fff5df;font-weight:700;font-size:18px;appearance:textfield}.bet-input input::-webkit-inner-spin-button{appearance:none}.bet-input button{border:0;background:#2d4135;color:#d4dfc1;border-radius:5px;padding:7px 9px;font-size:11px}.modes{display:flex;gap:6px}.modes button{flex:1;color:#c6d0b8;background:#263b30;border:1px solid #4b5d46;border-radius:7px;padding:9px 2px;font-size:11px}.modes small{display:block;font-size:9px;opacity:.6;margin-top:4px}.modes button[aria-pressed=true]{color:#182c1c;background:#d4df9c;border-color:#d4df9c;font-weight:800}.next{display:flex;justify-content:space-between;margin:17px 0}.next>span{font-size:9px;color:#aab8a0}.next>span:last-child{text-align:right}.next strong{display:block;font-size:17px;color:#edf1cf;margin-top:5px}.primary,.cash{width:100%;border:0;border-radius:9px;height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:13px;font-weight:800}.primary{background:#eed06c;color:#283019;box-shadow:0 3px 0 #ab923f}.primary:hover:not(:disabled){background:#ffdf80}.primary:disabled{opacity:.55}.cash{background:#89b88e;color:#0d2e21;margin-top:9px}.cash:disabled{background:#2b4033;color:#8a9a80;opacity:.65}#status{font-size:10px;line-height:1.5;color:#b6c3a9;margin:12px 0 0;min-height:30px}.keyboard{font-size:8px;color:#86977e;text-align:center;margin-top:5px}.keyboard span{padding:0 6px}.bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;height:95px}.recent{min-width:0;flex:1}#history{display:flex;gap:7px;margin-top:12px;overflow:hidden;white-space:nowrap}.chip{font-size:11px;padding:8px 10px;border-radius:7px;background:#314636;color:#d8eab8}.chip.loss{color:#dda790;background:#463a31}.empty{font-size:11px;color:#809582}.personal{text-align:right;min-width:130px}.personal strong{display:block;font-size:22px;color:#edd989;margin:5px 0}.personal>span:last-child{font-size:9px;color:#96a68f}footer{border-top:1px solid #33483b;padding-top:10px;display:flex;justify-content:space-between;align-items:center;color:#8c9e89;font-size:9px}footer button{border:0;padding:5px}dialog{max-width:490px;width:calc(100% - 32px);border:1px solid #677651;background:#1e322d;color:#f2eedc;border-radius:18px;padding:30px;font-size:13px;line-height:1.7}dialog::backdrop{background:#081810bb;backdrop-filter:blur(6px)}dialog h2{font:700 32px 'Bricolage Grotesque',sans-serif}#close-help{float:right;border:0;color:#fff;background:none;font-size:24px}.portrait{padding:18px!important}.portrait .title-row{height:109px}.portrait h1{font-size:36px}.portrait .title-row p{font-size:9px}.portrait .eyebrow{font-size:8px}.portrait .wallet strong{font-size:23px}.portrait .wallet>span{font-size:7px}.portrait .wallet small{font-size:8px}.portrait .brand{font-size:10px}.portrait .brand span{display:none}.portrait .play-layout{grid-template-columns:1fr;gap:12px}.portrait .scene{height:285px}.portrait .scoreboard{top:52px}.portrait .scoreboard strong{font-size:49px}.portrait .scoreboard>span{font-size:8px}.portrait .scene-top{top:12px}.portrait .scene-bottom{bottom:10px;font-size:7px}.portrait #scene-message{bottom:30px;font-size:10px}.portrait .controls{padding:15px;display:grid;grid-template-columns:1fr 1fr;column-gap:13px;align-items:start}.portrait .control-heading,.portrait .keyboard{display:none}.portrait label{grid-column:1;grid-row:1}.portrait .bet-input{grid-column:1;grid-row:2;margin:0;height:43px}.portrait .difficulty-label{grid-column:2;grid-row:1}.portrait .difficulty-label span{display:none}.portrait .modes{grid-column:2;grid-row:2;gap:4px}.portrait .modes button{padding:6px 1px;font-size:10px}.portrait .modes small{font-size:8px}.portrait .next{grid-column:1/-1;margin:12px 0}.portrait .primary,.portrait .cash{height:46px;margin:0;font-size:12px}.portrait #status{grid-column:1/-1;min-height:15px;margin-top:12px;font-size:10px}.portrait .bottom{height:88px;gap:10px}.portrait .personal{min-width:105px}.portrait .personal strong{font-size:19px}.portrait .chip{padding:7px;font-size:10px}.portrait footer{font-size:8px}.portrait footer button{font-size:9px}.portrait .header-right button{padding:7px 10px}
/* Use the same paper, ink, gold, and felt as the existing casino page. */
body{display:block;background:#F5F0E6;color:#1A1612;min-height:100svh}#wrapper{margin:12px auto 0}#game{background:#F5F0E6;color:#1A1612;padding-top:10px}header{height:34px}.back-link{font-size:12px;font-weight:600;color:#6F6557;text-decoration:none}.header-right button,footer button{color:#6F6557;border-color:#ddd5c6}.title-row p,.wallet small,.wallet>span,.eyebrow{color:#6F6557}.wallet strong{color:#1F4938}.title-row{height:120px}.controls{background:#fff;border-color:#e4ddd0;box-shadow:0 8px 28px #38231008}.control-heading,label span,.difficulty-label span,.next>span,#status,.keyboard{color:#6F6557}#round-tag{color:#2D6A52}.bet-input{background:#FBF7EE;border-color:#ded6c7}.bet-input input{color:#1A1612}.bet-input button{background:#ede7da;color:#574c37}.modes button{background:#FBF7EE;color:#635842;border-color:#ded6c7}.modes button[aria-pressed=true]{background:#1F4938;color:#fff;border-color:#1F4938}.next{padding:12px 0;border-top:1px solid #eee7db;border-bottom:1px solid #eee7db;margin:13px 0}.next strong{color:#1F4938}.primary{background:#C8A14A;box-shadow:0 3px 0 #927230;color:#201b11}.primary:hover:not(:disabled){background:#d8b35c}.cash{background:#1F4938;color:white}.cash:disabled{background:#eee9df;color:#8d8374}.in-round .cash{box-shadow:0 3px 0 #102d21}.in-round .primary{background:#f0e4c8;box-shadow:0 3px 0 #d5c6a3}.personal strong{color:#917026}.personal>span:last-child,.empty{color:#7d715e}.chip{background:#dce9dc;color:#23593b}.chip.loss{background:#f1ded5;color:#945b40}footer{border-color:#ded7c9;color:#6F6557}.scene{border-color:#c8ba96;box-shadow:0 10px 30px #2f241315}.scene .scoreboard{top:60px}.scoreboard strong{font-size:68px}.scene .scene-bottom{color:#e1dfbc}#result{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;gap:24px;padding:10px 20px;background:#183c2eec;border:1px solid #779563;border-radius:10px;text-align:center;color:#c7d3b2}#result[hidden]{display:none}#result span{font-size:8px;letter-spacing:1px}#result b{display:block;font-size:16px;color:#f8df9a;margin-top:4px;letter-spacing:0}#result.lost{background:#49392eee;border-color:#967458}#scene-message{bottom:99px;font-size:11px}.portrait #scene-message{bottom:91px;font-size:10px}.portrait #result{bottom:26px;padding:8px 15px;gap:22px}.portrait #result b{font-size:13px}.portrait .scene .scoreboard{top:48px}.portrait .scene .scoreboard strong{font-size:46px}.portrait .title-row{height:108px}.portrait .next{padding:8px 0;margin:9px 0}.portrait .controls{padding:13px}.portrait .bottom{height:78px}.portrait .title-row .eyebrow{display:none}.portrait .header-right button{font-size:10px}.portrait footer{padding-top:8px}dialog{background:#FBF7EE;color:#1A1612;border-color:#d0c5ac}#close-help{color:#1A1612}.portrait .scene{height:305px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#scene-message,.portrait #scene-message{bottom:42px}.has-result #scene-message{display:none}