.topbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:clamp(8px,1.4vh,18px) clamp(14px,2vw,32px) 0;animation:topbar-in .56s var(--spring) both}@keyframes topbar-in{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}.topbar__names{justify-self:start;padding:clamp(4px,.6vh,9px) clamp(14px,1.6vw,26px);border-radius:999px}.topbar__names-text{font-size:clamp(15px,1.5vw,23px);white-space:nowrap}.topbar__title{margin:0;font-size:clamp(26px,3.6vw,64px);line-height:1;text-align:center;white-space:nowrap}.topbar__controls{justify-self:end;display:flex;align-items:center;gap:clamp(8px,1vw,16px)}.switch{display:flex;gap:4px;padding:4px;border-radius:999px}.switch__opt{border:0;cursor:pointer;border-radius:999px;padding:clamp(5px,.7vh,9px) clamp(12px,1.2vw,20px);font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:clamp(12px,1.05vw,17px);color:var(--parch-mid);background:transparent;transition:all .2s var(--ease-out)}.switch__opt:hover{color:var(--gold-hi)}.switch__opt--on{color:#24400f;background:linear-gradient(180deg,var(--btn-hi) 0%,var(--btn) 62%,var(--btn-deep) 100%);box-shadow:inset 0 2px #ffffff8c,0 3px 0 var(--btn-deep),0 6px 12px #0006;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn{cursor:pointer;border:3px solid var(--gold-deep);border-radius:999px;padding:clamp(6px,.8vh,11px) clamp(14px,1.5vw,24px);font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(12px,1.05vw,17px);color:#fff6e6;text-shadow:0 2px 2px rgba(0,0,0,.45);background:linear-gradient(180deg,var(--btn-hi) 0%,var(--btn) 60%,var(--btn-deep) 100%);box-shadow:inset 0 2px #ffffff80,0 6px 0 var(--btn-deep),0 10px 18px #0000006b;transition:transform 90ms var(--ease-out),box-shadow 90ms var(--ease-out),filter .16s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(4px);box-shadow:inset 0 2px #fff6,0 2px 0 var(--btn-deep),0 4px 8px #0006}.btn--danger{--btn-hi: #f79273;--btn: var(--danger);--btn-deep: var(--danger-deep)}.player-card{--size: calc(var(--tile) * .86 * var(--card-scale, 1));position:relative;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .22);padding:calc(var(--size) * .055);background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 30%,var(--gold-mid) 70%,var(--gold-deep) 100%);box-shadow:var(--drop-soft),inset 0 -2px 4px #0000004d;overflow:hidden;transition:width .34s var(--spring),height .34s var(--spring)}.player-card__ring{height:100%;border-radius:calc(var(--size) * .17);padding:calc(var(--size) * .05);background:linear-gradient(180deg,var(--team-hi) 0%,var(--team) 55%,var(--team-deep) 100%);box-shadow:inset 0 2px #fff6,inset 0 -3px 6px #0000004d}.player-card--maarten{--team-hi: var(--maarten-hi);--team: var(--maarten);--team-deep: var(--maarten-deep)}.player-card--lau{--team-hi: var(--lau-hi);--team: var(--lau);--team-deep: var(--lau-deep)}.player-card__face{height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 30%,var(--parch-hi) 0%,var(--parch-mid) 100%);box-shadow:inset 0 3px 8px #00000040}.player-card__face img{width:100%;height:100%;object-fit:cover;display:block}.player-card__initial{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:calc(var(--size) * .5);line-height:1;color:var(--team-deep);text-shadow:0 2px 0 rgba(255,255,255,.6)}.player-card__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 47%,transparent 60%);transform:translate(-120%)}.player-card--shimmer .player-card__shine{animation:card-shimmer 3.6s ease-in-out infinite}@keyframes card-shimmer{0%,68%{transform:translate(-120%)}84%{transform:translate(120%)}to{transform:translate(120%)}}.tile{position:relative;width:var(--tile);height:var(--tile);perspective:1200px;cursor:pointer;animation:tile-drop .56s var(--spring) both}@keyframes tile-drop{0%{opacity:0;transform:translateY(-46px) scale(.72) rotate(-6deg)}to{opacity:1;transform:none}}.tile__flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s var(--spring)}.tile--open .tile__flipper{transform:rotateY(180deg)}.tile__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:calc(var(--tile) * .08);text-align:center;background:linear-gradient(180deg,var(--parch-hi) 0%,var(--parch) 45%,var(--parch-mid) 100%);border:3px solid var(--parch-line);box-shadow:inset 0 2px #ffffffd9,inset 0 -6px 12px #b4915059,0 4px 10px #00000047;transition:box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.tile__face--back{transform:rotateY(180deg);background:linear-gradient(180deg,#fffdf4 0%,var(--parch) 55%,var(--parch-mid) 100%);justify-content:center}.tile__coord{--stroke: .07em;--tracking: .04em;font-size:calc(var(--tile) * .34);line-height:1;filter:drop-shadow(0 .04em 0 rgba(255,255,255,.65))}.tile__peek{font-size:calc(var(--tile) * .085);font-weight:700;letter-spacing:.04em;color:var(--ink-soft);opacity:0;transition:opacity .2s var(--ease-out)}.tile:hover .tile__peek{opacity:.65}.tile__task{font-weight:800;line-height:1.16;color:var(--ink);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}.tile__coord-mini{position:absolute;top:5px;right:8px;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:calc(var(--tile) * .1);color:var(--gold-mid);opacity:.75}.tile--hot .tile__face{border-color:var(--gold);box-shadow:inset 0 2px #ffffffe6,0 0 0 4px #f6d26a8c,0 0 26px 6px #f6d26a99}.tile--hot{transform:scale(1.05);transition:transform .18s var(--spring);z-index:3}.tile--blocked .tile__face{border-color:#e05a3a;box-shadow:0 0 0 4px #e05a3a80,0 0 22px 4px #e05a3a73}@keyframes tile-reject{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.tile--rejected{animation:tile-reject .4s ease-in-out;z-index:4}.tile__ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg) scale(.88);opacity:.28;filter:grayscale(.45);pointer-events:none}.tile__placed{position:absolute;left:50%;top:50%;pointer-events:none;animation:card-land .52s var(--spring) both;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));z-index:2;transition:transform .38s var(--spring)}@keyframes card-land{0%{opacity:0;scale:1.9}55%{opacity:1;scale:.92}to{opacity:1;scale:1}}.tile__puff{position:absolute;left:50%;top:50%;width:100%;height:100%;translate:-50% -50%;border-radius:50%;border:4px solid rgba(255,235,170,.9);animation:puff .56s var(--ease-out) both;pointer-events:none}@keyframes puff{0%{opacity:0;scale:.5}25%{opacity:.9}to{opacity:0;scale:2.1}}.tile--win .tile__face{border-color:var(--gold-hi);box-shadow:inset 0 2px #ffffffe6,0 0 0 4px var(--gold),0 0 34px 10px #f6d26abf}.tile--win{animation:win-pulse 1.1s ease-in-out infinite;z-index:3}@keyframes win-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.board{padding:clamp(10px,1.6vh,22px);animation:board-in .7s var(--spring) both}@keyframes board-in{0%{opacity:0;transform:translateY(34px) scale(.94)}to{opacity:1;transform:none}}.board__inner{position:relative;padding:clamp(10px,1.4vh,20px);border-radius:var(--r-md);background:radial-gradient(120% 100% at 50% 0%,rgba(255,236,180,.16),transparent 60%),linear-gradient(180deg,#00000047,#0000006b);box-shadow:inset 0 4px 14px #0000008c}.board__corner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--r-sm);pointer-events:none;background:linear-gradient(var(--gold-mid),var(--gold-mid)) 0 0 / 26px 3px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 0 0 / 3px 26px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 100% 0 / 26px 3px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 100% 0 / 3px 26px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 0 100% / 26px 3px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 0 100% / 3px 26px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 100% 100% / 26px 3px no-repeat,linear-gradient(var(--gold-mid),var(--gold-mid)) 100% 100% / 3px 26px no-repeat;opacity:.75}.board__header{display:grid;grid-template-columns:repeat(5,var(--tile));gap:var(--gap);margin-left:calc(var(--tile) * .34 + var(--gap));margin-bottom:calc(var(--gap) * .6)}.board__letter{font-size:calc(var(--tile) * .42);line-height:1;text-align:center;animation:letter-pop .52s var(--spring) both}.board__letter:nth-child(1){animation-delay:60ms}.board__letter:nth-child(2){animation-delay:.12s}.board__letter:nth-child(3){animation-delay:.18s}.board__letter:nth-child(4){animation-delay:.24s}.board__letter:nth-child(5){animation-delay:.3s}@keyframes letter-pop{0%{opacity:0;transform:translateY(-18px) scale(.6)}to{opacity:1;transform:none}}.board__body{display:flex;gap:var(--gap)}.board__rows{display:grid;grid-template-rows:repeat(5,var(--tile));gap:var(--gap);width:calc(var(--tile) * .34)}.board__row-number{font-size:calc(var(--tile) * .34);line-height:1;display:flex;align-items:center;justify-content:center}.board__grid{display:grid;grid-template-columns:repeat(5,var(--tile));grid-template-rows:repeat(5,var(--tile));gap:var(--gap)}.stack{width:clamp(150px,15vw,230px);padding:clamp(10px,1.6vh,20px) clamp(8px,1vw,16px) clamp(12px,1.6vh,18px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,14px);animation:stack-in .62s var(--spring) both}.stack--maarten{animation-delay:.18s}.stack--lau{animation-delay:.3s}@keyframes stack-in{0%{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}.stack__name{margin:0;font-size:clamp(20px,2.4vw,34px);line-height:1.1;text-align:center}.stack__pile{position:relative;width:100%;height:calc(var(--tile) * 1.45);touch-action:none}.stack__card{position:absolute;left:50%;top:50%;filter:brightness(.78) drop-shadow(0 3px 6px rgba(0,0,0,.55));transition:filter .2s var(--ease-out)}.stack__card--top{cursor:grab;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));animation:stack-breathe 3.4s ease-in-out infinite}.stack__card--top:hover{filter:drop-shadow(0 12px 20px rgba(0,0,0,.55)) brightness(1.06)}.stack__card--top:active{cursor:grabbing}.stack__card--lifted{visibility:hidden}@keyframes stack-breathe{0%,to{margin-top:0}50%{margin-top:-5px}}.stack__score{display:flex;align-items:baseline;gap:6px;padding:3px 16px 5px;border-radius:999px;background:linear-gradient(180deg,#0000006b,#0000003d);border:2px solid var(--gold-mid);box-shadow:inset 0 2px 5px #00000080}.stack__score-value{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(20px,2vw,28px);color:var(--gold-hi);text-shadow:0 2px 0 rgba(0,0,0,.5);font-variant-numeric:tabular-nums}.stack__score-label{font-size:clamp(10px,.9vw,13px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--parch-mid);opacity:.8}.stack__hint{margin:0;font-size:clamp(10px,.85vw,13px);font-weight:700;color:var(--parch-mid);opacity:.65;text-align:center}.drag-layer{position:fixed;left:0;top:0;z-index:100;pointer-events:none;will-change:transform;filter:drop-shadow(0 26px 30px rgba(0,0,0,.6)) brightness(1.06);animation:grab-lift .18s var(--spring) both}@keyframes grab-lift{0%{opacity:.7}to{opacity:1}}.win{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#00000080,#000000d1);animation:win-fade .42s var(--ease-out) both;cursor:pointer}@keyframes win-fade{0%{opacity:0}to{opacity:1}}.win__rays{position:absolute;width:190vmax;height:190vmax;background:repeating-conic-gradient(from 0deg,rgba(255,226,150,.1) 0deg 9deg,transparent 9deg 18deg);animation:rays-spin 26s linear infinite;pointer-events:none}@keyframes rays-spin{to{transform:rotate(360deg)}}.win__banner{position:relative;padding:clamp(20px,3vh,44px) clamp(34px,5vw,80px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,18px);animation:banner-in .7s var(--spring) both;animation-delay:.12s}@keyframes banner-in{0%{opacity:0;transform:translateY(-90px) scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}.win__bingo{--stroke: .07em;font-size:clamp(48px,8vw,120px);line-height:1;animation:bingo-bounce 1.6s ease-in-out infinite}@keyframes bingo-bounce{0%,to{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.07) rotate(1.5deg)}}.win__card{animation:card-spin-in .9s var(--spring) both;animation-delay:.32s}.win__card--tie{display:flex;align-items:center}.win__card--tie .player-card:first-child{transform:rotate(-8deg);margin-right:-14px}.win__card--tie .player-card:last-child{transform:rotate(8deg);z-index:1}@keyframes card-spin-in{0%{opacity:0;transform:rotate(-220deg) scale(.2)}to{opacity:1;transform:none}}.win__team{font-size:clamp(22px,3vw,46px);line-height:1.1;text-align:center}.win__tally{margin:0;display:flex;align-items:baseline;gap:clamp(8px,1vw,16px);font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:clamp(14px,1.5vw,24px);animation:tally-in .5s var(--ease-out) both;animation-delay:.7s}@keyframes tally-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.win__tally-side{padding:2px 14px 4px;border-radius:999px;color:#fff6e6;text-shadow:0 2px 2px rgba(0,0,0,.5);border:2px solid var(--gold-mid);box-shadow:inset 0 2px 4px #00000059}.win__tally-side--maarten{background:linear-gradient(180deg,var(--maarten) 0%,var(--maarten-deep) 100%)}.win__tally-side--lau{background:linear-gradient(180deg,var(--lau) 0%,var(--lau-deep) 100%)}.win__tally-dash{color:var(--gold);opacity:.8}.win__hint{font-size:clamp(11px,1vw,15px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--parch-mid);opacity:.6}:root{--bg-deep: #123322;--bg-mid: #1d5335;--bg-lush: #2a7a49;--wood-dark: #4a2810;--wood-mid: #7b4a21;--wood-light: #a9682f;--wood-edge: #331a08;--gold-hi: #ffeaa0;--gold: #f6d26a;--gold-mid: #c9922b;--gold-deep: #8a5e12;--gold-shadow: #5c3c07;--parch-hi: #fffaea;--parch: #fdf3d8;--parch-mid: #f2dfb0;--parch-line: #d8bd85;--ink: #4a3213;--ink-soft: #7a5a2c;--maarten-hi: #7fd3ff;--maarten: #2f7fd4;--maarten-deep: #16457c;--lau-hi: #ffa6cf;--lau: #e0447f;--lau-deep: #8c1f47;--btn-hi: #8ee06a;--btn: #4fae35;--btn-deep: #2b6e1c;--danger: #e05a3a;--danger-deep: #8c2c17;--r-lg: 28px;--r-md: 18px;--r-sm: 12px;--drop-soft: 0 6px 18px rgba(0, 0, 0, .35);--drop-hard: 0 12px 28px rgba(0, 0, 0, .5);--drop-lift: 0 26px 48px rgba(0, 0, 0, .55);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--tile: 132px;--gap: 10px}.gilded{background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood-mid) 45%,var(--wood-dark) 100%);border:5px solid transparent;border-radius:var(--r-lg);background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(180deg,var(--wood-light) 0%,var(--wood-mid) 45%,var(--wood-dark) 100%),linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 25%,var(--gold-mid) 60%,var(--gold-deep) 100%);box-shadow:var(--drop-hard),inset 0 3px #ffffff47,inset 0 -6px 12px #00000059}.gold-text{position:relative;display:inline-block;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;letter-spacing:var(--tracking, .06em);color:var(--wood-edge);-webkit-text-stroke:var(--stroke, .075em) var(--wood-edge);filter:drop-shadow(0 .06em 0 rgba(0,0,0,.5)) drop-shadow(0 .14em .18em rgba(0,0,0,.45))}.gold-text:after{content:attr(data-text) / "";position:absolute;left:0;top:0;width:100%;pointer-events:none;-webkit-text-stroke:0;background:linear-gradient(180deg,#fff7d6 0%,var(--gold) 42%,var(--gold-mid) 72%,#a97516 100%);-webkit-background-clip:text;background-clip:text;color:transparent}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--parch);background:var(--bg-deep);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.kingdom{position:relative;height:100%;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% -10%,var(--bg-lush) 0%,transparent 55%),radial-gradient(80% 60% at 15% 100%,rgba(20,80,45,.8) 0%,transparent 60%),radial-gradient(80% 60% at 85% 100%,rgba(20,80,45,.8) 0%,transparent 60%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 100%)}.kingdom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.kingdom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(70% 70% at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%)}.stage{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;justify-items:center;gap:clamp(12px,2vw,40px);padding:clamp(8px,1.4vh,20px) clamp(12px,2vw,36px) clamp(14px,2vh,28px);min-height:0}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}}.shake .stage{animation:screen-shake .14s ease-in-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.06ms!important}}