/* Shared illustrated fronts for the reveal and the persistent last-card viewer. */
.welcome .actionbar{display:none}
.welcome-guide{position:absolute;bottom:0;left:0;width:1672px;height:103px;display:grid;grid-template-columns:346px 1fr;direction:rtl;background:linear-gradient(0deg,#06251d,#103b2c);border-top:1px solid #c6aa6566;box-shadow:0 -5px 22px #0003;pointer-events:auto;color:#ecdfb1}
.welcome-guide ol{list-style:none;display:flex;align-items:center;justify-content:space-evenly;gap:24px;margin:0;padding:12px 35px}.welcome-guide li{display:flex;align-items:center;gap:16px;min-width:0}.welcome-guide b{display:block;font:700 22px/34px 'Noto Arabic',sans-serif}.welcome-guide small{display:block;font:400 13px/23px 'Noto Arabic',sans-serif;color:#b4cbb4;white-space:nowrap}.guide-step-icon{width:53px;height:53px;display:grid;place-items:center;flex-shrink:0;border:1px solid #bda66577;border-radius:15px;background:linear-gradient(145deg,#31533a,#143e2b);box-shadow:0 3px 0 #001b1366;transform:rotate(-5deg)}.guide-step-icon .icon{width:29px;height:29px;color:#edd185;transform:rotate(5deg)}
.welcome-guide-link{display:flex;align-items:center;justify-content:center;border-left:1px solid #a9a87933;padding:16px}.welcome-guide-link button{display:flex;align-items:center;gap:14px;width:100%;justify-content:center;border:1px solid #aeb47766;border-radius:12px;background:#173e2b;color:#f5e4aa;padding:9px 15px;font:700 19px/29px 'Noto Arabic',sans-serif;cursor:pointer}.welcome-guide-link button>.icon{width:25px;height:25px}.welcome-guide-link button>.icon:last-child{width:19px;margin-right:12px}.welcome-guide-link button:hover{background:#245136;border-color:#e6cd86}.welcome-guide-link button:focus-visible{outline:3px solid #f8d77f;outline-offset:3px}
.card-reward{width:418px;height:542px;top:126px}
.card-front{padding:16px 19px 12px}
.card-heading{gap:12px}.card-heading h2{font-size:23px;line-height:1.6}.card-heading .card-edition{font:500 12px/20px 'Noto Arabic',sans-serif;letter-spacing:0;color:#796346}.card-heading .card-emblem{width:46px;height:46px;min-height:46px;font-size:34px}
.card-art{width:100%;height:230px;flex-shrink:0;margin-top:12px;border-radius:13px;background-image:url('./assets/card-stories-v1.png');background-size:200% 300%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;border:1px solid #b49a6355;box-shadow:0 3px 9px #60461c25}
.card-copy{padding:7px 0}.card-front .card-copy p{font-size:21px;line-height:1.8;padding:6px 0}.repair-cost{margin:3px 0;padding:4px 11px;font-size:15px}.repair-cost strong{font-size:21px;line-height:34px}.card-front footer{font-size:11px;padding-top:7px;line-height:20px}
.illustrated-card{padding:0;margin:0;background:none;border:0}.illustrated-card .card-front{position:relative;min-height:500px;border-radius:16px;color:#183f30}.illustrated-card .card-copy{min-height:125px}.illustrated-card .card-art{height:220px}
.modal{font-family:'Noto Arabic',sans-serif}.modal-heading h2{font-family:inherit;font-size:24px;font-weight:700}.modal.wide{width:850px}.modal .button{font-family:inherit;font-size:14px}.modal .button:disabled{opacity:.42;cursor:not-allowed}.modal .button:focus-visible,.guide-button:focus-visible{outline:3px solid #f8d77f;outline-offset:3px}
.portfolio-summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.portfolio-summary strong{font-size:25px;white-space:nowrap}.portfolio-summary>span{font-size:13px}.portfolio-tip{padding:12px 15px;border:1px solid #829e6866;background:#163d2b;border-radius:12px;color:#cbd7b9;font-size:13px;line-height:1.9;margin-bottom:19px}
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.deed{border:1px solid #7a946652;border-top:6px solid var(--property);border-radius:13px;padding:14px;background:linear-gradient(135deg,#1d4835,#0a2d23);min-width:0}.deed header{display:flex;align-items:center;justify-content:space-between;gap:8px}.deed h3{font:700 20px/1.5 'Noto Arabic',sans-serif;margin:0;color:#f4e5b8}.deed-group{font-size:10px;color:#b8cbae;white-space:nowrap;background:#05251b66;border-radius:15px;padding:4px 8px}.deed-group.complete{color:#cced9f;border:1px solid #9bc86e66}
.deed-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.deed-stats>div{padding:8px 10px;background:#08251e77;border-radius:9px;min-width:0}.deed-stats span{display:block;font-size:11px;color:#a8c4ad}.deed-stats strong{display:block;font-size:17px;line-height:29px;color:#f2e5c3;white-space:nowrap}
.building-track{display:flex;gap:5px;margin:12px 0}.building-track i{font-style:normal;display:grid;place-items:center;height:25px;flex:1;border:1px solid #5f7d5955;border-radius:5px;background:#05271e;color:#93ab91;font-size:11px}.building-track i.built{background:#d3c387;color:#173729;border-color:#f3daa2}
.deed .asset-actions{display:flex;gap:8px}.deed .asset-actions .button{display:flex;flex-direction:column;gap:3px;flex:1;padding:8px 5px;font-size:13px;min-width:0;border-radius:9px}.deed .asset-actions small{font-size:11px;white-space:nowrap}.deed .asset-hint{font-size:11px;line-height:1.9;color:#bfcfaf;margin:7px 0;min-height:20px}.mortgage-control{border-top:1px solid #79986133;padding-top:8px;margin-top:9px}.mortgage-control .button{width:100%;font-size:12px;padding:8px;border:1px solid #66896666;border-radius:8px}
.bottom-nav .guide-button{width:66px;min-width:66px;border-color:#a2945866;color:#e4d59e;background:#213c2b}.bottom-nav{gap:9px;right:18px}
.step-guide{padding:17px;background:#eaddb5;border:1px solid #ffe5a3;border-radius:14px;color:#1d4030;margin-bottom:15px}.step-guide h3{font-size:22px;margin:0 0 10px}.step-guide p{font-size:15px;line-height:1.95;margin:0}.guide-facts article{padding:11px 0;border-bottom:1px solid #a2b48033}.guide-facts b{font-size:15px;color:#f1dfae}.guide-facts p{font-size:13px;line-height:1.9;color:#bad1b9;margin:5px 0 0}.guide-facts{margin-bottom:17px}
.activity .section-heading{display:flex;justify-content:space-between;gap:8px}.history-button{font:11px 'Noto Arabic',sans-serif;color:#e9d499;border:0;background:none;padding:3px 0;cursor:pointer}.history-list{padding:0;list-style:none}.history-list li{border-right:2px solid #d6c07577;padding:0 12px 14px;margin-bottom:9px;color:#d8e3c9;line-height:1.9;font-size:14px}.history-list time{display:block;font:11px Roboto,sans-serif;color:#92b29e}
.winner-panel{text-align:center;padding:10px 0 20px}.winner-panel .character-portrait{width:125px;height:125px;margin:0 auto;display:block}.winner-panel h3{font-size:30px;color:#eed087;margin:8px 0}.winner-panel p{color:#c7d7b9;font-size:15px;line-height:1.8}.winner-panel .icon{width:45px;height:45px;color:#e9c777}
.trade-properties .checkbox{align-items:flex-start;line-height:1.7;font-size:13px}.trade-properties .checkbox small{font-size:10px;color:#d5c289}.trade-properties .checkbox:has(input:disabled){opacity:.55}.trade-columns input[type=number]{direction:ltr;text-align:right}.trade-columns{gap:18px}.trade-columns>div{min-width:0}.trade-columns h3{font-size:17px}
@media(max-width:620px){.portfolio-grid{grid-template-columns:1fr}.portfolio-summary{align-items:flex-start;flex-direction:column}.trade-columns{grid-template-columns:1fr}.modal{padding:18px}.card-art{max-width:100%}}
.invite-welcome .invite-code-panel{margin:22px 0;padding:12px 18px 15px;border:1px solid #aa9252;border-radius:14px;background:linear-gradient(135deg,#194c3c,#082e25);text-align:center;box-shadow:0 5px 0 #031f19}
.invite-welcome .invite-code-panel label{display:block;text-align:center;color:#d9c484;font-size:12px;margin:0 0 3px}
.invite-welcome .invite-code-panel input{display:block;width:100%;min-width:0;padding:0;height:60px;border:0;background:transparent;box-shadow:none;text-align:center;font:700 42px/1.4 monospace;letter-spacing:5px;color:#fff0c1}
.invite-welcome .invite-code-panel input:focus-visible{outline:2px solid #e5c774;outline-offset:4px}
.invite-welcome .button{margin-top:14px;gap:14px}
.invite-welcome .invite-error{color:#ffc5b6;font-size:14px;line-height:1.8;margin:14px 0 0;overflow-wrap:anywhere}
.invite-welcome h2{font-size:42px}
.trade-notices[hidden]{display:none}
.lobby-options{margin:7px 5px 15px;padding:12px;border:1px solid #ad9857;border-radius:13px;background:linear-gradient(130deg,#164331,#092d23);color:#f5e6b6;direction:rtl}.lobby-options header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.lobby-options h2{margin:0;font:700 19px/1.5 'Noto Arabic',sans-serif}.lobby-options header span{font-size:10px;color:#cbce99;background:#294c34;padding:3px 7px;border-radius:8px;white-space:nowrap}.lobby-option{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.lobby-option label{margin:0;font-size:12px;line-height:1.8}.lobby-option select{width:144px;max-width:52%;min-height:42px;flex-shrink:0;background:#05291f;border:1px solid #80915a;border-radius:9px;padding:5px 8px;color:#ffedb5;font:700 15px 'Noto Arabic',sans-serif}.lobby-option strong{font-size:14px;white-space:nowrap}.lobby-options p{font:400 10px/1.9 'Noto Arabic',sans-serif;color:#bdcdb0;margin:9px 0 0}.lobby-screen .roster{min-height:0;max-height:300px;overflow-y:auto}
@media(max-width:1000px){.lobby-options{margin:0 0 15px;padding:13px}.lobby-option select{font-size:16px;min-height:46px}.lobby-option label{font-size:13px}.lobby-options p{font-size:11px}.lobby-screen .roster{overflow-y:hidden}}
.starting-cash{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 6px;padding:10px 12px;border:1px solid #7c895c;border-radius:12px;background:#123c2d;color:#eddfb7;font-size:12px}.starting-cash label{margin:0;min-width:0}.starting-cash select{width:150px;max-width:54%;padding:8px;border:1px solid #a59158;border-radius:8px;background:#092c21;color:#fff0c3;font:700 15px 'Noto Arabic',sans-serif}.starting-cash strong{white-space:nowrap}
.property-card{height:auto}.rent-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid #b4ad8d;background:#c9c09b;color:#163e2c}.rent-comparison>div{padding:5px 4px;text-align:center;background:#eee7cf;min-width:0}.rent-comparison span{display:block;font:400 11px/17px 'Noto Arabic',sans-serif}.rent-comparison b{display:block;font:700 13px/22px 'Noto Arabic',sans-serif;white-space:nowrap}.owner-character{display:inline-block;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid #123b2c;background-color:#fff4;overflow:hidden}
.in-room:not(.lobby-screen) .roster{min-height:0;max-height:400px;overflow-y:auto}.in-room .sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7c895c #05291f}.lobby-screen .invite-card{margin-top:10px;padding-top:10px}.history-list{overflow-wrap:anywhere}.property-numbers>span{overflow-wrap:anywhere}
.modal-backdrop.trade-panel,.modal-backdrop.property-popover{background:transparent;backdrop-filter:none;pointer-events:none;padding:0;display:block}.modal-backdrop.trade-panel .modal,.modal-backdrop.property-popover .modal{position:fixed;pointer-events:auto;margin:0;box-shadow:0 15px 50px #0009;border:1px solid #b49b5a;background:#082e23}.modal-backdrop.trade-panel .modal{left:16px;top:76px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 200px);padding:18px}.trade-panel .trade-columns{grid-template-columns:1fr;gap:12px}.trade-panel .trade-properties{max-height:145px;overflow-y:auto}.modal-backdrop.trade-panel .modal-heading h2{font-size:22px}.modal-backdrop.trade-panel .modal-heading{margin-bottom:14px}.modal-backdrop.trade-panel .modal-actions .button{min-width:0;flex:1}.trade-panel .trade-summary strong{font-size:15px;line-height:1.9}.trade-tabs{display:flex;gap:7px;margin-bottom:16px}.trade-tabs button{flex:1;padding:9px;border:1px solid #647951;border-radius:10px;background:#113c2a;color:#d2dbc3;font:700 14px 'Noto Arabic',sans-serif}.trade-tabs [aria-selected=true]{background:#ddc274;color:#123124;border-color:#f7e6ac}.trade-state{font-size:12px;color:#edd582}.trade-summary{display:grid;gap:9px;margin:10px 0 15px}.trade-summary>div{padding:10px;border:1px solid #4a7050;border-radius:9px;background:#0c3727;overflow-wrap:anywhere}.trade-summary small,.trade-summary strong{display:block}.trade-summary small{color:#aabea9;font-size:12px}.trade-hint{font-size:12px;line-height:1.8;color:#b9c7ad}.trade-history article{border-bottom:1px solid #55744d;padding:10px 0}.trade-history header{display:flex;justify-content:space-between;color:#e8dba8;font-size:13px}.trade-history time{color:#aabea9;font-size:11px}.trade-notices{position:fixed;z-index:35;left:16px;top:74px;width:280px;max-width:calc(100vw - 32px);pointer-events:none;display:grid;gap:10px;direction:rtl}.trade-notice{pointer-events:auto;border:1px solid #cfb769;border-right:5px solid #ddc274;background:#093324f5;box-shadow:0 8px 25px #0007;border-radius:12px;padding:12px 15px;color:#f3e3b7;font:14px/1.8 'Noto Arabic',sans-serif}.trade-notice p{font-size:12px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere;max-height:82px;overflow:auto}.trade-notice button{color:#eed68d;border:0;background:none;font:700 12px 'Noto Arabic',sans-serif;cursor:pointer}.trade-notice .notice-close{float:left;font-size:21px;padding:0 5px}.modal-backdrop.property-popover .modal{max-height:calc(100dvh - 90px);padding:12px}.modal-backdrop.property-popover .modal-heading{margin-bottom:8px;padding-bottom:8px}.modal-backdrop.property-popover .modal-heading h2{font-size:19px}.property-popover .property-card{margin:0}.property-popover .property-title{display:none}.property-card[role=button]{cursor:pointer}.property-card[role=button]:focus-visible{outline:3px solid #f1d58b;outline-offset:3px}
@media(max-width:1000px){.in-room:not(.lobby-screen) .roster{overflow-y:hidden}.starting-cash{min-height:52px}.modal-backdrop.trade-panel .modal{top:70px;max-height:calc(100dvh - 200px)}.trade-notices{top:68px;left:10px;width:255px}.modal-backdrop.property-popover .modal{max-height:calc(100dvh - 90px)}}