/* Console Edition visual language: timber, forged iron, parchment and ribbons.
   Shared treatments style the real controls; no screenshot is used as UI. */
:root{--paper:#e4cba5;--paper-2:#cdb18a;--paper-3:#bba078;--ink:#251b12;--ink-2:#58422e;--dim:#776048;--brass:#ab803e;--brass-lt:#edd291;--brass-dk:#51351b;--wax:#9e170c;--wax-lt:#d23d24;--rule:#82634377;--rule-2:#75513540;--serif:Georgia,'Times New Roman',serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--wood:url('../assets/ui/chrome/wood.svg');--frame:url('../assets/ui/chrome/frame.svg');--ribbon:url('../assets/ui/chrome/ribbon.svg');--lift:0 5px 12px #0008;--sunk:inset 0 1px #fff7}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#083b50;color:var(--ink);font:calc(16px * var(--text-scale, 1))/1.4 var(--serif);overscroll-behavior:none;user-select:none;-webkit-font-smoothing:antialiased}canvas#view{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ffe69a;outline-offset:4px}button[disabled]{opacity:.42;cursor:default}button:not(:disabled):hover{filter:brightness(1.18)}button:not(:disabled):active{transform:translateY(1px)}button{transition:filter .12s,transform .12s;min-height:44px;padding:10px 22px;color:#f5e6c8;font-weight:bold;font-variant:small-caps;letter-spacing:.025em;background:#70492d var(--wood) center/100% 100%;border:5px solid transparent;border-image:var(--frame) 18 stretch;text-shadow:1px 2px 1px #21130a,-1px -1px 0 #21130a;box-shadow:0 4px 9px #0008;border-radius:0}button.go,button.warn{background:linear-gradient(#b52113d9,#7c0b05e6),var(--wood);background-size:100% 100%;color:#fff0d4}button.ghost{background-color:#3b3226}button.sm{min-height:38px;padding:5px 13px;font-size:calc(14px * var(--text-scale, 1))}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:9px}.with-icon .ui-icon{width:28px;height:28px}.ui-icon,.ricon{display:block;object-fit:contain;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 2px 2px #21150877)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.row.center{justify-content:center}.hint,.sub{color:var(--ink-2)}.off,[hidden]{display:none!important}
/* The home menu floats over the live map; entering the lobby joins a room. */
body:not([data-screen="game"]) :is(#top,#players,#bottom,#tools,#log,#tvcode){display:none!important}#home{position:fixed;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#031b3033)}.home-start{pointer-events:auto;position:absolute;left:50%;top:17%;transform:translateX(-50%);width:420px;height:116px;padding:0 0 20px;border:0;background:var(--ribbon) center/100% 100% no-repeat;box-shadow:none;font-size:calc(38px * var(--text-scale, 1));letter-spacing:.03em;filter:drop-shadow(0 9px 6px #0009)}.home-start:not(:disabled):active{transform:translateX(-50%) translateY(2px)}
/* Portraits use the console's hexagonal silhouette and colour ribbons. */
#players{position:fixed;left:20px;top:34px;z-index:5;pointer-events:none}#seats{display:flex;flex-direction:column;gap:13px;pointer-events:auto}.seat{position:relative;width:160px;height:162px;color:#f5e4c4;filter:drop-shadow(0 5px 4px #0007)}.avatar{display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#d9b775,#8b5a2d 42%,#d6b780 65%,#49331e);clip-path:polygon(50% 0,96% 24%,96% 76%,50% 100%,4% 76%,4% 24%);padding:5px}.avatar::before{content:"";position:absolute;inset:6px;background:radial-gradient(at 40% 30%,var(--player-colour,#caa),#29261a);clip-path:polygon(50% 0,96% 24%,96% 76%,50% 100%,4% 76%,4% 24%);box-shadow:inset 0 0 18px #000}.avatar .ui-icon{position:relative;width:100%;height:100%;object-fit:contain;transform:scale(1.25) translateY(7%);filter:drop-shadow(0 3px 3px #0008)}.seat>.avatar{position:absolute;top:0;left:16px;width:126px;height:134px}.seat .who,.seat .l1{display:contents}.seat .nm{position:absolute;top:106px;left:0;right:0;background:linear-gradient(#ffffff18,transparent 40%,#0005),var(--player-colour,#457536);border-top:2px solid #e2b766;border-bottom:2px solid #e2b766;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:4px 9px;text-align:center;font-size:calc(18px * var(--text-scale, 1));font-weight:bold;font-variant:small-caps;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 2px 2px #111}.seat .vp{position:absolute;right:5px;bottom:0;display:grid;place-items:center;width:39px;height:41px;background:radial-gradient(circle at 35% 25%,#a52416,#570f0c 65%,#2f0c09);border:3px double #b08148;border-radius:45%;box-shadow:0 3px 3px #0008;font-size:calc(23px * var(--text-scale, 1));font-weight:bold;text-shadow:1px 2px #000}.seat .l2{position:absolute;left:27px;bottom:3px;display:flex;gap:4px;align-items:center}.seat .mini{display:flex;align-items:center;gap:2px;font-size:calc(16px * var(--text-scale, 1));text-shadow:1px 1px #000}.seat .mini b{min-width:20px;padding:0 3px;background:#304752;border:1px solid #d5b47b;text-align:center;transform:rotate(-4deg)}.mini-card-back{width:14px;height:21px;object-fit:contain}.seat .badge{font-size:calc(11px * var(--text-scale, 1))}.badge.award{display:flex;align-items:center}.seat.turn::before{content:"";position:absolute;left:-16px;top:57px;border:14px solid transparent;border-left-color:#df3320;filter:drop-shadow(1px 1px #ffe3a0)}.seat.you .nm{border-color:#ffe796}.seat.away{opacity:.55}#seats.many{gap:5px}#seats.many .seat{height:116px;width:136px}#seats.many .seat>.avatar{width:92px;height:99px;left:22px}#seats.many .nm{top:75px;font-size:calc(14px * var(--text-scale, 1));padding:2px 8px}#seats.many .vp{width:31px;height:33px;font-size:calc(18px * var(--text-scale, 1))}#seats.many .l2{left:25px;bottom:0}#seats.many .mini{font-size:calc(12px * var(--text-scale, 1))}
/* A thin bottom prompt rail, with the hand resting on a green banner above. */
.bar{position:fixed;left:0;right:0;z-index:5;pointer-events:none}#top{top:22px}#banner{text-align:center;margin:0 auto;width:max-content;max-width:70vw}#phase{display:inline-block;padding:8px 36px;font-size:calc(18px * var(--text-scale, 1));font-variant:small-caps;color:#f2dfbd;text-shadow:1px 2px #000;background:linear-gradient(90deg,transparent,#062634ba 20%,#062634ba 80%,transparent);border:0}#phase b{color:#f6cd7f}#dice{display:none}#bottom{bottom:0;padding-bottom:calc(54px + var(--safe-b));display:flex;flex-direction:column;align-items:center}#controlbar{position:fixed;bottom:0;left:0;right:0;height:calc(54px + var(--safe-b));padding:0 24px var(--safe-b);display:flex;align-items:center;gap:22px;background:linear-gradient(#051d2ccb,#020b12ef);border-top:1px solid #9db3b333;pointer-events:auto}#controlbar>button,#acts button{border:0;background:none;box-shadow:none;padding:6px 4px;min-height:44px;color:#f4e7c9;font-size:calc(16px * var(--text-scale, 1));text-shadow:1px 2px #000;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}#controlbar .key,#acts button::before{display:inline-grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:2px solid #d4b782;border-radius:50%;background:#3d3429;color:#f1dcc0;font:bold calc(14px * var(--text-scale, 1)) Georgia;box-shadow:inset 0 0 0 2px #17120d,0 1px 3px #000}#acts{display:flex;justify-content:flex-end;gap:22px;margin-left:auto;pointer-events:auto}#acts button .ui-icon{display:none}#acts button::before{content:attr(data-key)}#acts button.go::before{border-color:#d8a773;color:#ffa791}#controlbar .key.square{border-radius:4px;color:#e6a1c3}#controlbar .key.triangle{color:#9ee5bd}#purse{position:relative;display:flex;gap:18px;justify-content:center;pointer-events:auto;min-height:54px;padding:6px 34px 12px;margin:0 auto;background:linear-gradient(#638640,#31531d 60%,#244717);border-top:2px solid #d6b45d;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);filter:drop-shadow(0 5px 4px #0008)}#purse:empty{display:none}.res{position:relative;display:flex;align-items:center;gap:5px;color:#fff4d3;min-width:50px}.res .ricon{width:32px;height:32px}.res b{font-size:calc(22px * var(--text-scale, 1));text-shadow:1px 2px #182310}.res.none{opacity:.62}.res.tot{display:none}#hand{position:absolute;bottom:110px;display:flex;gap:8px;pointer-events:auto}#tools{position:fixed;right:23px;top:24px;z-index:6;display:flex;gap:7px}#tools button{position:relative;padding:8px;width:52px;height:56px;min-height:0;border:0;background:#916339 var(--wood);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:inset 0 0 0 3px #c2a773;font-size:calc(24px * var(--text-scale, 1));color:#f4ddad}#tools .ui-icon{display:none}#tools button::after{content:attr(data-symbol)}#bFlat,#bLog{display:none}
/* Every menu uses one frame and one typography system. */
#sheet{position:fixed;z-index:20;left:50%;top:51%;transform:translate(-50%,-50%);width:min(1080px,88vw);max-height:82vh;overflow:auto;touch-action:pan-y;display:none;padding:24px 32px 26px;background:var(--paper) var(--parchment);border:23px solid transparent;border-image:var(--frame) 48 stretch;box-shadow:0 0 0 100vmax #01131b99,0 20px 60px #000a;color:var(--ink)}#sheet.on{display:block}.sheet-title{position:relative;display:flex;align-items:center;justify-content:center;min-height:82px;margin:-16px auto 16px;width:min(580px,100%);padding:0 55px 17px;background:var(--ribbon) center/100% 100% no-repeat;gap:10px}.sheet-title h3{margin:0;font-size:calc(29px * var(--text-scale, 1));font-variant:small-caps;font-weight:bold;color:#ffedcd;text-shadow:1px 2px #351007;white-space:nowrap}.sheet-title>.ui-icon{display:none}#sheet>p.hint{font-size:calc(16px * var(--text-scale, 1));text-align:center;margin:0 0 20px;color:#6b4a2d}#sheet>.row.center{border-top:1px solid #83613a55;padding-top:17px;margin-top:24px!important}.opt{flex:1 1 170px;min-width:0;min-height:215px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 12px;background:linear-gradient(#eedcbac9,#b38d57cc),var(--parchment);color:#302010;text-shadow:none;border-width:7px}.opt>.ui-icon{width:77px;height:77px}.opt>span{text-align:center}.opt .big{font-size:calc(21px * var(--text-scale, 1));font-variant:small-caps}.opt .sub{font-size:calc(13px * var(--text-scale, 1));color:#604629}.cost{display:inline-flex;align-items:center;justify-content:center;gap:6px}.cost .ricon{width:27px;height:27px}.help{padding:12px 4px;border-top:1px solid #82613c50}.help .hl{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.help .hl>b{font-size:calc(20px * var(--text-scale, 1));font-variant:small-caps;min-width:140px}.help .hn,.devrow .hn{font-size:calc(14px * var(--text-scale, 1));color:#61472d;margin-top:6px}.help .rate{display:inline-flex;align-items:center;gap:5px;margin-right:14px}.devrow{display:flex;gap:20px;padding:14px;border-bottom:1px solid #80603b55}.devrow .card{flex:none}.card{position:relative;width:94px;height:134px;cursor:pointer}.card .card-art{width:100%;height:100%;object-fit:contain}.card .t,.card .sub{position:absolute;left:8px;right:8px;text-align:center;color:#fff0cd;text-shadow:1px 1px #000;background:#26170dab;font-size:calc(11px * var(--text-scale, 1))}.card .t{top:10px}.card .sub{bottom:10px}.card.small{width:62px;height:86px}.card.small .t,.card.small .sub{font-size:calc(8px * var(--text-scale, 1))}.card.ready{filter:drop-shadow(0 0 3px #fbe6a0)}.resource-choice{flex:1;display:flex;align-items:center;flex-direction:column;gap:10px;padding:20px 10px}.resource-choice .ricon{width:65px;height:65px}.stepper{display:flex;align-items:center;gap:8px;padding:8px;background:#d4b588;border:1px solid #9c7649;flex:1}.stepper .lbl{display:flex;gap:5px;align-items:center;font-size:calc(14px * var(--text-scale, 1))}.stepper .v{font-size:calc(22px * var(--text-scale, 1));min-width:20px;text-align:center}.stepper button{padding:0 8px;min-width:30px;min-height:33px;border-width:2px}.who{display:flex;gap:12px}.who button{display:flex;align-items:center;gap:9px}.bank-trade-row{padding:12px 0;border-top:1px solid #876b4360}.bank-trade-row .sm.icon{padding:6px 15px}.bank-trade-row .ricon{width:35px;height:35px}.dimmed{opacity:.5}.trade-tabs{display:flex!important;gap:0!important;margin:0 -8px 22px!important}.trade-tabs button{flex:1;border-width:3px;font-size:calc(22px * var(--text-scale, 1));min-height:58px}.trade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.trade-resource{display:flex;flex-direction:column;align-items:center;gap:12px;background:#664328 var(--wood);border:8px solid transparent;border-image:var(--frame) 24 stretch;padding:14px 5px;color:#f8e5c2}.trade-resource>.ricon{width:90px;height:110px;background:radial-gradient(#f6e7c7,#c6a472);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:8px}.trade-resource h4{font-size:calc(19px * var(--text-scale, 1));font-variant:small-caps;margin:0}.trade-adjust{display:flex;align-items:center;gap:7px}.trade-adjust button{min-height:32px;padding:1px 8px;border-width:2px}.trade-adjust b{display:inline-block;min-width:23px;font-size:calc(24px * var(--text-scale, 1));text-align:center}.trade-label{text-align:center;font-size:calc(22px * var(--text-scale, 1));font-variant:small-caps;margin:14px 0;color:#8b1d10}.trade-label.receive{color:#326323}.trade-resource small{font-size:calc(12px * var(--text-scale, 1));color:#ead4b0}.bank-select{outline:3px solid #b72719;outline-offset:3px}.trade-resource button{width:100%;font-size:calc(13px * var(--text-scale, 1));padding:5px}
/* Transient feedback. */
#offer{display:none;pointer-events:auto;width:min(480px,92vw);padding:15px;background:var(--paper) var(--parchment);border:8px solid transparent;border-image:var(--frame) 24 stretch;margin-bottom:10px;box-shadow:var(--lift)}#offer.on{display:block}.oh,.ol{display:flex;align-items:center;gap:8px;margin:5px 0}.oh{font-weight:bold}.ol .k{min-width:90px;font-size:calc(13px * var(--text-scale, 1))}.pile,.replies{display:flex;gap:4px;flex-wrap:wrap}.rep{font-size:calc(12px * var(--text-scale, 1))}.rep.yes{color:#28601b}#toast{position:fixed;left:50%;top:100px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:none;width:min(500px,90vw)}.msg{padding:12px 22px;background:var(--paper) var(--parchment);border:5px solid transparent;border-image:var(--frame) 18 stretch;box-shadow:var(--lift);text-align:center}.msg.bad{color:#791b0c}#log{position:fixed;right:22px;bottom:128px;z-index:4;width:250px;pointer-events:none;display:none}.lg{background:#062332a8;border-left:2px solid #bea05c;padding:5px 8px;color:#ebd9b7;font-size:calc(12px * var(--text-scale, 1));margin-top:3px}#award{position:fixed;left:50%;top:36%;transform:translate(-50%,-50%);z-index:70;pointer-events:none}.award{display:flex;align-items:center;gap:16px;background:var(--paper) var(--parchment);border:13px solid transparent;border-image:var(--frame) 32 stretch;padding:14px 26px;box-shadow:var(--lift)}.award>.ui-icon{width:70px;height:70px}.award .txt{display:flex;flex-direction:column}.award .who{font-size:calc(24px * var(--text-scale, 1))}.award .k{color:#8c2012}.award .sub{font-size:calc(14px * var(--text-scale, 1))}#tvcode{position:fixed;right:24px;bottom:24px;z-index:6;background:#062231aa;color:#f0d7a8;padding:8px 18px;font-size:calc(12px * var(--text-scale, 1))}#tvcode .v{font-size:calc(22px * var(--text-scale, 1));letter-spacing:.15em}body.tv #bottom{display:none!important}#flightdeck{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}.flycard{position:absolute;left:0;top:0;width:46px;height:46px;display:grid;place-items:center;background:var(--paper);border:2px solid #ba9356;box-shadow:var(--lift);will-change:transform,opacity}.flycard img{width:36px;height:36px}.flycard.trail{filter:blur(7px)}.res.pop{animation:chipBump .52s}.plusone{position:absolute;top:-20px;left:50%;color:#fff1b9;animation:plusUp .95s forwards}@keyframes chipBump{40%{transform:scale(1.2)}}@keyframes plusUp{to{opacity:0;transform:translateY(-25px)}}
@media(min-width:1500px) and (min-height:950px){#players{top:55px;left:28px}.seat{width:190px;height:190px}.seat>.avatar{width:150px;height:159px;left:20px}.seat .nm{top:125px;font-size:calc(22px * var(--text-scale, 1))}.seat .vp{width:44px;height:45px}.seat .l2{bottom:7px;left:38px}.seat .mini{font-size:calc(18px * var(--text-scale, 1))}}
@media(max-height:760px) and (min-width:761px){.seat{width:135px;height:133px}.seat>.avatar{width:101px;height:110px}.seat .nm{top:87px;font-size:calc(16px * var(--text-scale, 1))}.seat .vp{height:35px;width:34px;font-size:calc(19px * var(--text-scale, 1))}.seat .l2{left:22px;bottom:0}.seat .mini{font-size:calc(13px * var(--text-scale, 1))}#seats.many .seat{height:99px}#seats.many .seat>.avatar{height:82px;width:78px;left:28px}#seats.many .nm{top:63px}#seats.many .l2{bottom:0}#players{top:16px}#seats{gap:5px}#sheet{max-height:87vh}.sheet-title{min-height:66px}.sheet-title h3{font-size:calc(25px * var(--text-scale, 1))}}
@media(max-width:760px){.home-start{width:310px;height:96px;font-size:calc(30px * var(--text-scale, 1));top:20%}#players{top:10px;left:6px;right:6px}#seats,#seats.many{flex-direction:row;justify-content:center;gap:3px}.seat,#seats.many .seat{width:calc((100vw - 24px)/6);max-width:82px;height:98px;filter:drop-shadow(0 2px 2px #0007)}.seat>.avatar,#seats.many .seat>.avatar{width:100%;height:64px;left:0}.seat .nm,#seats.many .nm{top:52px;font-size:calc(10px * var(--text-scale, 1));padding:1px 3px}.seat .vp,#seats.many .vp{bottom:4px;right:0;width:24px;height:25px;font-size:calc(14px * var(--text-scale, 1));border-width:2px}.seat .l2,#seats.many .l2{left:3px;bottom:7px;gap:2px}.seat .mini,#seats.many .mini{font-size:calc(10px * var(--text-scale, 1))}.seat .mini b{min-width:12px;padding:0 1px}.seat .mini>.ui-icon,.mini-card-back,.badge.award{display:none}.seat.turn::before{left:42%;top:-6px;border-width:6px;border-left-color:transparent;border-top-color:#f5cf76}.avatar{padding:3px}.avatar::before{inset:4px}#top{top:107px}#phase{font-size:calc(14px * var(--text-scale, 1));padding:5px 18px}#banner{max-width:92vw}#tools{top:151px;right:9px;gap:4px}#tools button{width:37px;height:40px;font-size:calc(19px * var(--text-scale, 1))}#controlbar{height:calc(92px + var(--safe-b));padding:4px 8px var(--safe-b);flex-wrap:wrap;justify-content:center;gap:5px 16px;align-content:center}#controlbar>button,#acts button{font-size:calc(12px * var(--text-scale, 1));gap:4px;min-height:35px;padding:0}#controlbar .key,#acts button::before{width:22px;height:22px;font-size:calc(11px * var(--text-scale, 1))}#acts{width:100%;margin-left:0;justify-content:center;gap:17px}#bottom{padding-bottom:calc(92px + var(--safe-b))}#purse{gap:8px;padding:4px 17px 9px;min-height:44px}.res{gap:2px;min-width:43px}.res .ricon{width:25px;height:25px}.res b{font-size:calc(18px * var(--text-scale, 1))}#hand{bottom:139px}#sheet{width:calc(100vw - 12px);max-height:84vh;top:49%;border-width:13px;padding:17px 12px;box-shadow:0 0 0 100vmax #01131bb0}.sheet-title{height:67px;min-height:67px;margin:-12px -6px 8px;width:calc(100% + 12px);padding:0 26px 14px}.sheet-title h3{font-size:calc(21px * var(--text-scale, 1));white-space:normal;text-align:center}#sheet>p.hint{font-size:calc(13px * var(--text-scale, 1))}.opt{flex-basis:40%;min-height:168px;padding:10px 6px;gap:7px}.opt>.ui-icon{width:50px;height:50px}.opt .big{font-size:calc(17px * var(--text-scale, 1))}.opt .sub{font-size:calc(11px * var(--text-scale, 1))}.cost .ricon{width:21px;height:21px}.trade-grid{gap:5px}.trade-resource{border-width:3px;padding:8px 2px;gap:6px}.trade-resource>.ricon{width:46px;height:62px;padding:4px}.trade-resource h4{font-size:calc(11px * var(--text-scale, 1))}.trade-adjust{gap:2px}.trade-adjust button{padding:0 4px;min-height:24px;min-width:18px}.trade-adjust b{font-size:calc(17px * var(--text-scale, 1));min-width:13px}.trade-resource small{font-size:calc(9px * var(--text-scale, 1))}.trade-tabs button{font-size:calc(16px * var(--text-scale, 1));padding:6px 8px}.trade-tabs .ui-icon{display:none}.help .hl>b{font-size:calc(17px * var(--text-scale, 1));min-width:105px}.help .hn{font-size:calc(12px * var(--text-scale, 1))}.help .hl{gap:7px}.stepper{min-width:45%;padding:4px;gap:4px}.stepper .lbl{font-size:calc(11px * var(--text-scale, 1));gap:2px}.stepper .lbl img{width:20px;height:20px}#toast{top:155px}.msg{font-size:calc(13px * var(--text-scale, 1))}#log{bottom:158px;width:180px;right:8px}body.tv #players{top:10px;left:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:700px;margin:20px auto}.menu-options button{min-height:65px}@media(max-width:760px){.menu-options{grid-template-columns:1fr;gap:10px}}
#tvcode{display:none}
@media(max-width:760px){
  #tools button{width:44px;height:48px}#controlbar>button,#acts button{min-height:44px}#controlbar{gap:0 12px}
  .trade-adjust{display:flex;flex-direction:column;gap:1px;width:100%}.trade-adjust button{width:44px;min-height:44px;padding:0;font-size:calc(20px * var(--text-scale, 1))}.trade-adjust b{font-size:calc(18px * var(--text-scale, 1));line-height:22px}.trade-resource{gap:4px}.trade-resource>button{min-height:44px;font-size:calc(11px * var(--text-scale, 1));padding:4px 1px}.trade-tabs button{min-height:48px;font-size:calc(15px * var(--text-scale, 1))}.trade-label{font-size:calc(16px * var(--text-scale, 1))}

}
/* Touch navigation and a single quantity editor for domestic trades. */
.opt{align-items:center}.opt>.ui-icon{align-self:center}.opt>span{width:100%}
#controlbar .nav-icon{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}
.trade-side{display:flex;gap:8px;margin:0 0 16px}.trade-side button{flex:1;background:#dac39d;color:#4b3422;text-shadow:none;border:1px solid #a18357;box-shadow:none;font-size:calc(18px * var(--text-scale, 1))}.trade-side button.selected{background:#48652e;color:#fff4d9;border-color:#c6a25b;box-shadow:inset 0 -3px #243c19}
.domestic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.domestic-resource{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;background:#d2b78988;border:1px solid #9c794d;border-radius:5px}.domestic-resource>.ricon{width:64px;height:64px}.resource-name{text-align:center}.resource-name h4{font-size:calc(19px * var(--text-scale, 1));margin:0;font-variant:small-caps}.resource-name small{font-size:calc(12px * var(--text-scale, 1));color:#745536}.domestic-adjust{display:flex;align-items:center;justify-content:center;gap:6px}.domestic-adjust button{width:44px;height:44px;min-height:44px;padding:0;font:calc(24px * var(--text-scale, 1)) Georgia;border:1px solid #a88a5a;border-radius:5px;background:#f2e0bd;color:#51371e;text-shadow:none;box-shadow:0 2px 2px #60462233}.domestic-adjust b{min-width:23px;text-align:center;font-size:calc(23px * var(--text-scale, 1))}.trade-summary{margin-top:16px;padding:10px 14px;background:#b4976a25;border-top:1px solid #a58a6355}.trade-summary>div{display:flex;gap:14px;padding:4px 0;font-size:calc(14px * var(--text-scale, 1))}.trade-summary b{min-width:85px}.trade-summary span{color:#6a5033}
@media(max-width:760px){#controlbar>button{flex:1;flex-direction:column;justify-content:center;gap:1px;min-height:52px;font-size:calc(11px * var(--text-scale, 1));padding:2px 4px}#controlbar .nav-icon{width:27px;height:27px}#controlbar{height:calc(106px + var(--safe-b));gap:0;padding-top:2px}#bottom{padding-bottom:calc(106px + var(--safe-b))}#acts{gap:18px}#hand{bottom:154px}.trade-side{margin-bottom:10px;gap:6px}.trade-side button{font-size:calc(16px * var(--text-scale, 1));min-height:44px;padding:6px}.domestic-grid{display:flex;flex-direction:column;gap:6px}.domestic-resource{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:7px 9px}.domestic-resource>.ricon{width:38px;height:38px}.resource-name{text-align:left}.resource-name h4{font-size:calc(16px * var(--text-scale, 1))}.resource-name small{font-size:calc(10px * var(--text-scale, 1))}.domestic-adjust{gap:4px}.domestic-adjust b{min-width:20px;font-size:calc(21px * var(--text-scale, 1))}.trade-summary{margin-top:10px;padding:6px 9px}.trade-summary>div{font-size:calc(12px * var(--text-scale, 1));gap:8px}.trade-summary b{min-width:73px}#sheet:has(.domestic-grid)>.row.center{margin-top:12px!important;padding-top:12px}#sheet:has(.domestic-grid)>p.hint{margin-bottom:12px}#sheet:has(.domestic-grid) .trade-tabs{margin-bottom:12px!important}}
@media(max-width:760px){#acts button::before{display:none}#acts button .ui-icon{display:block;width:23px;height:23px}#acts button{gap:5px}}
@media(max-width:760px){#sheet:has(.domestic-grid){top:50%;max-height:calc(100dvh - 20px)}#sheet:has(.domestic-grid) .sheet-title{height:54px;min-height:54px}#sheet:has(.domestic-grid)>p.hint{display:none}.domestic-resource{padding:3px 9px}#sheet:has(.domestic-grid) .trade-tabs button{min-height:44px}}

.home-options{position:absolute;top:calc(17% + 120px);left:50%;transform:translateX(-50%);pointer-events:auto;white-space:nowrap}.home-options button{min-height:48px;padding:10px 22px}@media(max-width:760px){.home-options{top:calc(20% + 100px)}#bNewGame{font-size:calc(25px * var(--text-scale, 1))}}