#toepenView{min-height:calc(100svh - 150px);color:#fff}.toepen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.toepen-head h1{margin:.05em 0;font-size:clamp(2rem,7vw,4rem)}.toepen-head .lead{margin:0}.toepen-stake{display:grid;min-width:116px;padding:12px 16px;border:1px solid #ffcc3d66;border-radius:16px;background:#ffcc3d18;text-align:center}.toepen-stake small{color:#ffcc3d;font-weight:900;letter-spacing:.12em}.toepen-stake strong{font-size:1.15rem}.toepen-table{position:relative;min-height:clamp(275px,47svh,470px);overflow:hidden;border:2px solid #23d9d055;border-radius:42%;background:radial-gradient(ellipse at center,#194c46 0,#0e322f 62%,#071e1c 100%);box-shadow:inset 0 0 0 12px #482714,inset 0 0 0 16px #8a562d,0 20px 50px #0008}.toepen-players{position:absolute;inset:0}.toepen-player{position:absolute;display:grid;place-items:center;gap:2px;min-width:92px;padding:7px 10px;transform:translate(-50%,-50%);border:1px solid #ffffff30;border-radius:14px;background:#160b22e8;text-align:center;box-shadow:0 8px 22px #0007}.toepen-player:nth-child(1){left:50%;top:12%}.toepen-player:nth-child(2){left:86%;top:48%}.toepen-player:nth-child(3){left:69%;top:86%}.toepen-player:nth-child(4){left:31%;top:86%}.toepen-player:nth-child(5){left:14%;top:48%}.toepen-player.is-turn{border-color:#b5ff00;box-shadow:0 0 0 3px #b5ff0035,0 8px 22px #0007}.toepen-player.is-folded{opacity:.48;filter:grayscale(1)}.toepen-player small{color:#a7a0b2;font-size:.7rem}.toepen-player b{font-size:.78rem;color:#23d9d0}.toepen-center{position:absolute;left:50%;top:50%;width:58%;transform:translate(-50%,-50%);text-align:center}.toepen-center>span,.toepen-hand small{color:#23d9d0;font-size:.7rem;font-weight:950;letter-spacing:.16em}.toepen-played{display:flex;justify-content:center;min-height:94px;margin-top:8px}.toepen-card{position:relative;display:grid;place-items:center;width:64px;aspect-ratio:2.5/3.5;margin-left:-10px;border:2px solid #ddd;border-radius:8px;background:#fff;color:#12101a;font-size:1.35rem;font-weight:950;box-shadow:0 8px 15px #0006;transform:rotate(var(--tilt,0deg))}.toepen-card:first-child{margin-left:0}.toepen-card.red{color:#d52843}.toepen-card.black{color:#14131b}.toepen-card[disabled]{cursor:not-allowed;opacity:.52;transform:translateY(5px)}button.toepen-card:not([disabled]){cursor:pointer}button.toepen-card:not([disabled]):hover{transform:translateY(-9px) rotate(var(--tilt,0deg));border-color:#b5ff00}.toepen-hand{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(90px,.45fr) minmax(210px,1.2fr) minmax(145px,.55fr);align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid #ffffff20;border-radius:20px;background:#150b21f2;backdrop-filter:blur(14px)}.toepen-hand>div:first-child{display:grid}.toepen-hand-hint{font-size:.8rem}.toepen-cards{display:flex;justify-content:center;padding-left:10px}.toepen-cards .toepen-card{width:clamp(50px,14vw,74px)}.toepen-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toepen-actions button{min-height:44px;padding:8px;border:0;border-radius:12px;font-weight:900}.toepen-knock{grid-column:1/-1;background:#ffcc3d;color:#321e00}.toepen-continue{background:#b5ff00;color:#122000}.toepen-pass{background:#ff3d78;color:#fff}.toepen-next{grid-column:1/-1;background:#23d9d0;color:#062322}.toepen-message{grid-column:1/-1;color:#d6cfe0;font-size:.8rem;text-align:center}
@media(max-width:700px){#gameView{padding:10px}.game-meta{display:none}#toepenView{min-height:calc(100svh - 55px)}.toepen-head{margin-bottom:6px}.toepen-head h1{font-size:2rem}.toepen-head .lead{font-size:.8rem}.toepen-stake{min-width:90px;padding:7px}.toepen-table{min-height:calc(100svh - 285px);border-radius:36%}.toepen-player{min-width:74px;padding:5px 7px;font-size:.75rem}.toepen-player small{font-size:.6rem}.toepen-center{width:48%}.toepen-card{width:48px}.toepen-hand{grid-template-columns:1fr auto;gap:6px;margin-top:6px;padding:7px}.toepen-hand>div:first-child{display:none}.toepen-cards{justify-content:flex-start}.toepen-actions{width:122px}.toepen-actions button{min-height:38px;font-size:.72rem}.toepen-played{min-height:70px}}
.toepen-player:nth-child(1){left:50%;top:88%}.toepen-player:nth-child(2){left:50%;top:12%}.toepen-player:nth-child(3){left:86%;top:48%}.toepen-player:nth-child(4){left:70%;top:14%}.toepen-player:nth-child(5){left:14%;top:48%}

.toepen-player.is-turn{z-index:2;border-color:#b5ff00;background:#294500;box-shadow:0 0 0 4px #b5ff0055,0 0 28px #b5ff0088,0 8px 22px #0007;animation:toepen-turn-pulse 1.15s ease-in-out infinite alternate}
.toepen-player.is-turn::before{content:"AAN DE BEURT";position:absolute;bottom:calc(100% + 5px);padding:3px 8px;border-radius:999px;background:#b5ff00;color:#132000;font-size:.58rem;font-weight:1000;letter-spacing:.08em;white-space:nowrap}
@keyframes toepen-turn-pulse{to{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 7px #b5ff002e,0 0 38px #b5ff00aa,0 8px 22px #0007}}

/* Quisty-speeltafel: donker, helder en met de vier herkenbare merkkleuren. */
#toepenView{--toepen-cyan:#20d9dc;--toepen-pink:#ff4f9a;--toepen-lime:#b9ff21;--toepen-yellow:#ffc52f}
.toepen-head{padding:10px 14px;border:1px solid #ffffff17;border-radius:20px;background:linear-gradient(110deg,#20d9dc12,#ff4f9a0d 54%,#b9ff210e);box-shadow:inset 0 1px 0 #ffffff12}
.toepen-table{border-color:#20d9dc88;background:radial-gradient(ellipse at 50% 44%,#163f45 0,#112a35 48%,#120a20 100%);box-shadow:inset 0 0 0 9px #190c27,inset 0 0 0 13px #20d9dc66,0 20px 50px #0009}
.toepen-player:nth-child(4n+1){border-color:#20d9dc88}.toepen-player:nth-child(4n+2){border-color:#ff4f9a88}.toepen-player:nth-child(4n+3){border-color:#b9ff2188}.toepen-player:nth-child(4n){border-color:#ffc52f88}
.toepen-hand{border-color:#20d9dc55;background:linear-gradient(115deg,#160b28f5,#221035f5 55%,#101f2df5);box-shadow:0 12px 34px #0008,inset 0 1px 0 #ffffff12}
.toepen-card{background:linear-gradient(145deg,#fff 0,#f7f3ff 74%,#dfeff1 100%);border-color:#fff;box-shadow:0 9px 0 #09040f,0 14px 22px #0008}
.toepen-knock{background:linear-gradient(135deg,var(--toepen-yellow),#ff8c32)}
.toepen-next{background:linear-gradient(135deg,var(--toepen-cyan),#61efbd)}
.toepen-response{position:absolute;z-index:8;left:50%;top:53%;width:min(460px,calc(100% - 34px));transform:translate(-50%,-50%);padding:18px;border:2px solid var(--toepen-pink);border-radius:22px;background:linear-gradient(145deg,#1b0b2bf2,#29103af2);box-shadow:0 0 0 6px #ff4f9a1e,0 24px 60px #000b;text-align:center;backdrop-filter:blur(8px)}
.toepen-response>strong{display:block;color:#fff;font-size:clamp(1.2rem,4vw,1.75rem)}.toepen-response>span{display:block;margin:4px 0 14px;color:var(--toepen-cyan);font-weight:900}.toepen-response>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toepen-response button{min-height:58px;border:2px solid #080411;border-radius:14px;font-size:1.05rem;font-weight:950;box-shadow:4px 5px 0 #080411}.toepen-response .toepen-continue{background:var(--toepen-lime);color:#142100}.toepen-response .toepen-pass{background:var(--toepen-pink);color:#fff}
.is-response-required .toepen-center{opacity:.42}.is-response-required .toepen-hand{border-color:#ff4f9a88;box-shadow:0 0 0 3px #ff4f9a22,0 12px 34px #0008}
@media(max-width:700px){.toepen-head{padding:7px 9px}.toepen-response{top:52%;padding:14px;width:calc(100% - 24px)}.toepen-response>span{margin-bottom:10px}.toepen-response button{min-height:52px}.toepen-hand{z-index:10}.is-response-required .toepen-cards{opacity:1}}