.battle-layout{grid-template-columns:minmax(390px,1fr) 320px;min-height:calc(100dvh - 40px)}
.battle-sidebar.right{max-height:calc(100dvh - 40px);padding:16px;border-left:1px solid var(--line)}
.inspector-tabs{display:flex;gap:4px;margin-bottom:12px;position:sticky;top:-16px;padding-top:8px;background:#101a22;z-index:3}
.inspector-tabs button{flex:1;padding:7px 3px;font-size:11px;white-space:nowrap}.inspector-tabs [aria-selected="true"]{border-color:var(--gold);color:var(--gold);background:#d4b57512}
.battle-card-info small{font-size:10px}.battle-card-info h3{font-size:19px;margin:4px 0 10px;color:#e8d8b2}.battle-card-info .detail-art{display:block;padding:0;border:0;background:none;margin:0 auto 12px;max-width:220px}.detail-art img{width:100%;max-height:37vh;object-fit:contain}.battle-card-info p{font-size:12px!important;line-height:1.9!important;white-space:pre-line;color:#d4dedf!important;margin-bottom:12px}
.stage-draw{margin-left:auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;padding:3px 8px;white-space:nowrap;line-height:1.2}.stage-draw b{color:var(--gold);font-size:17px}.stage-draw small{font-size:9px;margin-top:3px}.duelist .hp{margin-left:12px}.duelist .stats{margin-left:auto}
.tutorial-coach{border:1px solid #d4b57570;border-radius:5px;padding:15px;background:linear-gradient(145deg,#2d3027,#12212b);margin-bottom:18px}.tutorial-coach .eyebrow{font-size:10px}.tutorial-coach h2{font-size:23px;line-height:1.4;letter-spacing:.04em;margin:13px 0 10px}.tutorial-coach p{font-size:13px!important;line-height:1.85!important;color:#e2e2d8!important;margin-bottom:15px}.tutorial-coach>button.primary{font-size:12px;padding:11px 8px}.tutorial-coach>button.ghost{display:block;margin:6px auto -7px;font-size:10px}.coach-progress{height:3px;background:#b69d6220;margin-top:10px}.coach-progress i{display:block;height:100%;background:var(--gold)}.coach-shield{width:64px;height:64px;object-fit:contain;margin:0 auto 12px}.coach-examples{display:flex;gap:12px;justify-content:center;margin:10px 0 16px}.coach-examples button{padding:0;border:0;background:none;font-size:10px}.coach-examples img{height:90px;margin-bottom:6px}
.tutorial-page .battle-card-info .detail-art img{max-height:23vh}.tutorial-page .battle-card-info p{font-size:11px!important}.tutorial-page .arena{align-self:start}.tutorial-action-note{font-size:11px;text-align:center;color:#ccb77f;padding:7px;border-top:1px solid var(--line)}.tutorial-focus{outline:2px solid #e6cb8d!important;outline-offset:3px;box-shadow:0 0 24px #e5c26a45!important;border-radius:3px;position:relative;z-index:3}.hand-card.tutorial-focus{transform:translateY(-8px)!important}
.mobile-coach{display:none}.flying-card{position:fixed;z-index:3000;pointer-events:none;object-fit:contain;border-radius:3px;box-shadow:0 5px 25px #0009}.attacking-card{will-change:transform,filter}.impact-burst{position:fixed;z-index:3001;pointer-events:none;width:150px;height:150px;border:6px solid #ffe7a3;border-radius:50%;background:radial-gradient(circle,#fff8da 0%,#fcd364cc 18%,#e48b2477 38%,transparent 68%);box-shadow:0 0 35px #ffdb88,inset 0 0 30px #f59d22;transform:translate(-50%,-50%)}.impact-burst i{position:absolute;left:50%;top:50%;height:5px;width:95px;background:linear-gradient(90deg,#fffbe0,#ffc85b,transparent);transform-origin:0 50%;transform:rotate(var(--ray));border-radius:50%}.stop-burst{position:fixed;z-index:3002;pointer-events:none;display:grid;place-items:center;transform:translate(-50%,-50%);color:#f3e1b9;text-shadow:0 2px 8px #000;font-size:19px}.stop-burst img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 20px #ffdc88)}
@media(max-width:1100px){.battle-layout{grid-template-columns:minmax(360px,1fr) 290px}.battle-sidebar.right{padding:12px}.tutorial-coach{padding:12px}.tutorial-coach h2{font-size:20px}.inspector-tabs{top:-12px}}
@media(max-width:780px){.battle-layout{display:flex;flex-direction:column}.battle-sidebar.right{display:none}.mobile-coach{display:block;padding:8px 10px 0;position:sticky;top:0;z-index:9;background:#0b151e}.mobile-coach .tutorial-coach{margin-bottom:8px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.mobile-coach .tutorial-coach>.row,.mobile-coach .coach-progress{grid-column:1/-1}.mobile-coach .tutorial-coach h2{font-size:17px;margin:4px 0}.mobile-coach .tutorial-coach p{grid-column:1/-1;font-size:12px!important;line-height:1.65!important;margin:0;max-height:80px;overflow:auto}.mobile-coach .tutorial-coach>.primary{grid-column:1/-1;font-size:11px;padding:7px}.mobile-coach .tutorial-coach>.ghost{position:absolute;right:18px;top:43px;margin:0;font-size:9px}.mobile-coach .coach-examples{display:none}.mobile-coach .coach-shield{position:absolute;right:18px;top:55px;width:33px;height:33px;opacity:.45;pointer-events:none}.tutorial-page .arena{width:100%}.tutorial-page .tutorial-action-note{font-size:9px}.stage-draw{padding:3px 4px}.stage-draw b{font-size:13px}.stage-draw small{font-size:7px}.duelist .hp{margin-left:5px}.battle-page .duelist>.row{gap:4px}.battle-page .stats{gap:6px}.battle-page .phase-rail{gap:4px}.battle-page .phase-rail>span{font-size:7px}.battle-card-info .detail-art{max-width:200px}}

.coach-details{margin:10px 0;color:var(--muted);font-size:13px}.coach-details summary{cursor:pointer;padding:8px 0}.coach-details p{font-size:13px;line-height:1.6}.coach-details small{display:block;margin-bottom:10px}

@media(max-width:780px){.mobile-coach .coach-details{grid-column:1/-1;margin:0}.mobile-coach .tutorial-coach>.ghost{position:static;grid-column:1/-1;margin:2px auto}}

/* Learning: short prompts, real before/after values, then optional advanced lesson. */
.learning-result{margin:12px 0;padding:12px;border:1px solid #70c6af66;background:#70c6af0b;border-radius:5px}.learning-result>small{color:#91d9bb;display:block;margin-bottom:8px}.learning-result>div{display:flex;justify-content:space-between;gap:8px;margin:5px 0;font-size:12px}.learning-result b{font-size:17px;color:#f7e5ba}.learning-result i{font-size:12px;color:#7b949b;font-style:normal}
.learning-matchup{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:10px;padding:15px 4px;margin:12px 0;background:#0003;border-radius:5px}.learning-matchup span{font-size:12px;text-align:center}.learning-matchup b{display:block;font-size:25px;color:#f2d385}.learning-matchup small{flex-basis:100%;text-align:center;color:#e7ba8f}.learning-legend{display:flex;gap:8px;flex-wrap:wrap;padding:8px;font-size:12px;color:#a2b6bd}.learning-legend button{width:100%;margin-top:8px}.tutorial-coach>button+button{margin-top:8px}
.learning-card-label{display:block;background:#101c26ee;color:#f7e6bc;padding:7px;white-space:normal;line-height:1.35;text-align:center}.learning-card-label b{display:block;font-size:12px}.learning-card-label small{display:block;font-size:10px;margin-top:4px;color:#c1d4dc}
.basics-page .field-temple,.basics-page .field-extra,.basics-page .field-evolution{opacity:.22;pointer-events:none}.basics-page .battle-notice{display:none}.basics-page .hand{align-items:flex-start;min-height:200px;padding:18px;gap:16px}.basics-page .hand-card{transform:none!important;flex:0 0 112px;width:112px!important;height:auto!important;margin:0!important;overflow:visible}.basics-page .hand-card img{height:145px;width:100%;object-fit:contain}.basics-page .hand-card.can-activate{outline:2px solid #ecd18c;box-shadow:0 0 18px #f6d37166}
@media(max-width:780px){.learning-result,.learning-matchup{grid-column:1/-1;margin:6px 0;padding:8px}.learning-result>div{display:inline-flex;gap:7px;margin:3px 10px 3px 0}.mobile-coach .tutorial-coach>button{grid-column:1/-1}.basics-page .hand-card{flex-basis:96px;width:96px!important}.basics-page .hand-card img{height:124px}.learning-matchup{padding:5px}.learning-matchup b{font-size:20px}}
.battle-page.basics-page .playmat{--card-width:54px;--card-height:76px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:94px 76px;grid-template-areas:"grave character weapon deck" "resources resources resources resources";align-items:center}.battle-page.basics-page .opponent-mat{grid-template-rows:94px;grid-template-areas:"deck character grave grave"}.basics-page .field-temple,.basics-page .field-extra,.basics-page .field-evolution,.basics-page .field-armor,.basics-page .opponent-mat .field-weapon,.basics-page .opponent-mat .field-resources{display:none}.battle-page.basics-page .field-grave{gap:1px;padding:0}.battle-page.basics-page .grave-pile{min-height:20px;padding:2px 5px;font-size:10px}.battle-page.basics-page .grave-art{display:none}.battle-page.basics-page .hand{min-height:192px;padding:12px;align-items:flex-start;justify-content:center;flex:0}.battle-page.basics-page .phase-rail{gap:8px}.battle-page.basics-page .phase-rail>span:not(.current){display:none}.battle-page.basics-page .tutorial-action-note{padding:4px}
@media(max-width:780px){.battle-page.basics-page .playmat{grid-template-rows:80px 66px;--card-width:47px;--card-height:66px}.battle-page.basics-page .opponent-mat{grid-template-rows:80px}.battle-page.basics-page .hand{min-height:176px}.basics-page .battle-top{flex-wrap:wrap}.basics-page .stage-draw{display:none}.basics-page .mobile-coach{position:relative}}
.battle-page.basics-page .hand-card{flex:0 0 144px;width:144px!important}.battle-page.basics-page .hand-card img{height:110px}.battle-page.basics-page .hand{min-height:180px}.battle-page.basics-page .learning-card-label{min-height:52px}.battle-page.basics-page .learning-card-label b{font-size:13px}.battle-page.basics-page .learning-card-label small{font-size:11px}
@media(max-width:780px){.battle-page.basics-page .hand{order:-1;min-height:176px}.battle-page.basics-page .tutorial-action-note{order:-2}.battle-page.basics-page .hand:empty{display:none}.basics-page .mobile-coach .tutorial-coach h2{grid-column:1/-1}.basics-page .mobile-coach .tutorial-coach>.ghost{margin:0 auto}}