.as-slangen{--ink:#26384a;--line:#a64f48;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1080px;margin:1rem auto;padding:clamp(14px,3vw,28px);background:#f5f7f8;border-radius:18px}
.as-slangen *{box-sizing:border-box}.as-slangen header h2{margin:.1rem 0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15}.as-slangen header p{margin:.25rem 0 1rem}.as-slangen-kicker{text-transform:uppercase;letter-spacing:.09em;color:#637384;font-size:.78rem;font-weight:700}
.as-slangen-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.as-slangen-panel{min-width:0;background:#fff;border:1px solid #d8dfe6;border-radius:16px;padding:clamp(12px,2vw,22px);box-shadow:0 3px 12px #2638540c}
.as-slangen-players{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;font-weight:650}.as-slangen-players strong{color:#194b86}.as-slangen [data-role="status"]{min-height:1.5em;margin:.8rem 0;font-weight:600}
.as-slangen-board{position:relative;width:min(100%,430px);aspect-ratio:520/800;margin:auto;background:#f3dfb0;border:1px solid #d2b67c;border-radius:14px;box-shadow:inset 0 1px 8px #976a2a33;touch-action:manipulation}.as-slangen-lines{width:100%;height:100%;display:block}.as-slangen-lines line{stroke:var(--line);stroke-width:3.2;stroke-linecap:round}
.as-slangen-point{appearance:none;-webkit-appearance:none;position:absolute;transform:translate(-50%,-50%);width:clamp(25px,5vw,38px);height:clamp(25px,5vw,38px);border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}
.as-slangen-point:before{content:"";position:absolute;inset:38%;border-radius:50%;background:#804e42}.as-slangen-point.white:before,.as-slangen-point.black:before{inset:8%;box-shadow:0 2px 5px #0005}.as-slangen-point.white:before{background:radial-gradient(circle at 35% 25%,#fff,#ebeff4 55%,#b8c4d0);border:2px solid #718093}.as-slangen-point.black:before{background:radial-gradient(circle at 35% 25%,#687484,#222c37 60%,#111820);border:2px solid #111820}
.as-slangen-point.target:before{inset:22%;background:#2b7dc2;border:3px solid white;box-shadow:0 0 0 3px #2b7dc2}.as-slangen-point.selected:before{outline:4px solid #dd9d20;outline-offset:2px}.as-slangen-point.last.white:before,.as-slangen-point.last.black:before{box-shadow:0 0 0 3px #e2a83c,0 2px 5px #0005}.as-slangen-point:focus-visible{outline:3px solid #286dba;outline-offset:2px}.as-slangen-point:disabled{cursor:default}
.as-slangen-hint{color:#607184;font-size:.9rem;margin:.9rem 0 0}.as-slangen-panel h3{margin:0 0 .5rem}.as-slangen-panel aside p{margin-top:0}.as-slangen-layout aside button:not(.as-slangen-point){display:block;width:100%;min-height:43px;margin:9px 0;padding:9px 13px;background:#2555a6;color:white;border:1px solid #2555a6;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}.as-slangen-layout aside button:not(.as-slangen-point):disabled{opacity:.48;cursor:default}.as-slangen details{margin-top:18px}.as-slangen summary{cursor:pointer;font-weight:700}.as-slangen ul{padding-left:1.3rem}.as-slangen li{margin:.6rem 0}
@media(max-width:750px){.as-slangen-layout{grid-template-columns:1fr}.as-slangen-board{width:min(100%,390px)}.as-slangen-players{font-size:.87rem}.as-slangen-point{width:clamp(26px,7vw,37px);height:clamp(26px,7vw,37px)}}
.as-slangen [hidden]{display:none!important}.as-slangen-start{max-width:650px}.as-slangen-options,.as-slangen-mode{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.as-slangen-options label,.as-slangen [data-role="online-options"] label{display:grid;gap:4px;font-weight:600}.as-slangen select,.as-slangen input{font:inherit;border:1px solid #aab8c6;border-radius:8px;padding:8px;min-height:42px;background:white;color:var(--ink)}.as-slangen [data-role="online-options"]{background:#f5f7fa;border-radius:12px;padding:12px;margin-top:12px}.as-slangen [data-role="online-options"] input{width:130px;text-transform:uppercase}.as-slangen [data-role="online-options"] button{width:auto!important;display:inline-block!important;margin-right:8px!important}.as-slangen [data-role="room-info"]{background:#eaf2ff;border-radius:8px;padding:8px 10px;font-weight:600;overflow-wrap:anywhere}
.as-slangen-mode button{border:1px solid #2555a6;border-radius:9px;background:#2555a6;color:white;padding:9px 14px;min-height:43px;font:inherit;font-weight:650;cursor:pointer}.as-slangen-mode button:first-child,.as-slangen-mode button:last-child{background:white;color:#2555a6}

.as-slangen [data-role="online-options"] button{border:1px solid #2555a6;border-radius:9px;background:#2555a6;color:white;padding:9px 14px;min-height:43px;font:inherit;font-weight:650;cursor:pointer}