:root{--bg:#a87c4c;--paper:#f6edd6;--paper-light:#fffaf0;--paper-dark:#e9dcba;--ink:#2b2110;--muted:#75654a;--line:#2b211033;--on-wood:#fff4cf;--accent:#f2b441;--accent-text:#2b2110;--danger:#c8452f;--good:#2f8a3c;--grain:none;--grain-size:240px;--paper-shadow:0 1px 0 #fff9 inset, 0 1px 1px #321c0859, 0 6px 14px #321c084d;color:var(--ink);-webkit-font-smoothing:antialiased;scrollbar-color:#2b211059 transparent;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}::selection{background:#f2b44199}html,body,#root{height:100%;margin:0}body{background:var(--bg) var(--wood,none);background-size:900px;font-size:15px;overflow:hidden}h1,h2,h3,h4,p{margin:0 0 .5em}h1,h2{letter-spacing:.01em;font-family:Georgia,Iowan Old Style,Times New Roman,serif}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.muted{color:var(--muted)}.small{font-size:.85rem}.warn{color:var(--danger)}.panel{background-color:var(--paper);background-image:var(--grain), linear-gradient(168deg, #fff6, transparent 38%, #805c241a);background-size:var(--grain-size), auto;box-shadow:var(--paper-shadow);border-radius:4px;padding:12px 14px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}button,input,select{font:inherit}button{background:var(--paper-light);color:var(--ink);cursor:pointer;border:1.5px solid #2b211073;border-radius:6px;padding:6px 12px;transition:transform 80ms,box-shadow 80ms,background-color .15s,border-color .15s;box-shadow:inset 0 1px #ffffffb3,0 2px #2b211047}button:hover:not(:disabled){background:#fff;border-color:#2b2110b3}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #2b211047}button:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px #f2b4418c}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(#ffc95f, var(--accent));color:var(--accent-text);border-color:var(--ink);font-weight:700}button.primary:hover:not(:disabled){border-color:var(--ink);background:linear-gradient(#ffd67e,#f7bd4d)}button.primary.big{border-radius:8px;padding:10px 24px;font-size:1.15rem;box-shadow:inset 0 1px #fff9,0 3px #2b21108c}button.primary.big:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #2b21108c}button.danger{background:var(--danger);border-color:var(--ink);color:#fff}button.danger:hover:not(:disabled){background:#d9553e}button.ghost{box-shadow:none;border-color:var(--line);background:0 0}button.ghost:hover:not(:disabled){background:#2b211012}button.small{padding:2px 8px;font-size:.82rem}button.x{box-shadow:none;background:0 0;border:none;padding:0 6px;font-size:1.3rem;line-height:1}input,select{background:var(--paper-light);color:var(--ink);border:1.5px solid #2b211059;border-radius:5px;padding:7px 9px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #2b211024}input::placeholder{color:#75654a99}input:hover,select:hover{border-color:#2b21108c}input:focus-visible{border-color:var(--ink);outline:none;box-shadow:inset 0 1px 2px #2b211024,0 0 0 3px #f2b44199}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.center-msg{height:100%;color:var(--on-wood);place-items:center;font-size:1.2rem;display:grid}.conn{color:var(--on-wood);z-index:50;font-size:.72rem;position:fixed;bottom:6px;left:8px}.conn .dot{background:#6fd36f;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 1.5px #2b211080}.conn.error .dot{background:var(--danger)}.join,.lobby{background:radial-gradient(ellipse 60% 55% at 50% 42%, #ffe2a533, transparent 70%), radial-gradient(ellipse 85% 85% at 50% 45%, transparent 45%, #1e0f049e 100%), var(--bg) var(--wood,none);background-size:auto,auto,900px;place-items:center;height:100%;padding:24px 20px 30px;display:grid;overflow:auto}.join-stage,.lobby-stage{flex-direction:column;align-items:center;gap:20px;width:min(1060px,100%);animation:.45s ease-out stageIn;display:flex}@keyframes stageIn{0%{opacity:0;transform:translateY(10px)}}.masthead{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.wordmark{filter:drop-shadow(0 5px 6px #1e0f0480);width:min(330px,78vw);height:auto;display:block;overflow:visible}.tagline{color:var(--on-wood);text-shadow:0 1px 2px #1e0f04e6,0 0 12px #1e0f048c;margin:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.05rem;font-style:italic}.note{position:relative}.note:before{content:"";clip-path:polygon(0 0,100% 0,98% 22%,100% 48%,98% 76%,100% 100%,0 100%,2% 74%,0 50%,2% 24%);background:linear-gradient(#fff4c4b8,#f6e2a0a8);width:96px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2.2deg);box-shadow:0 1px 2px #321c0847}.notice{border-left:4px solid var(--danger);background:#c8452f1f;border-radius:3px;margin:0;padding:7px 11px;font-size:.9rem}.join-card{flex-direction:column;gap:13px;width:min(390px,100%);padding:28px 28px 20px;display:flex;transform:rotate(-.6deg)}.join-card h2{text-align:center;margin:0 0 2px;font-size:1.3rem}.join-card button.primary{margin-top:4px}.join-figures{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:center;row-gap:5px;margin-top:8px;padding:14px max(0px,50% - 108px) 0;display:flex}.join-figures .avatar{margin:0 -2px}.join-foot{text-align:center;margin:0}.lobby-stage{width:min(1060px,100%,max(640px,128.2dvh + 53.448px))}.lobby-table{grid-template-columns:minmax(0,1fr) 304px;align-items:center;gap:26px;width:100%;display:grid}.figure-box{background:#1f3550 var(--grain) 0 0 / var(--grain-size);border-radius:10px;padding:13px;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000040,0 2px 3px #1e0f0480,0 14px 30px #1e0f0480}.char-grid{aspect-ratio:5/3.9;background:var(--paper-dark) var(--grain) 0 0 / var(--grain-size);border-radius:5px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #0a121e99,inset 0 3px 8px #1e0f0473}.char-buttons{grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;display:grid;position:absolute;inset:3px}.char{--c:#888;background:#fffaf080;border:1.5px solid #2b211029;border-radius:7px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;margin:3px;padding:6px 4px 8px;line-height:1.15;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff80}.char:disabled{opacity:1;cursor:default}.char:hover:not(:disabled){background:var(--paper-light);border-color:#2b21108c;box-shadow:inset 0 1px #ffffff80,0 3px 8px #321c0847}.char:active:not(:disabled){background:#fff;transform:none}.char-name{font-weight:700}.char-owner{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:.74rem;overflow:hidden}.char.mine{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink), 0 1px 0 #fff9 inset, 0 4px 10px #321c0859;background:linear-gradient(#ffd880e6,#f2b441d9)}.char.mine .char-owner{color:var(--ink)}.char.mine:after{content:"✓";background:var(--ink);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;animation:.3s cubic-bezier(.2,1.6,.4,1) popIn;display:grid;position:absolute;top:6px;right:6px}@keyframes popIn{0%{transform:scale(0)}}.char.taken{box-shadow:none;background:#2b211012;border-style:dashed}.char.taken .char-name{color:var(--muted)}.char.taken .char-owner{color:var(--ink);background:#2b21101f;border-radius:999px;padding:0 7px}.seats-card{flex-direction:column;padding:24px 20px 14px;display:flex;transform:rotate(.7deg)}.seats-card h2{justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:1.25rem;display:flex}.seats-card h2 small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:.74rem;font-weight:400}.seats{border-top:1px dashed var(--line);margin:0 0 14px;padding:0;list-style:none}.seat{border-bottom:1px dashed var(--line);align-items:center;gap:10px;height:43px;animation:.25s ease-out fadeIn;display:flex}.seat.empty{color:#75654ab3;height:35px;font-size:.85rem;animation:none}.seat-icon{width:32px;height:32px;color:var(--muted);border:1.5px dashed #2b21104d;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.seat.empty .seat-icon{width:24px;height:24px;margin:0 4px}.seat-icon.waiting{animation:1.5s ease-in-out infinite hintPulse}.seat-name{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.seat-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-name em{color:var(--muted);font-style:normal;font-weight:400}.seat-name small{color:var(--muted);font-size:.78rem}.seat .x{color:var(--muted);border-radius:50%}.seat .x:hover:not(:disabled){color:var(--danger);background:0 0}.seat-add{width:100%;height:100%;box-shadow:none;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:0;font-size:.9rem;font-weight:700;display:flex}.seat-add:hover:not(:disabled){background:#f2b44147}.seat-add:active:not(:disabled){transform:none}.seat-add .seat-icon{background:var(--paper-light);color:var(--ink);border-style:solid;border-color:#2b211080}button.start{width:100%}.start-hint{text-align:center;min-height:2.5em;color:var(--muted);margin:9px 0 2px;font-size:.82rem;line-height:1.25}.start-hint.ready{color:var(--good);font-weight:700}button.link{box-shadow:none;color:var(--muted);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:2px 6px;font-size:.78rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.link:hover:not(:disabled){color:var(--danger);background:0 0}button.link.calm:hover:not(:disabled){color:var(--ink)}.lobby-foot{justify-content:center;gap:10px;display:flex}@media (width<=860px){.lobby-stage{width:min(1060px,100%)}.lobby-table{grid-template-columns:1fr}.seats-card{justify-self:center;width:min(340px,100%)}}.game{height:100%;position:relative}.scene{position:absolute;inset:0}.left,.right,.top,.bottom{z-index:5;pointer-events:none;position:absolute}.left>*,.right>*,.top>*,.bottom>*{pointer-events:auto}.left{flex-direction:column;gap:6px;width:258px;display:flex;top:8px;bottom:22px;left:8px}.right{flex-direction:column;align-items:flex-end;gap:10px;width:280px;display:flex;top:12px;bottom:12px;right:12px}.right>.panel{width:100%}.top{flex-direction:column;align-items:center;gap:8px;display:flex;top:12px;left:260px;right:304px}.bottom{justify-content:center;display:flex;bottom:14px;left:260px;right:260px}.toolbar{gap:6px;display:flex}.toolbar button{box-shadow:inset 0 1px #ffffffb3,0 2px #2b211066,0 5px 10px #321c084d}.toolbar button.on{background:var(--accent);transform:translateY(2px);box-shadow:0 2px 5px #321c084d}.menu{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.menu button{margin-top:6px;padding:4px 10px}.players{scrollbar-width:none;flex-direction:column;flex:0 auto;gap:7px;min-height:0;padding:4px 16px 6px 4px;display:flex;overflow-y:auto}.player{border-left:7px solid #888;flex-shrink:0;padding:7px 10px 7px 12px;transition:transform .2s}.player.active{box-shadow:0 0 0 2px var(--ink), var(--paper-shadow);transform:translate(8px)}.player.out{opacity:.5}.player-head{align-items:center;gap:6px;display:flex;position:relative}.avatar{--c:#998;background:color-mix(in srgb, var(--c) 42%, var(--paper-light));border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden;box-shadow:0 0 0 1.5px #2b211099,0 2px 3px #321c0859}.avatar img{object-fit:contain;pointer-events:none;width:108%;height:108%}.portrait-studio{opacity:0;pointer-events:none;position:fixed;top:0;left:-99999px}.player-head .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.player-head .name small{color:var(--muted);font-weight:400}.player-head .cash{font-variant-numeric:tabular-nums;font-weight:700}.player-status{flex-wrap:wrap;gap:4px;display:flex}.player-status:not(:empty){margin-top:4px}.tag{background:var(--paper-dark);border-radius:3px;padding:1px 6px;font-size:.72rem}.tag.turn{background:var(--accent);font-weight:700}.chips{flex-wrap:wrap;gap:3px;display:flex}.chips:not(:empty){margin-top:6px}.chip{width:18px;height:18px;box-shadow:none;color:#fff;border:2px solid;border-radius:3px;padding:0;font-size:.65rem;font-weight:700;line-height:1}.chip:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.2)}.float{pointer-events:none;text-shadow:0 0 3px var(--paper), 0 0 3px var(--paper);font-weight:800;animation:2.1s ease-out forwards floatUp;position:absolute;top:-15px;right:0}.player .float{--rise:-12px;top:3px;right:76px}.float.plus{color:var(--good)}.float.minus{color:var(--danger)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--rise,-34px));opacity:0}}.prop-card{flex-shrink:0;padding:0 0 10px;animation:.18s ease-out slipIn;overflow:hidden}.prop-card>:not(.prop-head){margin-left:12px;margin-right:12px}.prop-head{color:#fff;text-shadow:0 1px 2px #0009;border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;padding:9px 12px;font-family:Georgia,Times New Roman,serif;display:flex}.prop-head .x{color:#fff}.prop-card table{border-collapse:collapse;width:calc(100% - 24px);margin-bottom:8px;font-size:.88rem}.prop-card td{border-bottom:1px dashed var(--line);padding:2px 4px}.prop-card td:last-child{text-align:right;font-variant-numeric:tabular-nums}.prop-card tr.current{background:#f2b44173;font-weight:700}.prop-card button{padding:5px 8px;font-size:.85rem}@keyframes slipIn{0%{opacity:0;transform:translate(20px)rotate(1.5deg)}}.drawer{flex-direction:column;flex:1;min-height:0;max-height:560px;padding:10px 0 0;animation:.18s ease-out slipIn;display:flex}.drawer-head{border-bottom:2px solid #c8452f73;justify-content:space-between;align-items:center;padding:0 10px 6px 14px;display:flex}.drawer-head h3{margin:0}.feed{scrollbar-width:thin;background-image:repeating-linear-gradient(#0000 0 21px,#3c649633 21px 22px);background-attachment:local;flex:1;padding:0 14px 10px;font-size:.85rem;line-height:22px;overflow-y:auto}.feed p{margin:0}.feed p.turn{color:var(--muted);text-align:center;font-size:.78rem;font-weight:700}.open-trades{flex-shrink:0;max-height:30%;overflow-y:auto}.open-trade{margin-bottom:6px}.action-bar{text-align:center;max-width:100%;padding:9px 18px 11px}.action-bar .hint{color:var(--muted);margin:7px 0 0;font-size:.8rem}.action-bar .title+.hint{margin-top:4px}.action-bar .roll-hint{color:var(--ink);font-size:.98rem;font-weight:700;animation:1.5s ease-in-out infinite hintPulse}.action-bar .die{margin-right:7px;animation:1.5s ease-in-out infinite dieShake;display:inline-block}@keyframes hintPulse{50%{opacity:.55}}@keyframes dieShake{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-18deg)scale(1.2)}85%{transform:rotate(14deg)scale(1.2)}}.roll-catcher{z-index:2;position:absolute;inset:0}.game.must-roll{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg transform='rotate(-12 18 18)'%3E%3Crect x='6' y='6' width='24' height='24' rx='5.5' fill='%23fff8e6' stroke='%232b2110' stroke-width='2.2'/%3E%3Cg fill='%232b2110'%3E%3Ccircle cx='12.5' cy='12.5' r='2.3'/%3E%3Ccircle cx='23.5' cy='12.5' r='2.3'/%3E%3Ccircle cx='18' cy='18' r='2.3'/%3E%3Ccircle cx='12.5' cy='23.5' r='2.3'/%3E%3Ccircle cx='23.5' cy='23.5' r='2.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 18 18,pointer}.action-bar .last-event{color:var(--muted);margin-bottom:4px;font-size:.8rem;animation:.3s ease-out fadeIn}.action-bar .title{margin-bottom:0;font-weight:700}.action-bar .title+.row{margin-top:9px}.action-bar.busy button{pointer-events:none}.action-bar input[type=number]{width:90px}.action-bar .group{border:1px dashed var(--line);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}}.toast{background:var(--danger);color:#fff;box-shadow:var(--paper-shadow);border-radius:4px;padding:6px 14px}.trade-offer{border-left:5px solid var(--accent);align-items:center;gap:10px;padding:7px 12px 7px 9px;animation:.3s ease-out fadeIn;display:flex;transform:rotate(-.5deg)}.card-popup{z-index:20;width:320px;color:var(--ink);background-color:var(--paper-light);background-image:var(--grain);background-size:var(--grain-size);text-align:center;border:6px solid #4d8a8f;border-radius:6px;padding:18px 20px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 16px 40px #28140580}.card-popup.mail{border-color:#a56a3a}.card-popup p{margin:10px 0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700}@keyframes cardIn{0%{opacity:0;transform:translate(-50%,-20%)rotate(8deg)scale(.5)}}.overlay{z-index:30;background:#2816088c;place-items:center;padding:20px;animation:.2s ease-out overlayIn;display:grid;position:absolute;inset:0}@keyframes overlayIn{0%{background:#28160800}}.end-card{text-align:center;padding:30px 40px;transform:rotate(-1deg)}.mini-card{--c:#888;aspect-ratio:5/6.3;background:var(--paper-light) var(--grain) 0 0 / var(--grain-size);width:100%;color:var(--ink);text-align:center;border:1.5px solid #2b211099;border-radius:5px;flex-direction:column;align-items:stretch;padding:0;font-size:8.6px;transition:transform .12s,box-shadow .12s,opacity .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #2b21104d,0 2px 4px #321c0840}.mini-card .band{background:var(--c);color:#fff;letter-spacing:1px;text-shadow:0 1px 1px #0009;border-bottom:1.5px solid #2b211099;flex:none;height:15px;font-size:1em;line-height:14px}.mini-card .nm{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;flex:1;place-items:center;min-height:0;padding:1px 2px 0;font-size:1em;font-weight:700;line-height:1.12;display:grid;overflow:hidden}.mini-card .pr{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;padding-bottom:2px;font-size:.94em}.mini-card.mortgaged{background-color:var(--paper-dark)}.mini-card.mortgaged .band{filter:grayscale(.8)brightness(1.1)}.mini-card.mortgaged .nm{color:var(--muted)}.mini-card.mortgaged .pr{color:var(--danger);font-weight:700}button.mini-card:hover:not(:disabled){z-index:2;background-color:#fff;transform:translateY(-4px)rotate(-1.5deg);box-shadow:0 1px #2b21104d,0 7px 10px #321c0859}button.mini-card:active:not(:disabled){transform:translateY(-1px)}.inventory{border-top:5px solid var(--accent);flex-shrink:0;margin:auto 12px 0 4px;padding:10px 10px 8px}.inv-head{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding-bottom:8px;display:flex;position:relative}.inv-account{flex:1;min-width:0}.inv-account small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.66rem;display:block}.inv-cash{font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;line-height:1.15;transition:color .4s;display:inline-block}.inv-cash.up{color:var(--good);animation:.5s ease-out cashBump}.inv-cash.down{color:var(--danger);animation:.5s ease-out cashBump}@keyframes cashBump{35%{transform:scale(1.14)}}.inv-head .float{font-size:1.05rem;top:-8px;right:2px}.inv-cards{scrollbar-width:thin;grid-template-columns:repeat(4,1fr);gap:7px 5px;max-height:min(38vh,330px);margin:0 -10px -8px;padding:9px 13px 14px;display:grid;overflow-y:auto}.inv-empty{grid-column:1/-1;margin:0 0 4px}.inv-cards button.mini-card{animation:1.1s ease-out cardArrive}@keyframes cardArrive{0%{box-shadow:0 0 0 3px var(--accent), 0 0 18px 6px #f2b441e6;transform:scale(1.3)rotate(-4deg)}35%{transform:scale(1)rotate(0)}to{box-shadow:0 0 #f2b44100,0 2px 4px #321c0840}}.inv-cards .mini-card.selected{box-shadow:0 0 0 2.5px var(--accent), 0 0 0 4px var(--ink), 0 8px 10px #321c0866;z-index:1;transform:translateY(-5px)}.mini-card.slot{border:1.5px dashed var(--line);box-shadow:none;background:#2b21100f}.mini-card.out{visibility:hidden}.mini-card.pulse:after{content:"";background:#f2b44199;animation:.45s ease-in-out infinite alternate cardGlow;position:absolute;inset:0}@keyframes cardGlow{0%{opacity:0}}.fly-layer{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fly-card,.fly-coin{will-change:transform, opacity;position:fixed;top:0;left:0}.fly-card{width:54px;box-shadow:0 0 0 2px var(--accent), 0 10px 18px #28140580}.fly-coin{background:radial-gradient(circle at 35% 30%,#fff0b0,#f5c535 55%,#c98f12);border:1.5px solid #7a4f00;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 3px #28140573}.fly-coin:after{content:"€";color:#7a4f00;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;inset:0}.trade-win{flex-direction:column;gap:12px;width:min(840px,100%);max-height:94vh;padding:18px 22px 16px;animation:.25s cubic-bezier(.2,1.3,.4,1) winIn;display:flex;position:relative;overflow-y:auto}@keyframes winIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}.trade-win h2{text-align:center;margin:0 30px;font-size:1.25rem}.trade-win .close{position:absolute;top:10px;right:10px}.trade-head{grid-template-columns:140px 1fr 140px;align-items:end;gap:6px;display:grid}.trade-party{text-align:center;flex-direction:column;align-items:center;line-height:1.25;display:flex}.trade-party small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:.66rem}.trade-party .cash,.partner .cash{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.88rem}.scale{padding:0 8px}.beam{border-bottom:5px solid var(--ink);height:66px;transform:rotate(var(--tilt));transform-origin:50% 100%;border-radius:3px;justify-content:space-between;align-items:flex-end;transition:transform .5s cubic-bezier(.3,1.6,.5,1);display:flex}.pan{background:var(--paper-light);border:1.5px solid var(--ink);text-align:center;min-width:112px;transform:rotate(calc(-1 * var(--tilt)));transform-origin:50% 100%;border-radius:7px 7px 2px 2px;margin-bottom:3px;padding:4px 10px 3px;transition:transform .5s cubic-bezier(.3,1.6,.5,1);box-shadow:0 2px #2b211047}.pan small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.64rem;display:block}.pan strong{font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.pivot{border-left:13px solid #0000;border-right:13px solid #0000;border-bottom:19px solid var(--ink);width:0;height:0;margin:0 auto}.verdict{text-align:center;color:var(--muted);margin:5px 0 0;font-size:.85rem;font-weight:700}.verdict.good{color:var(--good)}.verdict.bad{color:var(--danger)}.trade-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trade-side{border:1.5px dashed var(--line);background:#fffaf099;border-radius:6px;flex-direction:column;gap:9px;min-width:0;padding:10px 12px 12px;display:flex}.trade-side h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;margin:0;font-size:.78rem;display:flex}.trade-side .worth{letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:1rem}.trade-cards{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,66px);gap:10px 8px;min-height:44px;max-height:268px;padding:7px 4px 4px;display:grid;overflow-y:auto}.trade-cards p{grid-column:1/-1;align-self:center;margin:0}.trade-cards .mini-card{opacity:.6;font-size:10.4px}.trade-cards .mini-card:hover:not(:disabled){opacity:1}.trade-cards .mini-card.on{opacity:1;box-shadow:0 0 0 2.5px var(--accent), 0 0 0 4px var(--ink), 0 8px 10px #321c0859;transform:translateY(-4px)}.trade-cards .mini-card.on:after{content:"✓";background:var(--accent);border:1px solid var(--ink);border-radius:50%;width:13px;height:13px;font-size:9px;font-weight:800;line-height:11px;position:absolute;top:1px;right:2px}.trade-cards .mini-card.blocked{opacity:.32}.trade-side.static .mini-card,.trade-side.static .mini-card.on{opacity:1;cursor:default;transform:none;box-shadow:0 1px #2b21104d,0 2px 4px #321c0840}.trade-side.static .mini-card.on:after{display:none}.trade-money{border-top:1px dashed var(--line);flex-direction:column;gap:7px;padding-top:9px;display:flex}.trade-money.static{flex-direction:row;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.money-row{align-items:center;gap:9px;display:flex}.trade-money .amount{color:var(--ink);flex-direction:row;align-items:center;gap:5px;font-size:1rem;font-weight:700}.trade-money .amount input{text-align:right;font-variant-numeric:tabular-nums;width:86px;padding:4px 7px;font-weight:700}.coin-stack{border-bottom:2px solid var(--line);flex-direction:column-reverse;flex:none;align-items:center;width:26px;height:32px;display:inline-flex}.coin-stack i{background:linear-gradient(#fff0b0,#f0bb2b);border:1.2px solid #7a4f00;border-radius:50%;flex:none;width:22px;height:8px;margin-bottom:-5px;display:block}.coin-stack i:first-child{margin-bottom:0}.trade-money input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--fill), var(--paper-dark) var(--fill));cursor:pointer;border:1.5px solid #2b211080;border-radius:999px;width:100%;height:9px;padding:0}.trade-money input[type=range]::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--ink);cursor:grab;background:radial-gradient(circle at 35% 30%,#fff0b0,#f5c535 60%,#c98f12);border-radius:50%;width:21px;height:21px;box-shadow:0 2px #2b21104d}.trade-money input[type=range]::-moz-range-thumb{border:1.5px solid var(--ink);cursor:grab;background:radial-gradient(circle at 35% 30%,#fff0b0,#f5c535 60%,#c98f12);border-radius:50%;width:18px;height:18px;box-shadow:0 2px #2b21104d}.trade-money .steps{gap:5px;display:flex}.trade-jail{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.trade-jail .stepper{align-items:center;gap:9px;display:inline-flex}.trade-foot{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.trade-foot p{margin:0}.trade-foot .note{border-left:4px solid var(--danger);background:#c8452f1f;border-radius:3px;padding:6px 12px;font-size:.9rem}.trade-foot .waiting{align-items:center;gap:10px;font-weight:700;display:flex}.dots i{background:var(--ink);border-radius:50%;width:7px;height:7px;margin-right:3px;animation:1.1s ease-in-out infinite dot;display:inline-block}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.trade-pick{text-align:center}.trade-partners{flex-wrap:wrap;justify-content:center;gap:12px;padding:6px 0 10px;display:flex}.partner{flex-direction:column;align-items:center;gap:2px;min-width:124px;padding:12px 14px 10px;display:flex}.partner strong{margin-top:6px}
