/* Focused Magic v0.6.9 — InuYasha Score TCG visual test-match tabletop. */
.iy-mode-accent{background:linear-gradient(180deg,#6f3e28,#3a2119)!important;border-color:#b87952!important}
.iy-game-modal{z-index:2100;padding:0;background:#040302f2}
.iy-game-modal.open{display:flex}
.iy-game-panel{width:100vw;height:100vh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:
 radial-gradient(circle at 50% 45%,rgba(126,64,35,.18),transparent 42%),
 linear-gradient(180deg,#1a100d 0%,#0c0a09 48%,#17100d 100%);color:#f2ece5}
.iy-topbar{height:58px;display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #70482f;background:rgba(14,8,6,.96)}
.iy-title{display:flex;align-items:center;gap:10px;min-width:0}.iy-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f4d58c 0 18%,#a8442d 20% 46%,#2a1710 48%);border:2px solid #d1a25e;font:900 13px Georgia,serif;box-shadow:0 5px 14px #0008}.iy-title h2{margin:0;font:700 17px Georgia,serif;color:#f6dfb3}.iy-title .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8aaa0}
.iy-config{display:flex;gap:6px;align-items:end}.iy-config label{display:grid;gap:2px;font-size:9px;color:#bdaea3}.iy-config select{max-width:260px;padding:5px 7px;font-size:10px}.iy-actions{display:flex;gap:5px;align-items:center}.iy-actions button{padding:6px 8px;font-size:10px}
.iy-table{height:calc(100vh - 58px);display:grid;grid-template-rows:auto minmax(118px,1fr) 74px minmax(130px,1.08fr) auto minmax(145px,1.12fr);gap:4px;padding:6px 8px 8px;overflow:hidden;background:linear-gradient(90deg,transparent 49.8%,rgba(211,170,111,.06) 50%,transparent 50.2%)}
.iy-player-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:2px 6px;color:#e4d9d0;font-size:11px}.iy-player-id{display:flex;align-items:center;gap:8px}.iy-shards{display:flex;align-items:center;gap:3px}.iy-shard{width:16px;height:22px;display:inline-block;border-radius:3px;transform:rotate(45deg);background:linear-gradient(135deg,#9ad8e3,#47728f 45%,#1c2b43);border:1px solid #c8f3ff;box-shadow:0 0 7px #55b7db66}.iy-counts{display:flex;gap:8px;color:#b9aaa0}.iy-counts b{color:#f7e8d7}
.iy-zone{position:relative;min-height:0;border:1px solid rgba(146,93,61,.38);border-radius:10px;background:rgba(12,8,6,.45);overflow:auto;padding:5px 6px}.iy-zone-title{position:sticky;left:5px;top:2px;z-index:6;display:inline-block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c7aa95;background:rgba(16,9,7,.88);border-radius:999px;padding:2px 6px;pointer-events:none}.iy-cards{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;padding-top:3px}.iy-hand-zone{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.iy-hand-zone .iy-cards{flex-wrap:nowrap;justify-content:center;min-width:max-content;padding:6px 18px 8px}
.iy-card{width:88px;position:relative;flex:0 0 auto;transition:transform .15s ease,filter .15s ease,opacity .15s ease;filter:drop-shadow(0 5px 8px #0009)}.iy-card:hover{transform:translateY(-4px);z-index:8}.iy-card.selected .iy-card-face{outline:3px solid #f0c167;outline-offset:2px}.iy-card.attack-source .iy-card-face{outline:3px solid #f0a34d;outline-offset:2px}.iy-card.attack-target .iy-card-face{outline:3px solid #d35f5f;outline-offset:2px}.iy-card.expended{transform:rotate(90deg);margin:20px 20px 20px 0}.iy-card.expended:hover{transform:rotate(90deg) translateX(-4px)}.iy-card.defeated{opacity:.58;filter:grayscale(.8) drop-shadow(0 4px 5px #0008)}
.iy-card-face{width:88px;height:123px;border-radius:7px;border:1px solid #927050;background:#17110e;overflow:hidden;position:relative;cursor:pointer}.iy-card-face img{width:100%;height:100%;display:block;object-fit:cover;background:#120d0b}.iy-card-fallback{height:100%;padding:7px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 36%,#783d2b,#291811 55%,#100b09);font-size:9px;color:#f2e3d5}.iy-card-fallback b{font-size:10px;white-space:normal}.iy-card-badge{position:absolute;right:3px;bottom:3px;background:#100a08e6;border:1px solid #b98a61;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:800}.iy-card-type{position:absolute;left:3px;top:3px;background:#100a08dc;border:1px solid #8a6248;border-radius:999px;padding:1px 4px;font-size:7px}.iy-card-name{margin-top:3px;font-size:8px;line-height:1.15;white-space:normal;color:#e8d9cd;max-height:29px;overflow:hidden}.iy-card-back{width:60px;height:84px;margin-left:-22px;border-radius:7px;border:2px solid #a47245;background:radial-gradient(circle,#bd6b34 0 12%,#3d1f18 14% 34%,#d0a45b 36% 42%,#17100d 44%);box-shadow:0 4px 8px #000}.iy-card-back:first-child{margin-left:0}
.iy-center{display:grid;grid-template-columns:1fr minmax(330px,580px) 1fr;gap:8px;align-items:center;padding:0 5px}.iy-centerbox{grid-column:2;border:1px solid #745238;border-radius:10px;background:rgba(13,8,6,.9);padding:6px 8px;min-height:62px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.iy-attack-summary{font-size:10px;color:#dec8b7;line-height:1.35}.iy-attack-summary b{color:#ffd894}.iy-window-track{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}.iy-window{font-size:7px;padding:2px 4px;border:1px solid #604735;border-radius:999px;color:#a89484}.iy-window.active{background:#72472e;color:#fff1db;border-color:#c48755}.iy-attack-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.iy-attack-actions button{font-size:9px;padding:5px 7px}
.iy-toolbar{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:2px 6px;font-size:10px}.iy-toolbar button{font-size:9px;padding:5px 7px}.iy-status{color:#f2c982;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
.iy-inspector{position:absolute;right:10px;top:68px;z-index:20;width:min(270px,42vw);max-height:60vh;overflow:auto;border:1px solid #765239;border-radius:10px;background:#100b09f4;padding:8px;box-shadow:0 12px 30px #000a;display:none}.iy-inspector.open{display:block}.iy-inspector img{width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#090604}.iy-inspector h3{margin:6px 0 3px;font:700 15px Georgia,serif;color:#f4dfbc}.iy-inspector .sub{line-height:1.35}.iy-inspector button{margin-top:6px;width:100%;font-size:9px}
.iy-attack-modal{z-index:2200}.iy-attack-panel{width:min(620px,96vw);background:#17100c;border-color:#8e603e}.iy-attack-panel h2{margin:0 0 4px;color:#f2d8ae}.iy-attack-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.iy-attack-grid label{display:grid;gap:3px;color:#c4b0a1;font-size:10px}.iy-color-row{display:flex;gap:5px;flex-wrap:wrap}.iy-color-row button{font-size:10px;padding:6px 9px}.iy-color-row button.active{outline:2px solid #f2c36d}.iy-attack-note{font-size:10px;line-height:1.4;color:#baa99d;border-left:3px solid #9c704a;padding:6px 8px;background:#21150f}
.iy-log-drawer{position:absolute;left:8px;bottom:8px;z-index:20}.iy-log-drawer details{border:1px solid #684a35;background:#0d0806ed;border-radius:8px;padding:4px}.iy-log-drawer summary{cursor:pointer;font-size:9px;color:#c7b2a2}.iy-log{width:min(430px,88vw);height:180px;overflow:auto;white-space:pre-wrap;margin-top:4px;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e3d7cf}
@media(max-width:820px){.iy-topbar{height:auto;min-height:58px;grid-template-columns:1fr auto}.iy-config{grid-column:1/-1;overflow-x:auto}.iy-table{height:calc(100vh - 92px);grid-template-rows:auto minmax(92px,.85fr) 70px minmax(98px,.95fr) auto minmax(120px,1fr)}.iy-card{width:70px}.iy-card-face{width:70px;height:98px}.iy-hand-zone .iy-card{width:76px}.iy-hand-zone .iy-card-face{width:76px;height:106px}.iy-center{grid-template-columns:1fr}.iy-centerbox{grid-column:1}.iy-inspector{width:min(240px,72vw)}.iy-card.expended{margin:14px 14px 14px 0}.iy-title .sub{display:none}.iy-config select{max-width:180px}}

/* Fit all three zones inside the available browser viewport. */
.iy-game-modal{inset:0;height:100dvh;overflow:hidden!important}
.iy-game-panel{height:100dvh!important;max-height:100dvh!important;display:flex;flex-direction:column;box-sizing:border-box;min-height:0}
.iy-topbar{height:auto;flex:0 0 auto;box-sizing:border-box;min-width:0}
.iy-title,.iy-config,.iy-config label{min-width:0}.iy-config select{width:min(22vw,260px);max-width:100%}
.iy-table{height:auto!important;flex:1;min-height:0;box-sizing:border-box;grid-template-rows:34px minmax(0,1fr) 64px minmax(0,1fr) auto minmax(100px,1fr)}
.iy-zone{overflow:hidden;display:flex;flex-direction:column;container-type:size;box-sizing:border-box}
.iy-zone-title{position:static;flex-shrink:0}
.iy-cards,.iy-hand-zone .iy-cards{flex:1;min-height:0;min-width:0;flex-wrap:nowrap;justify-content:center;align-items:center;padding:4px;gap:5px;box-sizing:border-box}
.iy-card,.iy-hand-zone .iy-card{width:auto;min-width:0;flex:0 1 88px;max-width:88px}
.iy-card-face,.iy-hand-zone .iy-card-face{width:100%;height:clamp(40px,calc(100cqh - 42px),123px);max-height:123px;box-sizing:border-box}
.iy-card.expended{transform:rotate(10deg) scale(.85);margin:0}.iy-card.expended:hover{transform:rotate(10deg) scale(.9)}
.iy-card-name{max-height:20px;font-size:8px}
.iy-player-strip{min-width:0;min-height:0;box-sizing:border-box}.iy-player-id{max-width:25%;font-size:10px}.iy-toolbar{flex:1;gap:3px;justify-content:flex-end}.iy-toolbar button{padding:4px;font-size:9px}.iy-status{width:100%;max-width:none;font-size:9px}
.iy-centerbox{min-height:0}.iy-topbar .sub{display:none}
@media(max-height:620px){.iy-table{grid-template-rows:28px minmax(0,1fr) 50px minmax(0,1fr) auto minmax(85px,1fr);gap:2px;padding:3px}.iy-topbar{padding:3px}.iy-title h2{font-size:13px}.iy-centerbox{padding:3px}.iy-attack-summary{font-size:9px}.iy-toolbar button{font-size:8px;padding:3px}.iy-player-strip{font-size:9px}}

.iy-inspector{top:60px;max-height:calc(100dvh - 230px);width:min(210px,30vw)}.iy-inspector img{max-height:calc(100dvh - 350px);min-height:60px}

.iy-card,.iy-hand-zone .iy-card{flex-basis:clamp(28px,calc((100cqh - 42px)*.714),88px);max-width:clamp(28px,calc((100cqh - 42px)*.714),88px)}.iy-card-face img{object-fit:contain}

.iy-setup-dialog{max-width:min(540px,90vw);max-height:85dvh;overflow:auto;background:#19120e;color:#ffe2b0;border:1px solid #bd9463;border-radius:10px}.iy-setup-dialog form{display:grid;gap:10px}.iy-setup-dialog form>img{max-height:220px;max-width:160px;object-fit:contain;justify-self:center}.iy-setup-dialog label{display:flex;gap:8px;align-items:center;justify-content:space-between}.iy-setup-dialog [hidden]{display:none!important}.iy-setup-dialog input,.iy-setup-dialog select{padding:6px;background:#111;color:white;border:1px solid #96764e}.iy-setup-dialog button{padding:10px}.iy-setup-dialog::backdrop{background:#000b}