@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0c1421;--panel:#142237;--panel2:#1a2c43;--stroke:#304158;--text:#f2f4fb;--muted:#a1aec1;--gold:#f7d391;--mint:#b7e7d4;--orange:#f0a8a0;--soft:#c7cfdf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;overflow-x:hidden;color:var(--text);background:var(--bg);font:14px/1.6 "DM Sans","Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}::selection{color:#0c1421;background:#e7ca88}
.ambient{position:fixed;pointer-events:none;z-index:-2;filter:blur(90px);border-radius:50%;opacity:.3}.ambient-one{width:530px;height:440px;top:-210px;left:-230px;background:#4f658b}.ambient-two{width:470px;height:460px;top:30vh;right:-240px;background:#735b55}
.shell{max-width:1180px;padding:0 28px;margin:auto}.topbar{height:79px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:16px}.back-link{font-weight:800;letter-spacing:.08em;color:#aebbd0;font-size:11px}.back-link:hover{color:var(--gold)}.wordmark{display:flex;gap:2px;align-items:center;font:900 21px Outfit,sans-serif;letter-spacing:.06em}.wordmark>span:last-child{color:var(--gold)}.wordmark-mark{display:grid;place-items:center;margin-right:9px;width:31px;height:31px;border:1px solid #f7d3917b;border-radius:9px;background:#f7d39117;color:var(--gold);font-size:28px}.help-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--stroke);background:var(--panel);color:var(--gold);font-weight:900}.help-button:hover{border-color:var(--gold)}
.screen{min-height:calc(100vh - 145px)}.eyebrow{font:800 11px/1.4 Outfit,sans-serif;letter-spacing:.17em;color:var(--gold)}.indicator{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:2px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f7d39114}.lobby{padding:58px 0 48px}.lobby-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.lobby h1{font:900 clamp(43px,5.6vw,74px)/1.15 Outfit,"Malgun Gothic",sans-serif;letter-spacing:-.06em;margin:18px 0 23px;word-break:keep-all}.lobby h1 em{font-style:normal;color:var(--gold)}.lead{max-width:495px;font-size:15px;line-height:1.85;color:#b0bfd2;word-break:keep-all}.lead strong{color:#f1e6cf}.lobby-actions{display:grid;gap:10px;margin:29px 0 17px;max-width:500px}.mode-card{width:100%;border:1px solid #3a4b61;border-radius:15px;background:#192a41;color:var(--text);padding:13px 17px;display:flex;align-items:center;text-align:left;gap:13px;min-height:75px;transition:transform .17s,border-color .17s,background .17s}.mode-card:hover{transform:translateY(-2px);background:#23374e;border-color:#a9b4a4}.mode-card.primary{border-color:#dec28b83;background:linear-gradient(110deg,#3a3440,#273847)}.mode-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff0b;color:var(--gold);font-size:24px;flex:none}.mode-card>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.mode-card strong{font:900 16px Outfit,"Malgun Gothic",sans-serif}.mode-card small{color:#9fadc0;font-size:11px;margin-top:2px;overflow-wrap:anywhere}.action-arrow{font-size:24px;color:var(--gold)}.resume-card{border:1px dashed #819eb4;background:#172c3e;border-radius:11px;color:#d8f1ec;padding:13px;text-align:left;font-size:12px;font-weight:750}.resume-card span{float:right;color:#a5bfc6}.resume-card:hover{border-color:var(--mint)}
.settings-row{max-width:500px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.settings-row label{font-size:11px;color:#bac6d5;font-weight:800}.settings-row select{appearance:none;width:100%;margin-top:6px;padding:10px 30px 10px 12px;color:#e7eaf2;background:#182a40;border:1px solid #3e5369;border-radius:9px;font-size:11px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#d0c3a5 50%),linear-gradient(135deg,#d0c3a5 50%,transparent 50%);background-position:calc(100% - 16px) 48%,calc(100% - 11px) 48%;background-size:5px 5px;background-repeat:no-repeat}.saved-note{font-size:11px;color:#899aae;margin-top:12px}.lobby-visual{height:480px;position:relative;border-radius:30px;overflow:hidden;border:1px solid #ffffff15;background:radial-gradient(ellipse at 48% 43%,#33405a 0,#18283c 54%,#111e30 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.lobby-visual:before,.lobby-visual:after{content:"";position:absolute;inset:36px;border:1px solid #ffffff0e;border-radius:50%;transform:rotate(-32deg) scaleY(.56);z-index:-1}.lobby-visual:after{transform:rotate(50deg) scaleY(.64)}.visual-label{position:absolute;top:25px;left:25px;right:25px;display:flex;align-items:center;gap:8px;justify-content:space-between;color:#b9c0d3;font:800 10px Outfit;letter-spacing:.14em}.visual-label .dot{width:6px;height:6px;border-radius:50%;background:#f0bd7e}.visual-label span:last-child{margin-left:auto;color:var(--gold)}.visual-card{width:231px;height:281px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:21px 13px 18px;border-radius:21px;border:2px solid #e8c18f;outline:7px solid #6c576333;background:linear-gradient(155deg,#f6d4a0,#f4bba4);box-shadow:0 28px 45px #0008;transform:rotate(-8deg)}.visual-top,.visual-bottom{font:800 10px Outfit;letter-spacing:.16em;color:#72575a}.visual-card strong{font:900 100px/1 Outfit;color:#453747;letter-spacing:-.1em}.visual-tokens{position:absolute;right:40px;bottom:66px;display:flex;align-items:center;flex-wrap:wrap;max-width:200px;justify-content:center;gap:0;transform:rotate(6deg)}.coin{display:grid;place-items:center;width:33px;height:33px;margin-right:-8px;border:2px solid #f9df9f;border-radius:50%;background:linear-gradient(155deg,#f4d68f,#a77b47);box-shadow:0 3px 9px #0006;color:#63451b;font-size:19px}.visual-tokens small{font:900 11px Outfit;color:#efdfbc;margin:0 0 0 11px;white-space:nowrap}.visual-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;letter-spacing:.18em;font:800 10px Outfit;color:#8a9bb3}.lobby-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:23px 0;margin-top:42px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.lobby-footer>div{display:grid;gap:2px;padding:0 17px;border-right:1px solid #ffffff1b}.lobby-footer>div:last-child{border:0}.lobby-footer small{font:800 10px Outfit;letter-spacing:.12em;color:#95a4b9}.lobby-footer strong{font:800 16px Outfit,"Malgun Gothic",sans-serif;color:#eae2d2;letter-spacing:-.03em}
.arena{padding:29px 0 55px}.arena-header{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}.arena-heading h1{font:900 28px Outfit,"Malgun Gothic",sans-serif;letter-spacing:-.04em;margin:6px 0 0}.seed-code{font:700 10px Outfit;letter-spacing:.06em;color:#7f92ab;margin:0;overflow-wrap:anywhere}.arena-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.round-pill{border:1px solid #bda67b5e;border-radius:25px;padding:9px 13px;font:900 12px Outfit;color:var(--gold);letter-spacing:.05em;background:#f7d3910a}.small-ghost{border:1px solid var(--stroke);border-radius:9px;background:#192b3d;color:#becddd;padding:10px 14px;font-size:11px;font-weight:800}.small-ghost:hover{background:#263b4d}.arena-progress{height:4px;overflow:hidden;border-radius:5px;background:#263747;margin-bottom:18px}.arena-progress>div{height:100%;width:0;background:linear-gradient(90deg,#bdcea2,#f5d39d);transition:width .26s}.arena-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:start;gap:18px}.auction-panel,.table-panel,.history-panel{border:1px solid #34465c;border-radius:20px;background:linear-gradient(155deg,#1a2b40,#142236);box-shadow:0 22px 55px #020a1542}.auction-panel{padding:19px}.lot-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#bdc8d6;font:800 10px Outfit;letter-spacing:.12em}.lot-toolbar>span:last-child{color:#96a7bf;font-size:10px}.auction-stage{min-height:322px;position:relative;display:flex;align-items:center;justify-content:center;margin:13px 0 10px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 42% 50%,#30415a,#192a3b 72%);border:1px solid #344558}.auction-stage:before{content:"";position:absolute;width:360px;height:360px;border:1px dashed #e4d5ac24;border-radius:50%;transform:scaleY(.49) rotate(-20deg)}.card-shadow{position:absolute;width:194px;height:244px;border:1px solid #aeb4c04a;border-radius:15px;transform:translate(10px,10px) rotate(6deg);background:#20344b}.auction-card{width:194px;height:244px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 8px 13px;border-radius:15px;border:2px solid #fff2cf;outline:6px solid #fff3c515;background:linear-gradient(155deg,#f8deb5,#edb9a4 75%);color:#4b3941;box-shadow:0 21px 32px #07111eb5;transform:rotate(-4deg)}.auction-card small{font:850 9px Outfit;letter-spacing:.16em}.auction-card strong{font:900 77px/.95 Outfit;letter-spacing:-.1em;padding-right:8px}.auction-card>span{font:800 9px Outfit;letter-spacing:.13em;opacity:.7}.pot-area{position:absolute;right:17px;bottom:18px;z-index:2;min-width:118px;padding:12px 12px 8px;text-align:center;border:1px solid #aeb7aa5c;background:#102438e8;border-radius:13px;box-shadow:0 9px 24px #05101b7a}.pot-label{font-size:10px;color:#a8b9c6}.pot-area strong{display:block;font:900 30px Outfit;color:var(--gold);font-variant-numeric:tabular-nums}.pot-area strong span{font-size:10px}.pot-area p{font-size:10px;color:#c8c9f3;margin:0}.chip-line{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:140px;margin-top:4px}.chip-pip{width:10px;height:10px;border-radius:50%;background:#dcb980;border:1px solid #f1d5a2;box-shadow:inset 0 0 0 2px #ad8243}.chip-more{color:#e7cca2;font:800 9px Outfit}.turn-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px;border:1px solid #466278;border-radius:11px;background:#203c4c}.turn-bulb{width:9px;height:9px;border-radius:50%;background:#b4e1c4;box-shadow:0 0 0 4px #b4e1c417}.turn-strip>span:nth-child(2){font:800 12px Outfit,"Malgun Gothic"}.turn-strip small{color:#b2c3cc;margin-left:auto;font-size:10px}.turn-strip.waiting .turn-bulb{background:#d8b5a4}.decision-panel{padding:17px 0 0}.decision-reading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.decision-reading>span{font-size:11px;color:#aebed0}.decision-reading strong{font:900 27px Outfit;color:var(--orange)}.decision-reading strong.positive{color:var(--mint)}.decision-reading small{margin-left:auto;color:#98aabb;font-size:10px;max-width:225px;text-align:right}.decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.take-btn,.pass-btn{min-height:76px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border-radius:12px;padding:11px 8px;transition:filter .17s,transform .17s}.take-btn{border:1px solid #f5e9c4;background:linear-gradient(125deg,#ebcd94,#dcb486);color:#473729}.pass-btn{border:1px solid #68899a;background:#29485b;color:#e2f5f2}.take-btn:hover:not(:disabled),.pass-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.decision-buttons span{font:900 17px Outfit,"Malgun Gothic"}.decision-buttons small{font-size:10px;font-weight:700}.decision-buttons kbd{display:inline-block;border:1px solid currentColor;border-radius:3px;opacity:.65;font:700 9px Outfit;padding:1px 4px}.live-message{min-height:21px;font-size:11px;color:#d2bd91;margin:12px 0 0;word-break:keep-all}
.table-panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{font:900 21px Outfit,"Malgun Gothic";margin:4px 0 0}.tiny-label,.panel-heading>span:last-child{font:800 10px Outfit;color:#97a9bd;letter-spacing:.06em}.players-list{display:grid;gap:9px}.player-card{border:1px solid #34465c;border-radius:13px;background:#152437;padding:12px;transition:border-color .15s,background .15s}.player-card.is-current{border-color:#dbca93;background:#243443}.player-card.is-you{border-left:3px solid #a7dcbf}.player-top{display:flex;align-items:center;gap:9px;justify-content:space-between}.player-name{display:flex;gap:9px;align-items:center;font:900 13px Outfit,"Malgun Gothic"}.player-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d1cbbe3d;border-radius:10px;background:#2c4057;color:#ecdbbb;font:900 13px Outfit}.player-score{font:900 22px Outfit;color:#f6e3c4;font-variant-numeric:tabular-nums}.player-details{display:flex;align-items:center;gap:13px;margin:7px 0 8px 38px;color:#aab8c8;font-size:10px}.player-details strong{color:#e7efe7}.player-cards{display:flex;flex-wrap:wrap;gap:5px;min-height:23px}.mini-card{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:27px;padding:0 6px;border-radius:6px;border:1px solid #ab8091;color:#f8d5d7;background:#6e4051;font:800 11px Outfit;font-variant-numeric:tabular-nums}.mini-card.is-ignored{border-color:#53677c;background:#25394a;color:#8298a9;text-decoration:line-through}.no-cards{color:#7c91a6;font-size:10px}.score-tip{border-top:1px solid #ffffff19;margin-top:15px;padding-top:14px}.score-tip strong{font-size:12px;color:var(--mint)}.score-tip p{font-size:11px;line-height:1.7;color:#9baec3;margin:4px 0 0;word-break:keep-all}
.history-panel{margin-top:18px;padding:20px 22px}.history-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 13px;border:1px solid #ffffff17;border-radius:9px;background:#152539;font-size:11px;color:#bdc9d6}.history-list li strong{font-weight:900;color:#ead2a2}.history-list li small{color:#8295aa;white-space:nowrap}.history-list li.empty-log{grid-column:1/-1;justify-content:center;color:#8499aa}
.results{padding:54px 0 70px;text-align:center;min-height:calc(100vh - 145px)}.results-head{margin:12px auto 26px}.trophy-mark{width:64px;height:64px;display:grid;place-items:center;margin:auto;border:1px solid #f1cf96;border-radius:20px;background:#f7d3911f;color:var(--gold);font-size:36px}.results h1{font:900 clamp(27px,5vw,47px) Outfit,"Malgun Gothic";margin:14px 0 7px}.results-head p{color:#aebbc9;margin:0}.results-metrics{max-width:780px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:24px auto 19px}.results-metrics>div{background:#19283b;border:1px solid #33485f;border-radius:14px;display:grid;gap:5px;padding:16px 10px}.results-metrics small{font-size:11px;color:#9daec2}.results-metrics strong{font:900 25px Outfit;color:var(--gold)}.result-list{max-width:780px;margin:0 auto;display:grid;gap:10px}.result-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid #405269;border-radius:15px;background:#1a2a3e;padding:16px}.result-row.is-winner{border-color:#b7b28c;background:#2d343c}.result-row.is-you{box-shadow:inset 3px 0 #a8d5b9}.rank-medal{font:900 24px Outfit;color:#d5bc8a;text-align:center}.result-name{font-weight:900;font-size:14px}.result-name small{display:block;color:#96a7b8;font-weight:500;font-size:10px;margin-top:4px}.result-final{font:900 26px Outfit;color:#f3eadb}.result-summary{margin:22px 0;color:#a3b2c5}.result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.start-again,.result-ghost{border-radius:11px;padding:13px 20px;min-height:48px;font-weight:900}.start-again{border:1px solid #f3d4a4;background:#f3d6a8;color:#3f3640}.result-ghost{border:1px solid #50647a;background:#243950;color:#d7e4ef}
.footer{border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:23px 0 34px;font:800 10px Outfit;letter-spacing:.06em;color:#8395ab}.footer a:hover{color:#e9d0a1}
.modal-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#070d16dd;padding:18px;backdrop-filter:blur(9px)}.rules-modal{width:min(100%,570px);max-height:88vh;overflow:auto;padding:26px;border:1px solid #718396;border-radius:20px;background:#1b2d42;box-shadow:0 25px 65px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-x{display:grid;place-items:center;width:34px;height:34px;border:1px solid #627488;border-radius:50%;background:#1a2c40;color:#f5e9d7;font-size:21px}.rules-modal h2{font:900 27px Outfit,"Malgun Gothic";margin:12px 0 16px}.rules-modal ol{padding-left:22px;margin:0;display:grid;gap:10px;color:#cfdae5;font-size:13px;line-height:1.75}.rules-modal strong{color:#f6dba5}.modal-note{border-top:1px solid #ffffff17;padding-top:14px;margin-top:17px;color:#9aaac2;font-size:11px}.modal-close{width:100%;min-height:47px;border:1px solid #f1d7aa;border-radius:10px;background:#f1d7aa;color:#403830;font-weight:900;margin-top:8px}
@media(max-width:980px){.lobby-grid{gap:17px}.lobby-visual{height:420px}.arena-grid{grid-template-columns:minmax(0,1fr)}.players-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.table-panel{padding:17px}.score-tip{grid-column:1/-1}}
@media(max-width:680px){.shell{padding:0 14px}.topbar{height:64px}.back-link{font-size:10px}.wordmark{font-size:17px}.wordmark-mark{width:28px;height:28px;font-size:25px;margin-right:5px}.lobby{padding:32px 0 30px}.lobby-grid{grid-template-columns:1fr;gap:20px}.lobby h1{font-size:clamp(37px,10vw,52px);margin:13px 0 13px}.lead{font-size:13px;line-height:1.7}.lobby-actions{margin-top:22px}.mode-card{min-height:70px}.settings-row select{font-size:10px}.lobby-visual{height:275px}.visual-card{width:150px;height:192px;border-radius:13px;padding:12px}.visual-card strong{font-size:68px}.visual-card small,.visual-card>span{font-size:7px}.visual-tokens{right:18px;bottom:31px;max-width:145px}.coin{width:25px;height:25px;font-size:13px}.visual-tokens small{font-size:9px}.visual-label{top:13px;left:15px;right:15px}.lobby-footer{grid-template-columns:repeat(2,1fr);margin-top:25px;gap:18px 6px}.lobby-footer>div:nth-child(2){border-right:none}.lobby-footer strong{font-size:14px}.arena{padding:19px 0 35px}.arena-header{align-items:flex-start}.arena-heading h1{font-size:22px}.round-pill{padding:6px 9px;font-size:10px}.small-ghost{padding:6px 8px}.arena-tools{gap:5px}.arena-grid{gap:12px}.auction-panel{padding:12px;border-radius:16px}.auction-stage{min-height:283px;margin-top:10px}.auction-card{width:169px;height:216px}.auction-card strong{font-size:70px}.card-shadow{width:169px;height:216px}.pot-area{right:8px;bottom:8px;min-width:100px;padding:8px 7px}.pot-area strong{font-size:24px}.decision-reading small{margin-left:0;text-align:left}.players-list{grid-template-columns:1fr}.table-panel,.history-panel{padding:15px;border-radius:15px}.history-list{grid-template-columns:1fr}.player-card{padding:11px}.decision-buttons span{font-size:15px}.decision-buttons small{font-size:9px}.decision-buttons kbd{display:none}.result-row{padding:13px;gap:7px}.result-final{font-size:21px}.result-name{font-size:12px}.results-metrics strong{font-size:20px}}
@media(max-width:365px){.settings-row{grid-template-columns:1fr}.wordmark{font-size:15px}.auction-card{transform:rotate(-4deg) translateX(-14px)}.card-shadow{transform:translate(-5px,10px) rotate(5deg)}.pot-area{right:5px}.turn-strip small{width:100%;margin-left:18px}.decision-buttons{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* 2.0: rival identities and readable psychological tells */
.rival-roster{max-width:500px;padding:13px 15px;border:1px solid #5a637b65;border-radius:14px;
 background:linear-gradient(100deg,#212d40ab,#2b344463);margin-top:18px}
.rival-roster .eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 10px;color:#e2d3ad}
.rival-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.rival-pills>span{border:1px solid #64738964;padding:7px 9px;border-radius:9px;background:#17283c;
 display:flex;align-items:center;justify-content:center;gap:5px;color:#edf1f7;font-size:12px;font-weight:800}
.rival-pills b{font:900 18px Outfit;color:#d9d7be;line-height:1}
.rival-pills small{font-size:10px;color:#a4b7c6;white-space:nowrap}
.player-role{font:800 9px Outfit,"Malgun Gothic",sans-serif;color:#b9c6d8;letter-spacing:.035em;
 border:1px solid #7e8da457;border-radius:6px;padding:3px 5px;vertical-align:middle}
.player-card.is-current .player-role{color:#f0d7a1;border-color:#b3a07780}
.rival-tell{margin-top:9px;display:flex;align-items:center;gap:10px;padding:10px 13px;
 border:1px solid #66818b70;border-radius:11px;background:linear-gradient(105deg,#233c4d,#1a2f43);
 color:#c6dce1;font-size:11px;line-height:1.6;min-height:42px;word-break:keep-all}
.rival-tell .tell-icon{font:900 20px Outfit;color:#e8d39d;flex:none}
.small-ghost[aria-pressed="true"]{border-color:#f1dcae;background:#3e4350;color:#f8e1b6}
@media(hover:hover){.decision-buttons button:not(:disabled):active{transform:translateY(1px) scale(.985)}}

/* Results are more than a ranking: 32 replayable lots and a player report. */
.analysis-panel{max-width:880px;margin:25px auto 22px;border:1px solid #48586d;
 background:linear-gradient(160deg,#192c41,#142237);border-radius:18px;
 padding:24px;text-align:left;box-shadow:0 18px 36px #02091138}
.analysis-panel .panel-heading{margin-bottom:17px}
.analysis-panel .panel-heading h2{font-size:24px}
.analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.analysis-metrics>div{display:flex;flex-direction:column;gap:2px;padding:15px 12px;
 min-height:110px;border:1px solid #5a6a7b75;border-radius:12px;background:#152438}
.analysis-metrics small{font-size:10px;color:#9db0c8;font-weight:800}
.analysis-metrics strong{font:900 25px Outfit;color:#e8d5ac;font-variant-numeric:tabular-nums}
.analysis-metrics span{font-size:10px;color:#9bb0bc;line-height:1.4}
.analysis-highlight{border-left:3px solid #bccea8;padding:11px 13px;margin:15px 0 22px;
 background:#bccea80a;color:#c5d9d5;font-size:12px;line-height:1.7;word-break:keep-all}
.replay-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;
 border-top:1px solid #ffffff23;padding-top:17px;margin-top:8px}
.replay-heading h3{font:900 21px Outfit,"Malgun Gothic",sans-serif;margin:3px 0 0}
.replay-heading>span{font:800 11px Outfit;white-space:nowrap;color:#dbc18d}
.replay-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;
 align-items:center;margin:12px 0}
.replay-controls button{border:1px solid #6c7d91;background:#23374e;color:#dfe9f3;
 border-radius:10px;padding:10px 12px;min-width:65px;min-height:44px;font-size:12px;font-weight:800}
.replay-controls button:disabled{opacity:.35}
.replay-controls p{margin:0;padding:12px;border-radius:11px;text-align:center;
 background:#101f31;min-height:48px;color:#d6dddf;font-size:11px;line-height:1.6}
.replay-timeline{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.replay-lot{min-width:0;padding:9px 4px;display:grid;place-items:center;gap:2px;
 border:1px solid #5b6a80;border-radius:9px;background:#1b2e44;color:#d0d9e8;
 transition:border-color .18s,background-color .18s,transform .18s}
.replay-lot small{font:800 9px Outfit;color:#98acc0}
.replay-lot strong{font:900 16px Outfit;white-space:nowrap}
.replay-lot span{font-size:10px}
.replay-lot.is-mine{background:#29493f;border-color:#56947a}
.replay-lot.is-active{outline:2px solid #efd39c;outline-offset:1px;
 background:#514854;color:#fff1d4;transform:translateY(-2px)}
.replay-lot.is-active small{color:#f1dbbd}
.replay-lot:hover{border-color:#d9c59b}
@media(max-width:680px){
 .rival-roster{margin-top:13px}
 .rival-pills{gap:4px}
 .rival-pills>span{padding:6px 4px;gap:3px;font-size:11px}
 .rival-pills small{font-size:9px}
 .rival-tell{font-size:10px}
 .analysis-panel{padding:16px;border-radius:15px}
 .analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .analysis-metrics>div{min-height:100px}
 .replay-heading h3{font-size:18px}
 .replay-controls{grid-template-columns:1fr 1fr;gap:7px}
 .replay-controls p{grid-column:1/-1;grid-row:1}
 .replay-controls button{grid-row:2}
 .replay-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}
 .replay-lot{padding:8px 2px}
}
@media(max-width:365px){
 .rival-pills>span{flex-wrap:wrap}
 .rival-pills small{display:block;width:100%;text-align:center}
 .analysis-metrics strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .replay-lot.is-active{transform:none}
}


/* 2.1 tactical decision support: public data only. */
.offer-analysis{border:1px solid #5c6d816e;background:#101f31b8;
 border-radius:12px;padding:10px 12px;margin-bottom:12px}
.offer-equation{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#adbfcf;font-size:11px}
.offer-equation>span:not(.offer-plus):not(.offer-equals){display:flex;gap:5px;align-items:baseline}
.offer-equation strong{font:900 15px Outfit;white-space:nowrap;color:#f1dab3}
.offer-equation .offer-result{margin-left:auto;color:#e8eff6}
.offer-equation .offer-result strong{color:#b0ebcf;font-size:19px}
.offer-plus,.offer-equals{color:#9db4ba;font-size:14px}
.offer-analysis p{color:#a6c9c4;font-size:11px;line-height:1.5;margin:6px 0 0;word-break:keep-all}
/* Replay captures scores at the actual close of every auction. */
.replay-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
 margin:13px 0 16px;color:#a9b9c7;font-size:12px}
.replay-player{border:1px solid #4a5b70;border-radius:11px;background:#132237;
 min-width:0;padding:10px;display:grid;gap:3px}
.replay-player.is-buyer{border-color:#dfc594;background:#283646}
.replay-player.is-human{box-shadow:inset 3px 0 #a8dcbf}
.replay-player strong{color:#f3e7d2;font:900 23px Outfit;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.replay-name{font-size:11px;font-weight:900;color:#d0d8e4;display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.replay-name>span{color:#ecd6b4;font-size:15px}
.replay-name small{font-size:9px;padding:2px 4px;border-radius:4px;background:#ebc787;color:#2c3445}
.replay-meta{display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:10px;color:#91a5b8;flex-wrap:wrap}
.replay-meta em{font-style:normal;font:900 12px Outfit}
.replay-meta .gain{color:#b2e7c8}
.replay-meta .loss{color:#ffb6b1}
.replay-chart-wrap{border-top:1px solid #ffffff1a;padding:15px 0 14px;margin-top:5px}
.replay-chart-wrap>.eyebrow{font-size:9px;color:#aabccf}
.replay-graph{min-height:170px;margin-top:8px;border:1px solid #42566e;
 border-radius:10px;background:radial-gradient(ellipse at 50% 80%,#26394c,#152439);
 padding:10px;display:flex;flex-direction:column;justify-content:center;color:#b6c5d2;
 font-size:11px}
.replay-graph svg{width:100%;height:auto;max-height:191px;display:block;overflow:visible}
.replay-legend{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:3px;
 font-size:10px;color:#d0dae3}
.replay-legend span{display:inline-flex;align-items:center;gap:5px}
.replay-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
@media(max-width:680px){
 .offer-equation{gap:7px;font-size:10px}
 .offer-equation .offer-result{margin-left:0}
 .offer-analysis p{font-size:10px}
 .replay-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 .replay-player{padding:9px}
 .replay-player strong{font-size:21px}
 .replay-chart-wrap{padding:13px 0 9px}
 .replay-graph{padding:6px}
 .replay-legend{gap:8px;font-size:9px}
}