.sim-intro{display:grid;grid-template-columns:1fr 1.1fr;background:var(--ink);color:var(--cream);margin-bottom:28px;overflow:hidden}.sim-intro>div{padding:44px 40px}.sim-intro h1{font-size:clamp(30px,3.3vw,48px);margin-bottom:22px}.sim-intro .eyebrow{color:#dfba7b}.sim-intro p:not(.eyebrow){font-size:15px;color:#dccbd0}.sim-intro img{width:100%;height:100%;object-fit:cover;min-height:360px}.sim-facts{display:flex;gap:10px;margin-top:28px;font-size:12px}.sim-facts span{border:1px solid #73525e;padding:5px 12px;border-radius:25px}.sim-setup{padding:28px 32px}.sim-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.sim-tabs button{border:0;background:transparent;color:var(--muted);font-size:15px;padding:10px 18px}.sim-tabs button.selected{background:var(--ink);color:white}.sim-setup-fields{display:flex;gap:22px;flex-wrap:wrap}.sim-setup-fields label{display:flex;flex:1;flex-direction:column;gap:8px;font-size:13px;min-width:160px}.sim-setup input,.sim-setup select{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:0;color:var(--ink)}.sim-start-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.sim-start-row p{font-size:14px;margin:0}.sim-start-row .button{flex-shrink:0}.sim-online-options{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.sim-online-options h2{font-size:22px}.sim-online-options p{font-size:14px;color:var(--muted)}.sim-join{display:flex;gap:8px}.sim-join input{min-width:0;text-transform:uppercase;letter-spacing:3px}.sim-join button{flex-shrink:0}.sim-lobby{text-align:center;padding:40px}.room-code{display:block;font-family:Georgia,serif;font-size:clamp(30px,6vw,58px);letter-spacing:8px;color:var(--wine);margin-bottom:20px}.sim-lobby>.inline-buttons{justify-content:center}.sim-lobby-members{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:36px 0}.sim-lobby-members>div{display:flex;flex-direction:column;align-items:center;gap:8px}.sim-lobby-members>div>span:last-child{font-size:12px;color:var(--muted)}.sim-game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.sim-game-heading h1{font-size:34px;margin-bottom:0}.sim-game-heading h1 span{font-size:23px;color:var(--muted);font-weight:400}.sim-game-heading p:last-child{font-size:13px;color:var(--muted);margin:4px 0 0}.sim-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sim-controls .button{font-size:12px;padding:8px 12px;gap:8px;min-height:38px}.sim-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sim-seats:has(>:last-child:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.sim-seat{background:var(--paper);border:1px solid var(--line);padding:17px;min-width:0}.sim-seat.mine{border-bottom:3px solid var(--wine)}.sim-seat.acting{outline:2px solid var(--gold);outline-offset:2px}.sim-seat.supporting{background:#ece6e0}.sim-seat-top{display:flex;gap:9px;align-items:center}.sim-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--character);color:white;font-family:Georgia,serif;font-size:24px}.sim-seat-top>div:nth-child(2){min-width:0;flex:1}.sim-seat-top>div>strong{display:block;font-size:16px;white-space:nowrap}.sim-seat-top>div>strong small{background:#efe1e5;color:var(--wine);font-size:10px;padding:2px 4px}.sim-seat-top>div>span{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.sim-tokens{text-align:right}.sim-tokens strong{font-family:Georgia,serif;font-size:29px!important;line-height:1.2}.sim-tokens small{display:block;font-size:9px;color:var(--muted)}.sim-submission{height:117px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 0 12px;text-align:center;padding:10px;gap:4px}.sim-submission.concealed{color:#eacb98;background:repeating-linear-gradient(45deg,#311b26,#311b26 6px,#38212c 6px,#38212c 7px);border:5px double #8a654e}.sim-submission>span{font-size:10px;letter-spacing:1px}.sim-submission>strong{font-family:var(--serif);font-size:16px}.sim-submission.concealed>strong{font-size:28px}.sim-submission>small{font-size:10px;color:var(--muted)}.sim-submission.revealed{background:#eee7dc;border:1px solid #d2baa0}.sim-seat-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted);min-height:32px}.sim-seat-bottom .button{font-size:11px;min-height:32px;padding:5px 8px}.sim-phase{background:#e9e0d8;text-align:center;font-size:13px;padding:9px;margin:20px 0 0}.sim-play-area{display:grid;grid-template-columns:1fr 270px;gap:20px;margin-top:16px}.sim-decision{padding:28px;background:var(--paper);border:1px solid var(--line);height:100%}.sim-decision h2{font-size:24px}.sim-decision p{font-size:14px}.sim-decision p:last-child{margin-bottom:0}.sim-choices{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.sim-choices .button{gap:8px;font-size:13px}.sim-reminder{padding:22px 24px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.sim-reminder h3{font-size:15px;color:var(--ink)}.sim-reminder a{color:var(--wine)}.sim-verdict{background:var(--ink);color:var(--cream);padding:28px}.sim-verdict .eyebrow{color:#e8c589}.sim-verdict h2{font-size:27px}.sim-verdict h2>span{font-family:Georgia,serif;font-size:18px;color:#bd9da7;margin:0 10px;font-weight:400}.sim-verdict p{font-size:13px;color:#ddcdd2;margin-bottom:8px}.sim-verdict .button{margin-top:10px}.sim-reveal-pair{display:flex;align-items:center;gap:18px;border-top:1px solid #694752;border-bottom:1px solid #694752;padding:18px 0;margin:20px 0}.sim-reveal-pair>div{flex:1}.sim-reveal-pair strong{display:block;font-family:var(--serif);font-size:18px}.sim-reveal-pair span{font-size:11px;color:#d6b482}.sim-deltas{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.sim-deltas span{font-size:14px}.sim-deltas b{font-size:24px;font-family:Georgia,serif;color:#e8c589;padding-left:8px}.sim-perform blockquote{font-size:27px;margin:12px 0 22px}.sim-hand{margin-top:32px}.sim-hand h2{font-size:23px;margin-bottom:18px}.sim-hand .eyebrow{margin-bottom:3px}.sim-hand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.sim-card{display:flex;flex-direction:column;min-height:250px;padding:15px;text-align:left;border:1px solid #d0c3b6;background:var(--paper);color:var(--ink);box-shadow:0 3px 0 #ded4c9;position:relative;transition:transform .15s,border-color .15s}.sim-card:not(:disabled):hover{transform:translateY(-5px);border-color:var(--wine)}.sim-card.selected{outline:2px solid var(--wine);transform:translateY(-5px);background:#fff5f3}.sim-card.special{background:#eee6d7;border-color:#bb9a62}.sim-card:disabled{opacity:.82;cursor:default}.sim-card-kind{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted);width:100%}.sim-card-kind b{font-size:13px;color:var(--wine)}.sim-card-mark{font-family:Georgia,serif;font-size:35px;align-self:center;color:var(--gold);margin:8px 0 10px}.sim-card>strong{font-family:var(--serif);font-size:17px;line-height:1.6;margin-bottom:12px;word-break:keep-all}.sim-card>small{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:18px}.sim-card-base{display:block;font-size:10px;border-top:1px solid var(--line);padding-top:8px;margin-top:auto;width:100%;color:var(--wine)}.sim-confirm{display:flex;align-items:center;justify-content:space-between;background:#ebe2da;padding:16px 22px;margin-top:20px;gap:16px;font-size:13px}.sim-submitted{font-size:13px;color:var(--wine);background:#eee3e5;padding:12px}.sim-log{margin-top:32px}.sim-log li>span{font-family:Georgia,serif;color:var(--gold);padding-right:8px}.sim-ranking{list-style:none;padding:0;max-width:450px}.sim-ranking li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #694752;font-size:14px}.sim-ranking strong{padding-left:12px}.sim-notice{display:flex;align-items:center;justify-content:space-between;gap:16px}.sim-notice>button{border:0;background:transparent;font-size:25px;color:var(--wine)}
@media(max-width:1050px){.sim-seats:has(>:last-child:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.sim-play-area{grid-template-columns:1fr 220px}.sim-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sim-intro>div{padding:30px}.sim-seat{padding:14px}.sim-game-heading{align-items:start}}
@media(max-width:680px){.sim-intro{grid-template-columns:1fr}.sim-intro>div{padding:27px}.sim-intro h1{font-size:32px}.sim-intro img{min-height:0;max-height:210px;object-position:center 32%}.sim-intro p:not(.eyebrow){font-size:13px}.sim-facts{margin-top:20px}.sim-setup{padding:20px 16px}.sim-tabs{gap:3px}.sim-tabs button{padding:10px 8px;font-size:12px;flex:1;white-space:nowrap}.sim-setup-fields{gap:12px}.sim-setup-fields label{min-width:120px;font-size:12px}.sim-setup select{font-size:13px}.sim-start-row{flex-direction:column;align-items:stretch;gap:16px;margin-top:22px}.sim-online-options{grid-template-columns:1fr;gap:22px}.sim-online-options>div+div{border-top:1px solid var(--line);padding-top:22px}.sim-game-heading{flex-direction:column;gap:16px}.sim-controls{justify-content:flex-start;gap:6px}.sim-controls .button{font-size:11px;padding:7px 10px}.sim-game-heading h1{font-size:28px}.sim-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sim-seat{padding:10px}.sim-avatar{width:26px;height:26px;font-size:19px}.sim-seat-top{gap:5px;flex-wrap:wrap}.sim-seat-top>div>strong{font-size:13px}.sim-seat-top>div>span{font-size:9px}.sim-tokens strong{font-size:24px!important}.sim-tokens small{font-size:8px}.sim-submission{height:102px;margin:10px 0 8px;padding:6px}.sim-submission>strong{font-size:13px}.sim-submission>small{font-size:9px}.sim-seat-bottom{font-size:9px;flex-wrap:wrap}.sim-play-area{grid-template-columns:1fr}.sim-reminder{padding:16px 20px;border:1px solid var(--line)}.sim-reminder p{display:none}.sim-reminder h3{margin-bottom:5px}.sim-reminder .eyebrow{font-size:10px;margin-bottom:6px}.sim-decision,.sim-verdict{padding:22px 18px}.sim-decision h2{font-size:21px}.sim-choices .button{font-size:12px;padding:11px 13px}.sim-hand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sim-card{min-height:240px;padding:13px}.sim-card>strong{font-size:16px}.sim-card>small{font-size:11px}.sim-hand h2{font-size:20px}.sim-hand .pill{font-size:10px}.sim-confirm{padding:14px;flex-direction:column;align-items:stretch;gap:10px}.sim-reveal-pair strong{font-size:15px}.sim-lobby{padding:28px 15px}.room-code{letter-spacing:5px}.sim-lobby-members{gap:22px}}
@media(prefers-reduced-motion:reduce){.sim-card{transition:none}}