/* SHARDWAKE v0.1 — landscape combat clarity + tactile states */
:root{--sw-danger:#ef7b67;--sw-ready:#efd08b;--sw-block:#78d2c4;--sw-damaged:#ffad7a}

@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  /* More game, less chrome. */
  .battle-page .content{padding-top:calc(3px + var(--safe-top))}
  .battle-phase-bar{background:linear-gradient(90deg,#142638f7,#0b1622f4);border:1px solid #b9996260;box-shadow:0 7px 20px #0008,inset 0 1px #fff0b;color:#e9ddc7}
  .battle-phase-bar>span:nth-child(2){font-weight:900;letter-spacing:.09em}
  .phase-dot{box-shadow:0 0 10px #edca84;animation:swPhasePulse 1.8s ease-in-out infinite}
  @keyframes swPhasePulse{50%{opacity:.45;transform:scale(.7)}}

  .arena{border:1px solid #b3966655;box-shadow:inset 0 0 50px #0009,0 14px 42px #0009}
  .arena-lane{position:relative}
  .arena-lane:after{content:'';position:absolute;left:9%;right:9%;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,#c4ab7440,transparent);pointer-events:none}

  /* Board cards communicate state at a glance. */
  .board-unit{position:relative;transition:transform .16s ease,filter .16s ease;isolation:isolate}
  .board-unit .tcg-card{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,outline-color .16s ease}
  .board-unit.can-attack .tcg-card{box-shadow:0 0 0 1px #efd08b99,0 0 15px #d4a85245,0 8px 16px #000b}
  .board-unit.can-attack:hover,.board-unit.can-attack:focus-within{transform:translateY(-3px)}
  .board-unit.is-attacker .tcg-card{outline:2px solid var(--sw-danger)!important;box-shadow:0 0 0 1px #ffb19999,0 0 23px #e25d4e91,0 10px 20px #000c!important;filter:brightness(1.12) saturate(1.15)}
  .enemy-lane .board-unit.is-attacker .tcg-card{animation:swIncoming 1.25s ease-in-out infinite}
  @keyframes swIncoming{50%{box-shadow:0 0 0 2px #ff9d8f99,0 0 30px #f064529c,0 10px 20px #000c}}
  .board-unit.is-blocker .tcg-card{outline:2px solid var(--sw-block)!important;box-shadow:0 0 0 1px #b9fff199,0 0 24px #5fc6b878,0 10px 20px #000c!important}
  .board-unit.is-damaged:not(.is-attacker):not(.is-blocker) .tcg-card{box-shadow:0 0 0 1px #ffac7b77,0 7px 16px #000b}
  .board-unit.is-exhausted .tcg-card{filter:saturate(.62) brightness(.72)}
  .unit-state{position:absolute;z-index:9;left:50%;bottom:-5px;transform:translateX(-50%);min-width:34px;padding:2px 4px;border:1px solid #ffffff2a;background:#08121df4;color:#ddd2be;font:900 .34rem/1.1 system-ui,sans-serif;letter-spacing:.07em;text-align:center;white-space:nowrap;box-shadow:0 4px 10px #000b;pointer-events:none}
  .unit-state.state-ready{color:#ffe0a1;border-color:#e7c2767d;background:#372918ee}
  .unit-state.state-attack{color:#ffd0c8;border-color:#f47e6eaa;background:#451d1aee}
  .unit-state.state-block{color:#c8fff6;border-color:#73d1c0aa;background:#123a35ee}
  .unit-state.state-exhausted{color:#9cacb7;border-color:#54677399;background:#101820ee}
  .unit-state.state-damaged{color:#ffd1b4;border-color:#e89b6baa;background:#39261cee}
  .unit-information{z-index:10!important;background:#09131ee8!important;border-color:#d0b77b66!important;color:#e7d7b6!important;box-shadow:0 2px 8px #000b}

  /* Enemy attackers are tappable directly on the board. */
  .enemy-lane .board-unit.is-attacker{cursor:pointer}
  .enemy-lane .board-unit.queued{transform:translateY(4px) scale(1.045)}
  .enemy-lane .board-unit.queued:before{content:'▼';position:absolute;z-index:10;left:50%;bottom:-17px;transform:translateX(-50%);color:#ff967f;font-size:12px;text-shadow:0 0 10px #f45b45}

  /* Hand: selected card is obvious but never leaves the viewport. */
  .arena-hand{box-shadow:0 -12px 28px #0008,inset 0 1px #cbb1762f}
  .hand-scroll{scroll-snap-type:x proximity;scroll-padding-inline:12px}
  .arena-hand .tcg-card{scroll-snap-align:center;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
  .arena-hand .tcg-card.selected{transform:translateY(-5px) scale(1.075)!important;outline:2px solid #f0ce87;box-shadow:0 0 0 1px #fff3c766,0 0 25px #e3b45e71,0 10px 22px #000f!important;filter:brightness(1.18) saturate(1.1)!important}
  .arena-hand .tcg-card.exhausted:not(.selected){opacity:.63;filter:saturate(.65) brightness(.68)}
  .hand-caption{color:#e8dcc5}.hand-caption b{color:#f2cb82}
  .hand-view-button{border-color:#b99b6370!important;background:#132336dd!important;color:#e7d5b0!important}

  /* Action rail reads like a controller, not a form. */
  .mobile-card-inspector{border:1px solid #b69a6766;box-shadow:0 12px 38px #000d,inset 0 1px #fff0b}
  .mobile-card-inspector.has-card{background:linear-gradient(145deg,#213950fa,#0a1724fb)}
  .inspector-art{border:1px solid #d8bc7c70;box-shadow:0 6px 15px #000a}
  .inspector-copy h3{color:#f3e4c8}
  .combat-dock{border-color:#c2a36d6b;box-shadow:0 15px 40px #000d,inset 0 1px #fff1}
  .dock-meta span:first-child{color:#efd08e;font-weight:900;letter-spacing:.12em}
  .dock-actions .btn-primary{box-shadow:0 8px 20px #b6743638,inset 0 1px #fff4}
  .dock-actions .btn-secondary{background:linear-gradient(180deg,#253b4d,#172635);border-color:#6d8190;color:#e9eef1}

  /* Blocking overlay now explains actual pairings, while board remains primary. */
  .defense-panel{border:1px solid #d1906e75!important;background:linear-gradient(90deg,#251617f5,#101b25f5)!important;padding:5px 7px!important}
  .defense-title{color:#ffc0a8!important;letter-spacing:.07em}
  .defense-target{width:auto!important;min-width:72px;display:grid!important;grid-template-columns:29px 1fr;align-items:center;gap:5px;padding:3px 5px!important;border:1px solid #76554d80!important;background:#171c23!important;text-align:left}
  .defense-target img{width:29px!important;height:35px!important;object-fit:cover}
  .defense-target span{font-size:.4rem!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}
  .defense-target.selected{border-color:#ff9c82!important;box-shadow:0 0 18px #f2685066}
  .defense-target.blocked{border-color:#66c7b5aa!important;background:#102824!important}
  .defense-instruction{font-size:.43rem;color:#cbd4da;margin-top:3px}

  /* Collection feels like a card binder in landscape. */
  .collection-tools{backdrop-filter:blur(18px);background:#0d1926e8;border:1px solid #8c78544a;box-shadow:0 8px 25px #0006}
  .card-grid .card-wrap{transition:transform .15s ease,filter .15s ease}.card-grid .card-wrap:active{transform:scale(.975)}
}

@media (orientation:landscape) and (max-height:430px) and (max-width:1000px){
  .unit-state{font-size:.31rem;bottom:-4px;min-width:30px;padding:1px 3px}
  .defense-target{min-width:63px;grid-template-columns:25px 1fr}.defense-target img{width:25px!important;height:30px!important}.defense-target span{max-width:78px}
  .arena-hand .tcg-card.selected{transform:translateY(-3px) scale(1.06)!important}
}

@media (prefers-reduced-motion:reduce){
  .phase-dot,.enemy-lane .board-unit.is-attacker .tcg-card{animation:none!important}
  .board-unit,.board-unit .tcg-card,.arena-hand .tcg-card{transition:none!important}
}