*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--green:#2d6a4f;--green-dark:#1b4332;--green-light:#40916c;--felt:#1e5631;--wood:#5c3a21;--wood-light:#8b5a2b;--gold:#f4a261;--gold-dark:#e76f51;--cream:#fefae0;--text-light:#fefae0;--text-dark:#1a1a2e;--card-bg:#ffffff;--card-border:#cccccc;--shadow:0 4px 16px rgba(0,0,0,0.35);--radius:8px;--red:#d62828;--blue-peg:#4cc9f0;--trump-color:#f4d35e}body,html{height:100%;font-family:'Segoe UI',system-ui,sans-serif;background:var(--green-dark);color:var(--text-light);overflow:hidden}.screen{display:none;height:100vh;height:100dvh;width:100vw;position:fixed;inset:0}.screen.active{display:flex}#screen-start{align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--green) 0,var(--green-dark) 80%)}.start-content{display:grid;gap:1rem;width:min(94vw,560px);max-height:94vh;max-height:94dvh;overflow-y:auto}.start-card{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem 4rem;text-align:center;display:flex;flex-direction:column;gap:1.2rem;backdrop-filter:blur(6px);box-shadow:var(--shadow)}.ad-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:.65rem;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(0,0,0,.35);box-shadow:var(--shadow)}.ad-label{margin-bottom:.35rem;color:rgba(254,250,224,.6);font-size:.68rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.ad-card .adsbygoogle{min-height:250px;border-radius:8px;background:rgba(254,250,224,.08)}.start-card h1{font-size:3rem;font-weight:800;letter-spacing:2px;color:var(--trump-color);text-shadow:0 2px 8px rgba(0,0,0,.5)}.tagline{font-size:1.1rem;opacity:.85}.start-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}#screen-rules{flex-direction:column;align-items:center;justify-content:flex-start;background:var(--green-dark);overflow-y:auto;padding:2rem 1rem}.rules-container{max-width:680px;width:100%;background:rgba(0,0,0,.35);border-radius:12px;padding:2rem;box-shadow:var(--shadow)}.rules-container h2{font-size:1.8rem;color:var(--trump-color);margin-bottom:1.5rem;text-align:center}.rules-close{position:fixed;top:.8rem;right:.9rem;z-index:5;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.rules-content h3{font-size:1.1rem;color:var(--gold);margin-top:1.2rem;margin-bottom:.4rem}.rules-content li,.rules-content ol,.rules-content p{font-size:.95rem;line-height:1.6;opacity:.92}.rules-content ol{padding-left:1.4rem}.rules-table{width:100%;border-collapse:collapse;margin:.6rem 0 1.2rem;font-size:.9rem}.rules-table td,.rules-table th{border:1px solid rgba(255,255,255,.2);padding:.4rem .7rem;text-align:left}.rules-table th{background:rgba(255,255,255,.1);color:var(--gold)}.btn{cursor:pointer;border:none;border-radius:var(--radius);padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .1s,filter .1s,opacity .15s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}a.btn{text-decoration:none}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--text-dark)}.btn-secondary{background:rgba(255,255,255,.15);color:var(--text-light);border:1px solid rgba(255,255,255,.3)}.btn-danger{background:var(--red);color:#fff}.btn-hint{background:0 0;border:1px solid rgba(244,162,97,.45);color:var(--gold);font-size:.82rem;opacity:.85}.btn-hint:hover{background:rgba(244,162,97,.15);opacity:1}.btn-lg{padding:.85rem 2.2rem;font-size:1.1rem}.btn-sm{padding:.45rem .9rem;font-size:.85rem}#screen-game{flex-direction:column;background:var(--felt);height:100vh;height:100dvh;overflow:hidden}.score-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.45);padding:.45rem 1.2rem;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.12);gap:1rem}.score-team{display:flex;flex-direction:column;align-items:center;min-width:76px}.team-label{font-size:.72rem;opacity:.75;text-transform:uppercase;letter-spacing:1px}.team-score{font-size:1.9rem;font-weight:800;color:var(--trump-color);line-height:1.05}.board-container{flex:1;max-width:560px;display:flex;flex-direction:column;gap:2px}.crib-board{background:linear-gradient(180deg,#6b4226 0,#4a2c18 100%);border:1px solid rgba(244,211,94,.35);border-radius:8px;padding:5px 10px 3px;box-shadow:inset 0 1px 4px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.35)}.board-track{display:flex;align-items:center;gap:6px;height:12px}.track-name{font-size:.62rem;width:38px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;flex-shrink:0}.track-rail{flex:1;height:6px;background:rgba(0,0,0,.55);border-radius:3px;position:relative}.street-tick{position:absolute;top:-2px;bottom:-2px;width:1px;background:rgba(255,255,255,.28)}.street-tick.skunk-line{width:2px;background:rgba(244,162,97,.75)}.peg{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:left .35s ease-out;box-shadow:0 1px 3px rgba(0,0,0,.8)}.peg-us.peg-front{background:var(--trump-color);border:1.5px solid #fff;z-index:2}.peg-us.peg-back{background:rgba(244,211,94,.45);width:7px;height:7px;z-index:1}.peg-them.peg-front{background:var(--blue-peg);border:1.5px solid #fff;z-index:2}.peg-them.peg-back{background:rgba(76,201,240,.45);width:7px;height:7px;z-index:1}.board-markers{display:flex;justify-content:space-between;padding-left:44px;font-size:.58rem;color:rgba(254,250,224,.65);margin-top:1px}.trump-display{font-size:.82rem;font-weight:700;color:var(--trump-color);letter-spacing:.4px;text-align:center;display:block}.game-info{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:2px}.header-controls{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.btn-header-pill{cursor:pointer;background:rgba(255,255,255,.12);color:var(--cream);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;line-height:1.35;transition:background .15s,border-color .15s,transform .1s}.btn-header-pill:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}.btn-header-pill.active{background:rgba(64,145,108,.45);border-color:#52b788;color:#d8f3dc}.game-body{flex:1;display:flex;flex-direction:row;overflow:hidden}.table{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.6rem;overflow:hidden}.player-area{display:flex;flex-direction:column;align-items:center;gap:4px}.player-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.85;background:rgba(0,0,0,.35);padding:2px 12px;border-radius:10px}.play-indicator{font-size:.78rem;color:var(--trump-color);height:1.15em;font-style:italic}.middle-row{display:flex;align-items:center;justify-content:space-between;width:100%;flex:1;max-height:280px;gap:.75rem;padding:0 .75rem}.side-pile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:104px}.pile-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:var(--cream);opacity:.8;background:rgba(0,0,0,.3);padding:2px 8px;border-radius:8px}.crib-slot{min-width:96px;min-height:116px;border:1px dashed rgba(255,255,255,.22);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:2px 6px}.crib-slot .card+.card{margin-left:-46px}.crib-slot.crib-revealed .card+.card{margin-left:-34px}.hand{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap}.hand-bottom{min-height:116px}.hand-top{min-height:92px}.card{width:80px;height:112px;border-radius:6px;position:relative;box-shadow:1px 2px 6px rgba(0,0,0,.35);user-select:none;transition:transform .15s,box-shadow .15s,outline .15s;flex-shrink:0;overflow:visible;background:#fff}.card playing-card{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;overflow:hidden}.card playing-card img{width:100%;height:100%;display:block;-webkit-user-drag:none}.card.playable{cursor:pointer}.card.playable:hover{transform:translateY(-10px);box-shadow:0 8px 20px rgba(0,0,0,.5);z-index:10}.card.discardable{cursor:pointer}.card.discardable:hover{transform:translateY(-8px);box-shadow:0 6px 16px rgba(0,0,0,.45);z-index:10}.card.selected{transform:translateY(-16px)!important;outline:3px solid var(--gold);outline-offset:-2px;box-shadow:0 10px 24px rgba(244,162,97,.65);z-index:12}.card.illegal{cursor:not-allowed;filter:brightness(.72)}.card.hint-optimal{outline:#2ecc71 solid 3.5px;outline-offset:-1px;box-shadow:0 0 18px rgba(46,204,113,.85),0 6px 16px rgba(0,0,0,.45);z-index:11}.card.hint-danger{outline:#ff4d4d solid 3.5px;outline-offset:-1px;box-shadow:0 0 18px rgba(255,77,77,.85),0 6px 16px rgba(0,0,0,.45);z-index:11}.card-traffic-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:999px;white-space:nowrap;z-index:15;box-shadow:0 2px 5px rgba(0,0,0,.5);pointer-events:none;letter-spacing:.2px}.card-traffic-badge.badge-optimal{background:#2ecc71;color:#0b2e13;border:1px solid #d4edda}.card-traffic-badge.badge-danger{background:#e63946;color:#fff;border:1px solid #ffccd5}.card.combo-highlight{transform:translateY(-14px) scale(1.04)!important;outline:3.5px solid var(--trump-color);outline-offset:-1px;box-shadow:0 0 22px rgba(244,211,94,.92),0 8px 20px rgba(0,0,0,.5);z-index:14}.card.discardable:active,.card.playable:active{transform:translateY(-4px);transition:none}.play-indicator.warn-hint{color:var(--red);font-weight:700;font-style:normal;font-size:.92rem}.hand-bottom .card+.card{margin-left:-20px}.hand-top .card+.card{margin-left:-22px}.hand-top .card.face-down{width:64px;height:90px}.hand-top .card:not(.face-down){width:72px;height:100px}.play-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1}.peg-series-row{min-width:140px;min-height:98px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:4px 10px;display:flex;align-items:center;justify-content:center}.peg-series-row .card{width:68px;height:95px;cursor:default}.peg-series-row .card+.card{margin-left:-24px}.played-card-slot{width:84px;height:116px;border:1px dashed rgba(255,255,255,.22);border-radius:6px;display:flex;align-items:center;justify-content:center}.played-card-slot .card{width:80px;height:112px;cursor:default}.crib-slot.drop-armed,.peg-series-row.drop-armed{border-color:var(--gold)}.crib-slot.drop-hover,.peg-series-row.drop-hover{border:1px solid var(--gold);background:rgba(244,162,97,.15);box-shadow:0 0 14px rgba(244,162,97,.45)}.trick-count{font-size:1rem;font-weight:700;color:var(--trump-color);text-align:center;min-width:120px;line-height:1.4;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 12px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.action-panel{background:rgba(0,0,0,.42);border-left:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;width:240px;flex-shrink:0;overflow:hidden}.message-text{font-size:.88rem;flex:1;opacity:.95;overflow-y:auto;display:flex;flex-direction:column;gap:.22rem;padding-right:.5rem}.message-text p{margin:0;line-height:1.42}.message-text p:last-child{font-weight:600;opacity:1}.message-text p:not(:last-child){opacity:.65}.message-text p.msg-new{animation:1s ease-out msg-flash;border-radius:4px;padding:0 4px;margin:0 -4px}@keyframes msg-flash{0%{color:var(--trump-color);background:rgba(244,212,94,.28);opacity:1}55%{color:var(--trump-color);background:rgba(244,212,94,.15)}100%{color:var(--text-light);background:0 0}}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons .btn{width:100%}.hint-sep{border:none;border-top:1px solid rgba(255,255,255,.12);margin:.15rem 0}.advice-content{text-align:left;line-height:1.65;font-size:.92rem}.advice-compare{margin:.4rem 0;padding-left:1.2rem;font-size:.88rem;line-height:1.5}.advice-compare li{margin-bottom:.3rem}.advice-compare li:first-child{color:var(--gold)}.advice-content details{margin-top:.4rem;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.5rem .7rem}.advice-content summary{cursor:pointer;color:var(--gold);font-weight:600}.show-summary{text-align:left;font-size:.9rem;line-height:1.55;display:flex;flex-direction:column;gap:.65rem}.show-box{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.55rem .75rem}.show-box-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--trump-color);margin-bottom:.25rem}.show-box-cards{margin-bottom:.25rem}.show-box-detail{font-size:.83rem;opacity:.88}.game-log{text-align:left;font-size:.85rem;line-height:1.5}.game-log p{margin:0 0 .18rem}.game-log-entry{display:flex;gap:.6rem;align-items:baseline}.game-log-divider{display:block;text-align:center;font-weight:700;color:var(--trump-color);border-top:1px solid rgba(255,255,255,.2);margin-top:.6rem;padding-top:.4rem}.game-log-divider:first-child{border-top:none;margin-top:0;padding-top:0}.game-log-hand{flex-shrink:0;min-width:7.5rem;font-size:.75rem;font-weight:600;white-space:nowrap}.mini-card{display:inline-block;background:var(--card-bg);border-radius:3px;padding:0 .24em;font-weight:700;font-size:.95em;line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,.4)}.mini-card .pip{font-size:1.15em;line-height:1}.mini-card.red{color:var(--red)}.mini-card.black{color:var(--text-dark)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100}.modal-overlay.hidden{display:none}.modal{background:#1b3a2f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.75rem;max-width:480px;width:92%;max-height:86vh;max-height:86dvh;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column}.modal-title{font-size:1.4rem;font-weight:700;color:var(--trump-color);margin-bottom:.8rem;flex-shrink:0}.modal-body{font-size:.95rem;line-height:1.6;margin-bottom:1.2rem;opacity:.94;overflow-y:auto;flex-shrink:1;min-height:0;padding-right:.6rem;margin-right:-.6rem}.modal>.ad-card{margin-top:1.2rem;flex-shrink:0}.modal-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;flex-shrink:0}.modal-actions .btn-right{margin-left:auto}.suit-spades .card-suit::before{content:'♠'}.suit-hearts .card-suit::before{content:'♥'}.suit-diamonds .card-suit::before{content:'♦'}.suit-clubs .card-suit::before{content:'♣'}@media (max-width:680px){.game-body{flex-direction:column}.action-panel{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding:.4rem .6rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom));gap:.35rem;justify-content:flex-end;max-height:32%;flex-shrink:0}.message-text{flex:0 1 auto;min-height:0;max-height:3.4em;font-size:.78rem;padding-right:.3rem}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:.35rem}.action-buttons .btn{width:auto;flex:1 1 auto}.action-buttons .hint-sep{flex-basis:100%;margin:0}}@media (max-width:680px),(max-height:620px){.score-bar{padding:.3rem .6rem;gap:.4rem}.score-team{min-width:50px}.team-score{font-size:1.35rem}.board-markers{display:none}.table{padding:.25rem}.player-area{gap:2px}.player-label{font-size:.64rem;padding:1px 8px}.play-indicator{font-size:.68rem;height:1em}.card{width:56px;height:78px}.hand-top .card.face-down{width:42px;height:58px}.hand-top .card:not(.face-down){width:50px;height:70px}.hand-bottom .card+.card,.hand-top .card+.card{margin-left:-14px}.hand-bottom{min-height:82px}.hand-top{min-height:60px}.side-pile{min-width:64px}.played-card-slot{width:58px;height:80px}.played-card-slot .card{width:54px;height:75px}.crib-slot{min-width:66px;min-height:80px}.crib-slot .card{width:50px;height:70px}.crib-slot .card+.card{margin-left:-34px}.peg-series-row{min-width:100px;min-height:70px;padding:2px 6px}.peg-series-row .card{width:48px;height:67px}.peg-series-row .card+.card{margin-left:-18px}.trick-count{font-size:.8rem;min-width:84px;padding:2px 8px}}.hidden{display:none!important}#screen-tutorial{flex-direction:column;background:radial-gradient(ellipse at center,var(--felt) 0,var(--green-dark) 90%);height:100vh;height:100dvh;overflow:hidden}.tutorial-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.tut-topbar{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.52);border-bottom:1px solid rgba(255,255,255,.14);padding:.55rem 1.25rem;gap:.8rem;flex-shrink:0}.tut-brand{font-size:1rem;font-weight:800;color:var(--trump-color);white-space:nowrap}.tut-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.tut-tab{cursor:pointer;background:rgba(255,255,255,.08);color:rgba(254,250,224,.72);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s}.tut-tab:hover{background:rgba(255,255,255,.16);color:var(--cream)}.tut-tab.active{background:rgba(244,211,94,.22);border-color:var(--trump-color);color:var(--trump-color)}.tut-tab.done{border-color:#2ecc71;color:#74c69d}.tut-workspace{flex:1;display:flex;flex-direction:row;overflow:hidden;padding:.65rem 1.1rem;gap:1rem;max-width:1180px;width:100%;margin:0 auto}.tut-coach-card{width:340px;flex-shrink:0;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;box-shadow:var(--shadow)}.tut-title{font-size:1.2rem;color:var(--trump-color);margin:0}.tut-coach-card p{font-size:.88rem;line-height:1.48;opacity:.94}.tut-coach-footer{margin-top:auto;padding-top:.4rem;display:flex;flex-direction:column;gap:.45rem}.tut-completion-buttons{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.tut-stage{flex:1;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.65rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:.45rem;overflow-y:auto;box-shadow:inset 0 2px 12px rgba(0,0,0,.3)}.tut-mini-board{display:flex;align-items:center;gap:.8rem;width:100%;max-width:520px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.35rem .8rem}.tut-crib-board{flex:1}.tut-mini-score{display:flex;flex-direction:column;align-items:center;min-width:44px}.tut-mini-label{font-size:.64rem;text-transform:uppercase;opacity:.75}.tut-mini-val{font-size:1.35rem;font-weight:800;color:var(--trump-color);line-height:1.05}.tut-prompt-banner{background:rgba(244,211,94,.16);border:1.5px solid var(--trump-color);border-radius:10px;padding:.45rem .9rem;font-size:.92rem;text-align:center;color:var(--cream);max-width:640px;width:100%}.tut-badge-slot{min-height:28px;display:flex;align-items:center;justify-content:center}.tut-step1-cards{display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap}.tut-plus-divider{font-size:2rem;font-weight:800;color:var(--trump-color);opacity:.85}.tut-card-group{display:flex;flex-direction:column;align-items:center;gap:.35rem}.tut-card-group .tut-card-row{margin-top:14px}.tut-card-row{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;min-height:114px}.tut-crib-zone{display:flex;flex-direction:column;align-items:center;gap:.35rem}.tut-stage-actions{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.tut-pegging-arena{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%;flex-wrap:wrap}.tut-count-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.tut-played-zone{display:flex;flex-direction:column;align-items:center;gap:.3rem}.tut-played-zone .peg-series-row{min-width:132px;min-height:86px}.trick-count.running-count-large{font-size:1.1rem;padding:6px 16px;min-width:195px;border:1.5px solid rgba(244,211,94,.55);background:rgba(0,0,0,.62);box-shadow:0 4px 14px rgba(0,0,0,.45)}.tutorial-floating-badge{display:inline-block;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#082411;font-size:.92rem;font-weight:800;padding:4px 14px;border-radius:999px;border:1.5px solid #d8f3dc;box-shadow:0 4px 14px rgba(0,0,0,.55);animation:.28s ease-out pop-badge}@keyframes pop-badge{0%{transform:scale(.75) translateY(6px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.btn-pulse-highlight{background:rgba(244,162,97,.25)!important;border:2px solid var(--trump-color)!important;color:#fff!important;font-weight:700!important;opacity:1!important;animation:1.3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,100%{box-shadow:0 0 6px rgba(244,211,94,.5);transform:scale(1)}50%{box-shadow:0 0 18px rgba(244,211,94,.95);transform:scale(1.03)}}.sidebar-coach-callout{background:rgba(27,67,50,.85);border:1.5px solid rgba(46,204,113,.65);border-radius:8px;padding:.6rem .7rem;box-shadow:0 3px 10px rgba(0,0,0,.35)}.sidebar-coach-header{font-size:.8rem;font-weight:800;color:#74c69d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.sidebar-coach-body{font-size:.84rem;line-height:1.45;color:var(--cream)}.traffic-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.14);font-size:.74rem;font-weight:700}.legend-optimal{color:#52b788}.legend-danger{color:#ff758f}.tutorial-step-badge{display:inline-block;align-self:flex-start;background:rgba(244,211,94,.2);border:1px solid rgba(244,211,94,.55);color:var(--trump-color);font-size:.68rem;font-weight:800;letter-spacing:.8px;padding:2px 8px;border-radius:999px}.tutorial-rule-checklist{list-style:none;padding:0;margin:.2rem 0;display:flex;flex-direction:column;gap:.4rem}.tutorial-rule-checklist li{display:flex;gap:.45rem;align-items:flex-start;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.4rem .5rem;font-size:.82rem;opacity:.75}.tutorial-rule-checklist li.rule-active{opacity:1;border-color:var(--trump-color);background:rgba(244,211,94,.12)}.tutorial-rule-checklist li.rule-done{opacity:1;border-color:#2ecc71;background:rgba(46,204,113,.14)}.tutorial-coach-success{background:rgba(46,204,113,.18);border:1px solid #2ecc71;border-radius:8px;padding:.55rem .7rem;font-size:.84rem;color:#d8f3dc}.tut-breakdown-list{margin:.4rem 0;padding-left:1.1rem;font-size:.8rem;line-height:1.5}.tut-recap{width:100%;max-width:560px;background:rgba(46,204,113,.14);border:1px solid rgba(46,204,113,.7);border-radius:10px;padding:.6rem .9rem;font-size:.88rem;line-height:1.5;color:#d8f3dc}.tut-recap ol,.tut-recap ul{margin:.3rem 0;padding-left:1.3rem}.tut-recap p{margin:.4rem 0 0;opacity:.9}.tut-scn-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.tut-dots{display:flex;gap:.3rem}.tut-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:0 0;padding:0;cursor:pointer}.tut-dot.done{background:#2ecc71;border-color:#2ecc71}.tut-dot.active{background:var(--trump-color);border-color:var(--trump-color);transform:scale(1.25)}.tut-role{align-self:flex-start;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid}.tut-role.you{color:#74c69d;border-color:rgba(46,204,113,.6);background:rgba(46,204,113,.12)}.tut-role.them{color:#ff9eb0;border-color:rgba(255,117,143,.6);background:rgba(255,117,143,.12)}.tut-lead-note{font-size:.82rem!important;opacity:.85!important;border-left:3px solid var(--trump-color);padding-left:.5rem}.tut-peg-log{list-style:none;margin:0;padding:.35rem .7rem;width:100%;max-width:560px;font-size:.78rem;line-height:1.45;opacity:.85;background:rgba(0,0,0,.25);border-radius:8px;min-height:1.6rem}.tut-peg-log li+li{border-top:1px dashed rgba(255,255,255,.1)}.tut-peg-log li:last-child{opacity:1;font-weight:600}.tut-nudge{color:#ffd6a5;font-weight:600}.tut-status-note{margin-top:.4rem;font-size:.85rem;opacity:.9;text-align:center;max-width:34rem}@media (max-width:820px){.tut-topbar{padding:.4rem .7rem;flex-wrap:wrap}.tut-workspace{flex-direction:column;padding:.6rem;gap:.6rem;overflow-y:auto}.tut-coach-card{width:100%;max-height:none;padding:.75rem}.tut-stage{padding:.75rem}}