:root{--page-pad: clamp(12px, 2.4vw, 28px);--table-stage-pad: clamp(8px, 1.4vw, 16px);--table-border: clamp(12px, 1.9vw, 22px);color:#f6eddc;background:#10100e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 20%,rgba(86,70,44,.34),transparent 34rem),radial-gradient(circle at 15% 85%,rgba(20,92,62,.18),transparent 28rem),linear-gradient(145deg,#191715,#0c0d0c 58%,#15110d)}button,input,select{font:inherit}button{border:1px solid rgba(210,178,106,.38);border-radius:8px;cursor:pointer}button:focus-visible{outline:3px solid rgba(243,200,101,.82);outline-offset:3px}button:disabled{cursor:default}.app-shell{container-type:inline-size;min-height:100vh;overflow-x:hidden;padding:14px var(--page-pad) 24px}.top-bar{align-items:center;background:#12110fd1;border:1px solid rgba(213,174,98,.2);border-radius:14px;box-shadow:0 16px 42px #00000057;display:flex;gap:16px;justify-content:space-between;margin:0 auto 16px;max-width:1180px;padding:10px 12px 10px 16px}.brand-block{min-width:0}.top-bar h1{color:#fff7e8;font-size:1.16rem;line-height:1.05;margin:0 0 5px}.stats-line,.bet-line{color:#d8c7a5;display:flex;flex-wrap:wrap;font-size:.86rem;gap:8px 14px;line-height:1.25}.mode-buttons{background:#fff6dd14;border:1px solid rgba(213,174,98,.24);border-radius:10px;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:3px;min-width:max-content;overflow-x:auto;padding:3px;width:max-content}.mode-buttons button{background:transparent;border-color:transparent;color:#dfd1b5;flex:0 0 auto;font-weight:800;min-height:34px;min-width:76px;padding:6px 12px;white-space:nowrap}.mode-buttons button:hover:not(:disabled){background:#fffaeb1a;color:#fff8e9}.mode-buttons button[aria-pressed=true]{background:linear-gradient(180deg,#f4cc70,#b9812d);border-color:#ffeebbb3;box-shadow:inset 0 1px #ffffff57,0 6px 16px #0000004d;color:#24170a}.trainer-layout{margin:0 auto;max-width:1080px}.campaign-progress{align-items:center;background:#12110fc7;border:1px solid rgba(213,174,98,.22);border-radius:10px;color:#ead6ad;display:grid;font-size:.9rem;gap:10px 16px;grid-template-columns:minmax(220px,1fr) auto auto;justify-content:stretch;margin:0 auto 12px;max-width:1080px;padding:8px 12px}.campaign-start{color:#ead6ad;margin:0 auto 16px;max-width:1080px}.campaign-start h2{color:#fff4db;font-size:1.25rem;line-height:1.1;margin:0 0 8px}.campaign-start p,.campaign-start ul{line-height:1.4;margin:0 0 12px}.campaign-start ul{padding-left:20px}.campaign-brief{display:grid;gap:2px;min-width:0}.campaign-brief strong{color:#fff4db}.campaign-brief span{color:#d8c7a5}.campaign-metrics{align-items:center;display:flex;flex-wrap:wrap;font-weight:800;gap:8px 14px;justify-content:center}.campaign-restart-button{align-self:center;background:#fff6e4f0;border-color:#d3ad63;color:#24170d;font-size:.86rem;font-weight:900;min-height:34px;padding:6px 10px;white-space:nowrap}.table-stage{border-radius:44px;display:grid;gap:16px;justify-items:center;padding:var(--table-stage-pad);position:relative}.table-felt{min-height:min(68vh,620px);isolation:isolate;overflow:visible;position:relative;border:var(--table-border) solid #3b2515;border-radius:34px;width:100%;background:radial-gradient(ellipse at 50% 46%,rgba(255,255,255,.1),transparent 27%),radial-gradient(ellipse at 32% 28%,rgba(93,190,126,.2),transparent 31%),radial-gradient(ellipse at 72% 76%,rgba(7,57,38,.46),transparent 35%),repeating-linear-gradient(35deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),linear-gradient(145deg,#1f8d58,#11643e 46%,#0a3f2b);box-shadow:inset 0 0 0 5px #daa65375,inset 0 0 52px #01140db3}.table-felt:before{content:"";position:absolute;inset:4.8%;border:1px solid rgba(244,207,126,.24);border-radius:inherit;box-shadow:inset 0 0 18px #f4cf7e1a;pointer-events:none;z-index:0}.table-felt:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.08) .7px,transparent .7px),radial-gradient(rgba(0,0,0,.1) .8px,transparent .8px);background-position:0 0,5px 7px;background-size:9px 9px,13px 13px;opacity:.32;pointer-events:none;z-index:0}.card-row-wrap,.board-zone,.action-pad,.feedback-strip{position:relative;z-index:1}.opponent-zone{position:absolute;align-items:center;display:grid;gap:8px;grid-template-columns:auto;justify-items:center;left:50%;top:-4px;transform:translate(-50%)}.opponent-zone .section-label,.hero-zone .section-label{left:50%;margin:0;position:absolute;transform:translate(-50%);z-index:2}.opponent-zone .section-label{top:calc(8px - var(--table-border))}.opponent-zone .opponent-action{justify-content:center;margin-top:0}.opponent-zone .card-row,.opponent-zone .opponent-action{transform:translateY(16px)}.board-zone{align-items:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.board-zone>.table-badges{left:50%;position:absolute;top:calc(100% + 12px);transform:translate(-50%);width:max-content}.hero-zone{bottom:-4px;display:grid;gap:8px;justify-items:center;left:50%;position:absolute;transform:translate(-50%)}.hero-zone .section-label{bottom:calc(8px - var(--table-border))}.hero-zone .card-row{transform:translateY(-16px)}.action-pad{position:relative;width:min(100%,430px)}.feedback-strip{top:calc(var(--table-stage-pad) + var(--table-border) + 12px);left:clamp(-33px,calc(17px - ((100cqw - 1080px)/2)),17px);max-width:min(100%,362px);position:absolute;width:362px}.feedback-strip:empty{display:none}.section-label{color:#f5d58c;display:block;font-size:.72rem;font-weight:900;letter-spacing:0;line-height:1.1;margin-bottom:7px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);text-transform:uppercase}.card-row{display:flex;flex-wrap:nowrap;gap:clamp(6px,.85vw,10px);justify-content:center}.playing-card{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.9),transparent 40%),linear-gradient(180deg,#fffdf5,#efe1c6);border:1px solid #cdbb95;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffdb,0 8px 18px #00000047;display:inline-flex;flex:0 0 56px;font-weight:900;gap:3px;height:76px;justify-content:center;line-height:1;padding:8px 6px;width:56px}.card-red{color:#b51f2d}.card-black{color:#181613}.card-rank{display:inline-block;font-size:1.22rem;text-align:center;width:2ch}.card-suit{font-size:1.2rem}.table-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.table-badges span{background:linear-gradient(180deg,#201810e0,#100d0adb),#17120d;border:1px solid rgba(238,196,105,.46);border-radius:999px;box-shadow:0 8px 18px #0000003d;color:#ffe3a1;font-size:.8rem;font-weight:900;line-height:1.1;min-height:29px;min-width:72px;padding:7px 10px}.table-badge-placeholder{opacity:0;pointer-events:none}.table-badges .table-badge-placeholder-pot{min-width:77px}.action-pad,.feedback-strip{background:#14100cc7;border:1px solid rgba(241,203,128,.3);border-radius:12px;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #00000057;padding:12px}.action-pad h2{color:#fff4db;font-size:.98rem;line-height:1.25;margin:0 0 10px}.answer-grid{display:grid;gap:8px;grid-auto-columns:minmax(68px,1fr);grid-auto-flow:column}.answer-button{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),#f2dfb9;border-color:#c79a4d;color:#20170f;font-weight:900;min-height:46px;min-width:0;overflow-wrap:anywhere;padding:8px 10px}.answer-button:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.22),transparent),#ffd982;transform:translateY(-1px)}.answer-button:disabled{opacity:1}.answer-button.answer-selected{box-shadow:0 0 0 2px #23180d,0 0 0 5px #f2c45f,0 9px 20px #0000004d;transform:translateY(-1px)}.answer-button.answer-correct{background:linear-gradient(180deg,#e3f7dd,#9edf8e);border-color:#4da14a;color:#103b17}.answer-button.answer-correct.answer-selected{border-color:#1d6c24}.answer-button.answer-incorrect{background:linear-gradient(180deg,#ffe6df,#ef9b8d);border-color:#c64a3e;color:#681a14}.answer-button.answer-incorrect.answer-selected{border-color:#842017}.win-chance-details{color:#f1e1c3}.feedback-placeholder{color:#d2bea0;margin:0}.result-correct,.result-miss{border-radius:8px;font-weight:900;margin-bottom:10px;padding:8px 10px}.result-correct{background:#daf2d2;color:#145521}.result-miss{background:#ffdcd5;color:#7e2019}.feedback-list{display:grid;gap:8px;margin:0}.feedback-list div{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.feedback-list dt{color:#ead6ad;font-size:.86rem;line-height:1.25}.feedback-list dd{font-weight:900;margin:0;text-align:right}.feedback-list dd[aria-hidden=true]{display:none}.feedback-note{color:#ddc9a4;font-size:.86rem;line-height:1.35;margin:12px 0}.next-button{background:linear-gradient(180deg,#f0c663,#a87025);border-color:#ffd987;color:#201408;font-weight:900;margin-top:10px;min-height:42px;width:100%}.next-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){filter:brightness(1.08)}.secondary-button{background:#fff6e4f0;border-color:#d3ad63;color:#24170d;font-weight:900;min-height:40px;width:100%}.winning-cards{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start;margin-top:8px;max-height:168px;overflow:auto}.winning-card-sections{display:grid;gap:12px;margin-top:12px}.winning-card-section h3{color:#ffe3a1;font-size:.82rem;line-height:1.1;margin:0;text-transform:uppercase}.winning-cards .playing-card{flex-basis:42px;height:58px;width:42px}.winning-cards .card-rank{font-size:.96rem}.winning-cards .card-suit{font-size:.94rem}@media(max-width:1080px){.table-felt{border-radius:34px;display:grid;gap:32px;grid-template-areas:"opponent" "board" "hero";justify-items:center;min-height:auto;padding:6px 14px 8px}.opponent-zone,.board-zone,.hero-zone,.feedback-strip{inset:auto;max-width:100%;position:relative;transform:none;width:min(100%,360px)}.opponent-zone{grid-area:opponent;justify-self:center;margin-left:0;margin-top:-10px}.board-zone{grid-area:board;width:100%}.board-zone>.table-badges{margin-top:12px;position:static;transform:none;width:auto}.hero-zone{grid-area:hero;margin-bottom:-10px}.feedback-strip{width:min(100%,430px)}}@media(max-width:720px){.app-shell{padding:10px}.top-bar{align-items:stretch;border-radius:12px;display:grid;gap:10px;grid-template-columns:1fr;padding:11px}.mode-buttons{flex:1 1 auto;inline-size:100%;justify-self:stretch;min-width:0;width:100%}.mode-buttons button{flex:1 0 auto}.campaign-progress{grid-template-columns:1fr;justify-items:stretch}.campaign-metrics{justify-content:flex-start}.table-stage{padding:0}.table-felt{--table-border: 16px;border-width:var(--table-border);gap:30px;padding:6px 10px 8px}.opponent-zone .section-label{top:calc(5px - var(--table-border))}.hero-zone .section-label{bottom:calc(3px - var(--table-border))}.card-row{gap:5px}.playing-card{flex-basis:48px;height:66px;width:48px}.card-rank{font-size:1.06rem}.card-suit{font-size:1.04rem}.answer-grid{gap:6px}}@media(max-width:430px){.stats-line{gap:6px 10px}.table-felt{--table-border: 15px;border-width:var(--table-border)}.playing-card{flex-basis:42px;height:60px;width:42px}.card-rank{font-size:.96rem}.card-suit{font-size:.94rem}}