.castle-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.castle-comparison .castle-card{margin:0;min-width:0;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.castle-preview{position:relative;aspect-ratio:16/9;background:#111}.castle-preview video{display:block;width:100%;height:100%;margin:0}.castle-preview button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#111}.castle-preview button[hidden]{display:none}.castle-preview button img{display:block;width:100%;height:100%;object-fit:cover;margin:0}.castle-preview button>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.85);color:white;font-size:18px;padding-left:2px}.castle-preview button:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}.castle-comparison figcaption{padding:.75rem;font-size:.875rem;line-height:1.5}.castle-error{font-size:.875rem;color:#b91c1c;padding:0 .75rem}.castle-error:empty{display:none}@media(max-width:640px){.castle-comparison{grid-template-columns:1fr}}

.castle-metrics{max-width:100%;overflow-x:auto}.castle-metrics table{min-width:760px;white-space:nowrap}.castle-metrics th,.castle-metrics td{overflow-wrap:normal;word-break:normal}.castle-metrics:focus-visible{outline:2px solid #2563eb;outline-offset:2px}