/* Q83C: intro only until tutorial starts */
.tutorial-shell[hidden],.tutorial-complete[hidden],.tutorial-intro[hidden]{display:none!important;}
:root{--tut-gold:#efbd3f;--tut-cream:#fff4d5;--tut-green:#0d3a2f;--tut-green2:#08271f;--tut-line:rgba(239,189,63,.3);--tut-soft:#b9d7cb}
body{margin:0;background:#061a14;color:var(--tut-cream);font-family:Arial,Helvetica,sans-serif}.tutorial-topbar{height:74px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tut-line);background:rgba(4,20,16,.96);position:sticky;top:0;z-index:50}.tutorial-brand{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:2px;font-size:30px;font-weight:800;color:#fff3dc;text-decoration:none}.tutorial-brand span{color:var(--tut-gold)}.tutorial-top-actions{display:flex;align-items:center;gap:18px}.tutorial-save-note{font-size:12px;color:#82b9a6;text-transform:uppercase;letter-spacing:.08em}.tutorial-exit{color:#ffe5a4;text-decoration:none;border:1px solid var(--tut-line);border-radius:14px;padding:10px 14px;font-weight:700}.tutorial-page{min-height:calc(100vh - 75px);background:radial-gradient(circle at 50% 0,rgba(19,89,67,.3),transparent 38%),linear-gradient(rgba(3,19,14,.89),rgba(3,19,14,.95)),url('/assets/sfondi/legno.png') center/cover fixed;padding:28px}.tutorial-intro{max-width:1250px;margin:32px auto;min-height:660px;border:1px solid var(--tut-line);border-radius:28px;background:linear-gradient(130deg,rgba(7,42,32,.95),rgba(3,22,17,.94));display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.tutorial-intro-copy{padding:76px 64px;display:flex;flex-direction:column;justify-content:center}.tutorial-kicker{color:var(--tut-gold);font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.tutorial-intro h1{font:700 clamp(42px,6vw,78px)/.98 Georgia,serif;margin:18px 0 24px;max-width:820px}.tutorial-intro p{font-size:20px;line-height:1.6;color:#d0e1da;max-width:760px}.tutorial-intro-pills{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tutorial-intro-pills span{padding:8px 11px;border:1px solid rgba(239,189,63,.25);border-radius:999px;color:#f4ddb0;background:rgba(239,189,63,.06);font-size:12px;font-weight:700;text-transform:uppercase}.tutorial-start,.tutorial-next,.tutorial-confirm{border:0;border-radius:15px;background:linear-gradient(180deg,#f0c04c,#d79a1d);color:#092017;font-weight:900;font-size:17px;padding:14px 22px;cursor:pointer;box-shadow:0 8px 26px rgba(216,159,31,.2)}.tutorial-start{align-self:flex-start;margin-top:8px}.tutorial-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px;background:radial-gradient(circle,rgba(239,189,63,.14),transparent 55%)}.tutorial-preview img{width:150px;border-radius:9px;box-shadow:0 16px 30px rgba(0,0,0,.45);position:absolute}.tutorial-preview img:nth-child(1){transform:translate(-120px,30px) rotate(-15deg)}.tutorial-preview img:nth-child(2){transform:translate(0,-10px)}.tutorial-preview img:nth-child(3){transform:translate(120px,30px) rotate(15deg)}.tutorial-preview-badge{position:absolute;bottom:86px;background:#082c22;border:1px solid var(--tut-gold);border-radius:18px;padding:12px 24px;text-align:center;color:#d9c58e;font-size:11px;letter-spacing:.13em}.tutorial-preview-badge strong{color:#ffd35f;font-size:17px}.tutorial-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:22px}.tutorial-sidebar{background:rgba(4,28,21,.95);border:1px solid var(--tut-line);border-radius:22px;padding:20px;height:max-content;position:sticky;top:95px}.tutorial-progress-head{display:flex;justify-content:space-between;align-items:center;color:#e9c979;font-size:11px;letter-spacing:.1em}.tutorial-progress-track{height:7px;background:#102e27;border-radius:10px;margin:10px 0 17px;overflow:hidden}.tutorial-progress-track i{display:block;width:10%;height:100%;background:linear-gradient(90deg,#c98d19,#ffd15a);transition:width .35s}.tutorial-lesson-list{display:grid;gap:5px}.tutorial-lesson-item{border:0;background:transparent;color:#9fbdb2;padding:10px;border-radius:11px;text-align:left;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.tutorial-lesson-item b{width:25px;height:25px;border:1px solid #315347;border-radius:50%;display:grid;place-items:center;font-size:11px}.tutorial-lesson-item.active{background:rgba(239,189,63,.11);color:#ffe9ad}.tutorial-lesson-item.done{color:#64cda7}.tutorial-lesson-item.done b{background:#1f7a5b;border-color:#2ead7e;color:white}.tutorial-restart{width:100%;margin-top:16px;background:transparent;border:1px solid #315347;color:#9fbdb2;border-radius:12px;padding:10px;cursor:pointer}.tutorial-stage-wrap{min-width:0}.tutorial-lesson-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:4px 4px 14px}.tutorial-lesson-heading h2{margin:5px 0 0;font:700 34px Georgia,serif}.tutorial-rule-chip{border:1px solid var(--tut-line);border-radius:999px;padding:8px 12px;color:#e8cf94;font-size:12px}.tutorial-coach{display:flex;gap:13px;align-items:center;border:1px solid rgba(78,180,141,.28);background:linear-gradient(90deg,rgba(16,78,59,.76),rgba(5,42,31,.84));border-radius:17px;padding:13px 16px;margin-bottom:14px}.tutorial-coach-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dba32c;color:#10261e;font:900 23px Georgia}.tutorial-coach b{color:#ffd36b;font-size:13px}.tutorial-coach p{margin:3px 0 0;color:#d9ebe4;line-height:1.35}.tutorial-table{border:1px solid rgba(239,189,63,.28);border-radius:26px;min-height:560px;background:radial-gradient(ellipse at center,rgba(12,92,66,.9),rgba(5,52,39,.97) 55%,rgba(3,36,27,.99));box-shadow:inset 0 0 80px rgba(0,0,0,.28),0 20px 50px rgba(0,0,0,.25);padding:24px;display:grid;grid-template-rows:120px 1fr 150px;position:relative;overflow:hidden}.tutorial-opponent-zone,.tutorial-player-zone{display:flex;justify-content:space-between;align-items:center}.tutorial-player-zone{align-items:end}.tutorial-player-label{display:flex;align-items:center;gap:10px;color:#d9ede6}.tutorial-player-label.you{align-self:center}.tutorial-player-label b,.tutorial-player-label small{display:block}.tutorial-player-label small{color:#83b8a4;margin-top:3px}.tutorial-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e5ad36;color:#082019;font-weight:900}.tutorial-avatar.bot{background:#266850;color:#e3f7ef}.tutorial-hand{display:flex;gap:9px;justify-content:center;min-height:115px;align-items:center}.tutorial-card{width:78px;border-radius:7px;box-shadow:0 8px 18px rgba(0,0,0,.36);transition:transform .2s,filter .2s,opacity .2s;user-select:none}.tutorial-card.selectable{cursor:pointer}.tutorial-card.selectable:hover{transform:translateY(-8px)}.tutorial-card.selected{transform:translateY(-13px);filter:drop-shadow(0 0 8px #ffd15a)}.tutorial-card.correct-glow{animation:tutPulse 1s infinite}.tutorial-card.deal-in{animation:tutDeal .45s both}.tutorial-card.bot-play{animation:tutBotPlay .6s both}.tutorial-center-zone{position:relative;display:flex;align-items:center;justify-content:center}.tutorial-table-cards{display:flex;gap:12px;align-items:center;justify-content:center;min-height:145px;flex-wrap:wrap;max-width:650px}.tutorial-deck{position:absolute;left:28px;top:50%;transform:translateY(-50%)}.tutorial-deck img{width:74px;border-radius:7px;box-shadow:7px 5px 0 rgba(255,255,255,.08),12px 9px 0 rgba(0,0,0,.18)}.tutorial-deck span{position:absolute;right:-10px;bottom:-8px;background:#dca52e;color:#082019;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-weight:900;font-size:12px}.tutorial-score-pins{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:7px}.tutorial-score-pins span{background:rgba(3,26,19,.72);border:1px solid #2d715b;border-radius:12px;padding:8px 11px;color:#9bc4b4;font-size:12px}.tutorial-score-pins b{color:#ffd260;font-size:17px;margin-left:5px}.tutorial-action-panel{margin-top:14px;border:1px solid var(--tut-line);border-radius:20px;background:rgba(5,34,26,.94);padding:17px 20px}.tutorial-action-panel>p{margin:0 0 12px;font-weight:800;color:#fff0c6;font-size:16px}.tutorial-controls{display:flex;gap:9px;justify-content:flex-end;margin-top:12px}.tutorial-hint,.tutorial-secondary{border:1px solid #42695a;background:transparent;color:#c5ddd4;border-radius:13px;padding:11px 15px;font-weight:700;cursor:pointer}.tutorial-choice-row{display:flex;gap:8px;flex-wrap:wrap}.tutorial-choice-row button{border:1px solid #477362;background:#103e30;color:#e6f4ef;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700}.tutorial-choice-row button.selected{border-color:#ffd15a;color:#ffd15a;background:#574416}.tutorial-feedback{padding:11px 13px;border-radius:12px;background:rgba(45,151,109,.17);border:1px solid rgba(76,204,153,.35);color:#bff0dc;line-height:1.45}.tutorial-feedback.error{background:rgba(180,61,61,.16);border-color:rgba(235,91,91,.35);color:#ffd0ca}.tutorial-complete{max-width:900px;margin:65px auto;text-align:center;border:1px solid var(--tut-line);border-radius:28px;background:linear-gradient(145deg,#0b3b2d,#061f18);padding:58px}.tutorial-complete-crown{font-size:70px}.tutorial-complete h2{font:700 48px Georgia;margin:12px}.tutorial-complete p{color:#c5dbd2;font-size:18px;line-height:1.55}.tutorial-complete-actions{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:25px}.tutorial-secondary{font-size:16px;padding:14px 20px}.tutorial-scopa-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 54px Georgia;color:#ffd159;text-shadow:0 5px 20px #000;animation:tutBurst 1.2s both;z-index:8;pointer-events:none}.tutorial-table-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(3,25,19,.8);border:1px solid #3d7964;border-radius:999px;padding:7px 13px;font-size:12px;color:#b9d8cc}.tutorial-card-badge{position:relative}.tutorial-card-badge::after{content:attr(data-badge);position:absolute;right:-8px;top:-8px;background:#f1bd3d;color:#10251d;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;box-shadow:0 3px 10px #0008}.tutorial-card-badge img{display:block}
@keyframes tutDeal{from{opacity:0;transform:translate(0,-110px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes tutBotPlay{0%{transform:translateY(-20px);opacity:.4}100%{transform:none;opacity:1}}@keyframes tutPulse{50%{filter:drop-shadow(0 0 13px #ffd159);transform:translateY(-8px)}}@keyframes tutBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-80%) scale(1)}}
@media(max-width:980px){.tutorial-shell{grid-template-columns:1fr}.tutorial-sidebar{position:static}.tutorial-lesson-list{grid-template-columns:repeat(5,1fr)}.tutorial-lesson-item{justify-content:center}.tutorial-lesson-item span{display:none}.tutorial-intro{grid-template-columns:1fr}.tutorial-preview{min-height:360px}.tutorial-intro-copy{padding:45px 30px}.tutorial-table{min-height:520px}.tutorial-rule-chip{display:none}}
@media(max-width:650px){.tutorial-topbar{height:auto;min-height:62px;padding:10px 14px}.tutorial-brand{font-size:21px}.tutorial-save-note{display:none}.tutorial-exit{padding:8px 10px;font-size:12px}.tutorial-page{padding:12px}.tutorial-intro{margin:10px auto;min-height:0}.tutorial-intro h1{font-size:43px}.tutorial-intro p{font-size:16px}.tutorial-preview img{width:105px}.tutorial-preview img:nth-child(1){transform:translate(-80px,20px) rotate(-15deg)}.tutorial-preview img:nth-child(3){transform:translate(80px,20px) rotate(15deg)}.tutorial-shell{gap:12px}.tutorial-sidebar{padding:12px}.tutorial-lesson-list{grid-template-columns:repeat(10,1fr);gap:2px}.tutorial-lesson-item{padding:3px}.tutorial-lesson-item b{width:25px;height:25px}.tutorial-restart{display:none}.tutorial-lesson-heading h2{font-size:27px}.tutorial-coach{align-items:flex-start}.tutorial-table{padding:13px;grid-template-rows:105px 1fr 125px;min-height:500px}.tutorial-card{width:58px}.tutorial-hand{gap:5px;min-height:90px}.tutorial-player-label small{display:none}.tutorial-avatar{width:33px;height:33px;font-size:11px}.tutorial-deck{left:5px}.tutorial-deck img{width:52px}.tutorial-score-pins{right:4px}.tutorial-table-cards{gap:7px;max-width:260px}.tutorial-controls{flex-wrap:wrap}.tutorial-controls button{flex:1}.tutorial-action-panel{padding:14px}.tutorial-complete{margin:20px auto;padding:35px 18px}.tutorial-complete h2{font-size:36px}.tutorial-complete-actions{flex-direction:column}.tutorial-start{align-self:center}}

/* Q264 mobile tutorial */
@media(max-width:600px){.tutorial-page{padding:10px 10px 34px}.tutorial-stage-wrap{min-width:0}.tutorial-table{padding:14px 8px;border-radius:22px}.tutorial-center-zone{min-width:0}.tutorial-table-cards{gap:5px;flex-wrap:nowrap;justify-content:center}.tutorial-table-cards .tutorial-card{width:clamp(58px,20vw,82px)}.tutorial-hand{gap:5px;flex-wrap:nowrap}.tutorial-hand .tutorial-card{width:clamp(62px,21vw,86px)}.tutorial-player-label{gap:8px}.tutorial-score-pins{right:4px}.tutorial-action-panel{padding:14px 12px}.tutorial-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tutorial-controls button{min-width:0;padding:12px 8px}.tutorial-sidebar{max-height:190px;overflow:auto}.tutorial-lesson-heading{gap:8px}.tutorial-lesson-heading h2{font-size:1.35rem}.tutorial-rule-chip{font-size:.72rem}}

/* Q268: nasconde il tavolo finche JS non ha inizializzato la lezione */
.tutorial-loading .tutorial-shell{visibility:hidden}.tutorial-loading .tutorial-intro{visibility:visible}