.device-page{max-width:1280px;padding-bottom:4rem}.device-page [hidden]{display:none!important}.device-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;padding:3rem 0 2.5rem}.device-hero h1{font-size:clamp(2.4rem,4.9vw,4.9rem);line-height:1.04;letter-spacing:-.055em;margin:.7rem 0 1.5rem}.device-hero p:not(.kicker){font-size:1.14rem;max-width:610px;line-height:1.65}.device-jump{display:inline-flex;gap:2rem;padding:.8rem 1.2rem;background:#d7f75b;color:#14200b!important;font-weight:800;border-radius:9px;text-decoration:none}.device-hero-art{position:relative;min-height:330px;display:grid;place-content:center;background:radial-gradient(ellipse,#364d25 0,transparent 68%);border-radius:25px;background-color:#101820;overflow:hidden}.device-tv{width:320px;max-width:65vw;padding:2.5rem 1rem 2rem;border:9px solid #222d39;border-bottom-width:15px;border-radius:15px;background:linear-gradient(120deg,#314357,#172d3f);color:#d7f75b;text-align:center;box-shadow:0 14px 50px #0006}.device-tv span{font-size:1.8rem;font-weight:800;letter-spacing:.08em}.device-tv small{color:#e6eee6}.device-art-line{height:5px;background:#d7f75b;width:40%;margin:14px auto}.device-stage-box{position:absolute;bottom:32px;left:19%;width:84px;height:39px;background:linear-gradient(#43464c,#121517);border-radius:13px;transform:rotate(-8deg);box-shadow:4px 10px 13px #0007}.device-stage-stick{position:absolute;bottom:28px;right:20%;width:90px;height:27px;border-radius:5px;background:linear-gradient(#323537,#111);transform:rotate(13deg)}.device-hero-art>b{position:absolute;bottom:26px;left:47%;color:#d7f75b;font-size:1.7rem}.device-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 0 3rem}.device-presets a{position:relative;padding:1.1rem 2rem 1.1rem 1.1rem;background:var(--karte,#fff);border:1px solid #8996a64d;border-radius:12px;text-decoration:none;color:inherit}.device-presets strong,.device-presets span{display:block}.device-presets strong{font-size:1.08rem}.device-presets span{font-size:.9rem;margin-top:.25rem}.device-presets b{position:absolute;right:1rem;top:1rem}.device-page h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.035em;margin:.5rem 0 1rem}.device-selection,.device-arena,.device-checklist,.device-method{margin-top:3rem}.device-tools{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.device-tools [role=group]{display:flex;gap:.4rem;flex-wrap:wrap}.device-page button{cursor:pointer;font:inherit}.device-tools button,.device-result button{border:1px solid #8996a680;border-radius:7px;background:transparent;color:inherit;padding:.5rem .8rem}.device-tools button[aria-pressed=true]{background:#18362c;color:#effed1}.device-tools label{font-size:.92rem}.device-filter-status{width:100%;font-size:.87rem;margin:0}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.device-card{border:1px solid #8996a64d;background:var(--karte,#fff);border-radius:14px;padding:1rem;display:flex;flex-direction:column;min-width:0}.device-card:has([aria-pressed=true]){outline:2px solid #668600;outline-offset:1px}.device-tag{font-size:.73rem;font-weight:800;color:var(--tinte-2);text-transform:uppercase;letter-spacing:.04em;margin:1rem 0 .3rem}.device-card h3{font-size:1.15rem;line-height:1.2;margin:.2rem 0}.device-variant{font-size:.78rem;line-height:1.5;min-height:3em;opacity:.8;margin:.35rem 0}.device-card dl{font-size:.8rem;margin:.6rem 0 1rem}.device-card dl div{margin:.3rem 0}.device-card dt{opacity:.7}.device-card dd{margin:0;font-weight:700}.device-pick{margin-top:auto;padding:.65rem .4rem;border-radius:7px;border:1px solid #718738;background:transparent;font-weight:700!important;color:inherit}.device-pick[aria-pressed=true]{background:#d7f75b;color:#15200b}.device-source{font-size:.76rem;margin-top:.7rem}.device-illustration{height:108px;display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse,#8a9d8266,transparent 70%)}.device-illustration span{display:block;box-shadow:6px 10px 10px #0003}.device-stick span{width:75px;height:28px;background:linear-gradient(#464a4e,#16191d);border-radius:5px;transform:rotate(-25deg)}.device-stick span:after{content:'';display:block;width:14px;height:17px;background:#a0a3a6;position:relative;left:75px;top:5px}.device-illustration i{width:16px;height:74px;background:linear-gradient(#666c71,#22262b);border-radius:9px;transform:rotate(12deg)}.device-box span{width:76px;height:56px;background:linear-gradient(#3c4045,#111416);border-radius:17px;transform:rotate(-8deg)}.device-streamer span{width:105px;height:40px;background:linear-gradient(#fff,#c3c2b7);border-radius:50%;transform:rotate(-8deg)}.device-streamer i{background:linear-gradient(#fff,#d4d1c6)}.device-arena{border-top:1px solid #8996a650;padding-top:2rem;scroll-margin-top:1rem}.device-match{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;text-align:center;gap:.7rem;padding:1.3rem;border-radius:12px;background:#14232d;color:#fff;margin:1.5rem 0}.device-match strong{font-size:clamp(.9rem,2vw,1.3rem)}.device-match span{color:#d7f75b;font-weight:800}.device-result{background:#d7f75b26;border-left:4px solid #819d28;padding:1rem;margin-bottom:1.5rem}.device-result p{margin-top:0}.device-result span{display:block;font-size:.85rem;overflow-wrap:anywhere;margin-top:.5rem}.device-table-wrap{overflow-x:auto;border:1px solid #8996a650;border-radius:10px}.device-table{width:100%;border-collapse:collapse;min-width:660px;font-size:.92rem}.device-table caption{text-align:left;padding:1rem}.device-table th,.device-table td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid #8996a63d;min-width:170px}.device-table th{font-weight:800}.device-table thead th{background:#14232d;color:#fff}.device-table thead small,.device-table thead a{display:block;margin-top:.5rem;font-weight:400;font-size:.8rem}.device-table thead a{color:#d7f75b}.device-table td{line-height:1.55}.device-difference{background:#c4dc8821}.device-table-note{font-size:.85rem;max-width:850px}.device-checklist>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.device-checklist article{border-top:3px solid #819d28;padding-top:1rem}.device-checklist article>span{display:inline-grid;place-items:center;background:#14232d;color:#d7f75b;width:2rem;height:2rem;border-radius:50%;font-weight:800}.device-checklist h3{font-size:1.2rem}.device-checklist p,.device-method p{line-height:1.7}.device-method{max-width:950px;border-top:1px solid #8996a650;padding-top:2rem;font-size:.93rem}.device-method h2{font-size:1.5rem}.device-method li{margin:1rem 0;scroll-margin-top:1rem}.device-method li p{margin:.25rem 0}.device-page a:focus-visible,.device-page button:focus-visible,.device-table-wrap:focus-visible{outline:3px solid #5b7bb4;outline-offset:4px}.device-page button:hover,.device-presets a:hover{box-shadow:0 0 0 2px #819d2870}@media(max-width:1050px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.device-hero{grid-template-columns:1fr;padding-top:1.5rem}.device-hero-art{min-height:260px}.device-presets{grid-template-columns:1fr;gap:.6rem}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card{padding:.8rem}.device-checklist>div{grid-template-columns:1fr;gap:1rem}.device-checklist article{padding-top:.8rem}.device-match{padding:1rem .5rem;grid-template-columns:1fr 28px 1fr}.device-table{min-width:600px}.device-tools{align-items:flex-start;flex-direction:column}.device-hero h1{font-size:clamp(2.3rem,8vw,3.6rem)}}
