.tutorial-shell{color:#eee8dc;max-width:1700px;margin:auto;padding:0 24px 140px}.tutorial-header{border-bottom:1px solid #a88a4a44;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.tutorial-header a{align-items:center;gap:10px;display:flex}.tutorial-header .brand small{color:#cab479;letter-spacing:2px;font-size:10px;display:block}.tutorial-heading{padding:32px 0 24px}.tutorial-heading h1{margin:8px 0;font-family:Georgia,serif;font-size:clamp(32px,4vw,52px)}.tutorial-heading p,.tutorial-save-note{color:#aeb2bb}.tutorial-eyebrow{letter-spacing:2px;color:#e1bc70;font-size:10px}.tutorial-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tutorial-guide{max-height:calc(100vh - 110px);padding-right:6px;position:sticky;top:12px;overflow-y:auto}.tutorial-guide nav{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tutorial-guide nav button{text-align:left;background:#171925;border:1px solid #333446;border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:9px 7px;font-size:11px;display:flex}.tutorial-guide nav button[aria-current]{color:#ffdf9a;background:#382b1d;border-color:#e3bb70}.tutorial-guide nav button>span{color:#d5b168;min-width:18px}.tutorial-progress{margin:14px 0 6px}.tutorial-progress progress{accent-color:#d5b168;width:100%;height:5px}.tutorial-progress small,.tutorial-save-note{font-size:10px}.tutorial-coach{background:linear-gradient(145deg,#252131,#151722);border:1px solid #9c7c4255;border-radius:12px;margin-top:16px;padding:20px}.tutorial-coach h2{margin:10px 0;font-family:Georgia,serif;font-size:25px;line-height:1.15}.tutorial-coach p{color:#dad7d2;margin:12px 0;font-size:13px;line-height:1.65}.tutorial-coach .tutorial-hint{color:#e2c389;font-size:11px}.tutorial-primary{color:#221a10;background:linear-gradient(120deg,#efd293,#bd8f42);border:1px solid #e2bb74;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;padding:12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.tutorial-primary:disabled{opacity:.4;cursor:not-allowed}.tutorial-retry{color:#aaa;align-items:center;gap:6px;min-height:32px;margin:13px auto 0;font-size:11px;display:flex}.tutorial-feedback>svg{color:#a5ce96}.tutorial-coach .tutorial-error{color:#ffb5ad;border:1px solid #984f47;padding:10px}.tutorial-matchbar{justify-content:space-between;gap:10px;padding:12px 4px;font-size:13px;display:flex}.tutorial-matchbar span{color:#a5a6ad;font-size:11px}.tutorial-field{min-width:0}.tutorial-field .phasebar{margin-bottom:14px}.tutorial-field .battleground{position:relative}.tutorial-field .player-heading{flex-wrap:wrap;font-size:11px}.tutorial-card{cursor:pointer;text-align:left;background:#161820;border:2px solid #0000;border-radius:5px;flex:0 0 75px;width:75px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0008}.tutorial-card img{aspect-ratio:1000/1440;object-fit:cover;width:100%;display:block}.tutorial-card-name{color:#fff;background:#11131b;padding:3px;font-size:8px;line-height:1.15;display:block}.tutorial-card-stats{color:#ffe4a9;background:#24202d;padding:2px 3px;font-size:8px;display:block}.tutorial-focus{border-color:#ffd77d;box-shadow:0 0 0 3px #e4ba5b44,0 0 18px #e4ba5b55}.tutorial-selected{outline-offset:3px;outline:2px solid #faf0ce}.tutorial-spent img{filter:brightness(.6)}.tutorial-card:focus-visible{outline-offset:3px;outline:3px solid #fff}.tutorial-field .mat-cards{gap:6px}.tutorial-field .mat-front-slot .tutorial-card{width:75px}.tutorial-field .mat-zone{overflow:auto}.tutorial-field .mat-label{font-size:9px}.tutorial-field .playmat .mat-back .mat-cards,.tutorial-field .playmat .mat-vis .mat-cards{flex-wrap:nowrap;overflow-x:auto}.tutorial-deck{width:70px;margin:auto;position:relative}.tutorial-deck .card-back{aspect-ratio:1000/1440}.tutorial-deck>span{color:#e5d1a6;text-align:center;background:#171820;font-size:9px;display:block}.tutorial-hand{background:#171923;border:1px solid #6e603d66;border-radius:10px;margin-top:12px;padding:12px}.tutorial-hand h3{color:#d9bb7e;margin-bottom:10px;font-size:12px}.tutorial-hand>div{gap:10px;padding:4px;display:flex;overflow-x:auto}.tutorial-hand .tutorial-card{flex-basis:94px;width:94px}.tutorial-log{color:#bbb;margin:16px 0;font-size:12px}.tutorial-log li{padding:5px}.tutorial-inspect{background:#161923;border-radius:8px;margin:16px 0;padding:12px;font-size:12px}.tutorial-inspect summary{cursor:pointer;color:#dfc384}.tutorial-inspect img{border-radius:8px;width:210px;max-width:100%;margin:12px auto;display:block}.tutorial-inspect p{margin:8px 0;line-height:1.5}.tutorial-complete{background:#30261c;border:1px solid #c8a95f;border-radius:12px;margin:16px 0;padding:22px 14px}.tutorial-complete h2{font-family:Georgia,serif;font-size:26px}.tutorial-complete p{margin:12px 0;font-size:13px;line-height:1.6}.tutorial-complete>a:last-child{justify-content:center;gap:8px;margin-top:14px;font-size:12px;display:flex}@media (max-width:1000px){.tutorial-layout{grid-template-columns:250px minmax(0,1fr);gap:14px}.tutorial-shell{padding-inline:14px}}@media (max-width:760px){.tutorial-layout{grid-template-columns:1fr}.tutorial-guide{max-height:none;position:static;overflow:visible}.tutorial-guide nav{grid-template-columns:repeat(3,1fr)}.tutorial-inspect img{width:160px}.tutorial-heading{padding:20px 0}.tutorial-header{font-size:12px}.tutorial-field .mat-scroll{overflow-x:auto}.tutorial-inspect{display:none}.tutorial-coach{padding:16px}.tutorial-field .phasebar{flex-wrap:wrap}}.tutorial-field .playmat{min-width:1000px}.tutorial-field .mat-zone .tutorial-card{flex-basis:60px;width:60px}.tutorial-field .mat-label{padding:3px;font-size:9px;line-height:11px}.tutorial-field .mat-conversion .mat-label{padding:3px;font-size:9px}.tutorial-field .mat-cards{padding-top:3px}.tutorial-field .mat-front-slot>span{font-size:10px}.tutorial-field .mat-front-slot .tutorial-card{max-height:96%}.tutorial-field .mat-life{gap:3px}.tutorial-field .mat-life>span{font-size:13px}