/* Keep ordinary hands visible in rows; the overview shows larger hands together. */
.table .skill-row{top:6px;height:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}
.table .skill-row .hand-overview-toggle{padding:2px;font:20px/1 system-ui;background:#23485c;color:#edd49b;border-color:#bba677}.hand-overview-toggle>span{display:block;font:10px/1.1 system-ui;margin-top:2px}
.table .hand.hand{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--hand-rows),minmax(0,1fr));gap:6px!important;top:54px;bottom:8px;padding:6px 6px 2px 4px;overflow:visible;align-content:start;scroll-behavior:auto}
.table .hand .hand-card{width:100%;height:100%;min-height:0;min-width:0;margin:0!important;padding:0}.table .hand .hand-card.selected{margin:0!important;transform:translateY(-4px) scale(1.04);transform-origin:center}
.table :is(.hand,.hand-overview) .card-face{position:relative;display:block;width:100%;height:100%}
.table :is(.hand,.hand-overview) .card-title{position:absolute;top:21px;left:3px;right:3px;width:auto;max-width:none;height:14px;max-height:none;writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;text-align:left;font:700 10.5px/14px Georgia!important;letter-spacing:0;z-index:1}
.table :is(.hand,.hand-overview) .card-rank{top:3px;left:3px;font-size:11px;z-index:1}
.table :is(.hand,.hand-overview) .card-symbol{position:absolute;top:37px;left:3px;right:3px;bottom:3px;width:calc(100% - 6px);height:calc(100% - 40px);margin:0;overflow:hidden;align-self:auto}.table :is(.hand,.hand-overview) .card-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.hand-more{width:100%;height:100%;padding:2px;background:#24485a;border:1px solid #bfa977;color:#f1d99c;font:22px/1.1 system-ui}.hand-more strong{display:block;font:700 13px/1.4 system-ui}
.table .own-dock .self-card{width:24%;max-width:24%;height:auto;max-height:150px;aspect-ratio:2/3;bottom:12px}.table .self-card .hero-name{font-size:10px!important;line-height:1.05;max-width:34px}.table .self-card.name-extended{--name-gutter:37px}
.table.hand-dense .phase-label{top:7%}.table.eight.hand-dense .hero-card:not(.self-card){width:20.5%}.eight.hand-dense .top-left,.eight.hand-dense .top-mid,.eight.hand-dense .top-right{top:10%}.eight.hand-dense .top-mid{left:39.75%}.eight.hand-dense .right-upper,.eight.hand-dense .left-upper{top:25%}.eight.hand-dense .right-lower,.eight.hand-dense .left-lower{top:40%}
.table.five.hand-dense .hero-card:not(.self-card){width:22%}.five.hand-dense .right-lower,.five.hand-dense .left-lower{top:38%}
.hand-overview{position:absolute;z-index:14;inset:12% 3% 3%;padding:12px;display:flex;flex-direction:column;gap:12px;background:#15394df7;border:1px solid #d5be85;border-radius:9px;box-shadow:0 12px 45px #071b28c0}.hand-overview header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}.hand-overview h2{margin:0;font:18px Georgia;color:#f3dda6}.hand-overview header button{padding:4px 10px;font-size:22px}.overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--overview-rows),minmax(60px,1fr));gap:6px;min-height:0;height:min(100%,calc(var(--overview-rows)*130px + (var(--overview-rows) - 1)*6px));overflow-y:auto;padding:5px 1px;align-content:start}.overview-cards .hand-card{width:100%;height:100%;min-width:0;min-height:0;flex:none;padding:0;margin:0}.overview-cards .hand-card.selected{transform:none;outline:2px solid #f7d58a;border-radius:4px}.table .hand-overview .card-title{font-size:11px!important}
.choice-card-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:12px 0}.choice-card-shell{position:relative;width:112px;height:168px}.choice-card{position:relative;width:100%;height:100%;padding:5px;border:1px solid #d0b77a;border-radius:6px;background:linear-gradient(#fff8e7,#e3d8ba);color:#142d3b;box-shadow:0 4px 13px #071b2855;text-align:left}.choice-card .choice-rank{display:block;font:13px Georgia}.choice-card strong{display:block;font:700 13px/1.2 Georgia;margin:5px 0;min-height:16px;overflow-wrap:anywhere}.choice-card img{display:block;width:100%;height:103px;object-fit:contain}.choice-card.active{outline:3px solid #f3d178!important;background:linear-gradient(#fff5cc,#e0c885)!important;transform:translateY(-4px)}.choice-card:disabled{opacity:1;cursor:default}.choice-check{position:absolute;right:5px;bottom:4px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#b58e35;color:#fff;font:700 16px system-ui}.card-rule-icon{position:absolute;right:3px;top:2px;width:22px;height:22px;padding:0!important;border-radius:50%;background:#25485c;color:#eee2bf;line-height:20px!important}