:root{--ink: #171b16;--forest: #25372d;--forest-light: #3f5945;--cream: #f3ead6;--paper: #e9dfc9;--copper: #bf5d35;--amber: #d39a49;--muted: #a99f89;--line: rgba(243, 234, 214, .16)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--ink);color:var(--cream);font-family:Nunito,Segoe UI,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}#app{position:relative;z-index:1;width:100vw;height:100vh;overflow:auto}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:18px;background:#1c2a22;transition:opacity .5s ease,visibility .5s ease}.loading-screen:before{content:"";width:48px;height:48px;border:1px solid rgba(243,234,214,.35);border-radius:50% 0 50% 50%;background:var(--copper);transform:rotate(-25deg);box-shadow:18px 15px 0 -10px var(--amber)}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font:400 clamp(2rem,5vw,3rem)/1 Georgia,serif;letter-spacing:-.04em}.loading-sub{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.loading-bar-wrap{width:min(280px,65vw);height:2px;margin-top:8px;overflow:hidden;background:#f3ead626}.loading-bar{width:0;height:100%;background:var(--amber);box-shadow:0 0 14px var(--amber);transition:width .3s ease}.main-menu{position:relative;width:min(1440px,100%);min-height:100%;margin:0 auto;padding:30px clamp(24px,5vw,78px) 22px;display:flex;flex-direction:column;animation:page-in .65s cubic-bezier(.2,.75,.25,1) both}.main-menu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#121813e3,#121813ba 48%,#12181387);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes page-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.menu-topbar,.room-topbar{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding-bottom:20px;border-bottom:1px solid var(--line)}.menu-brand{display:inline-flex;align-items:center;gap:12px;color:var(--cream);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.menu-brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(243,234,214,.55);border-radius:50%;color:var(--amber);font:italic 700 1rem Georgia,serif}.menu-user{display:flex;align-items:center;gap:10px;color:#f3ead6c7;font-size:.73rem;font-weight:800}.menu-user img,.user-avatar-placeholder{display:grid;width:32px;height:32px;place-items:center;object-fit:cover;border:1px solid rgba(243,234,214,.42);border-radius:50%;background:var(--copper);color:var(--cream)}.menu-user-status{width:6px;height:6px;border-radius:50%;background:#a8bd7c;box-shadow:0 0 0 3px #a8bd7c1f}.menu-layout{flex:1;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(540px,1.12fr);gap:clamp(55px,8vw,130px);align-items:center;padding:clamp(40px,6vh,76px) 0}.menu-intro{position:relative;max-width:610px}.menu-season{display:flex;gap:20px;margin-bottom:clamp(30px,5vh,56px);color:var(--amber);font-size:.61rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.menu-season span+span{position:relative;color:var(--muted)}.menu-season span+span:before{content:"";position:absolute;left:-11px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--copper)}.menu-kicker,.section-label{display:block;color:var(--copper);font-size:.64rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.menu-title{margin:15px 0 24px;color:var(--cream);font:400 clamp(2.65rem,5.2vw,5.35rem)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.menu-title em{color:var(--amber);font-weight:400}.menu-description{max-width:500px;color:#e9dfc9b3;font-size:clamp(.86rem,1.15vw,1rem);line-height:1.75}.menu-note{display:flex;align-items:center;gap:14px;margin-top:clamp(30px,5vh,52px);color:var(--muted);font-size:.68rem;line-height:1.45}.menu-note strong{display:block;color:var(--cream);font-size:.73rem}.menu-note-leaf{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(211,154,73,.35);border-radius:50%;color:var(--amber);font-size:1.6rem}.game-library{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.game-library-head,.room-browser-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.game-library h2,.room-browser h2{margin-top:6px;font:400 clamp(1.35rem,2.2vw,1.8rem)/1.1 Georgia,serif}.game-count{padding-bottom:3px;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-card{--accent: var(--copper);position:relative;min-height:clamp(145px,19vh,190px);padding:20px;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;gap:12px 16px;text-align:left;border:1px solid var(--line);border-radius:2px;background:#1f2b22b8;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(220px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);transition:opacity .3s ease}.game-card:after{content:"";position:absolute;right:-28px;bottom:-48px;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%}.game-card--harbor{--accent: #819b8a}.game-card--ember{--accent: #cc5934}.game-card--moss{--accent: #9da963}.game-card--gold{--accent: #d39a49}.game-card--clay{--accent: #c67a45}.game-card:hover,.game-card:focus-visible{z-index:1;border-color:color-mix(in srgb,var(--accent) 72%,var(--cream));background:#2a382ded;transform:translateY(-4px);outline:none}.game-card:hover:before,.game-card:focus-visible:before{opacity:1}.game-card.is-opening{transform:scale(.97);opacity:.75}.game-card-number{position:relative;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.13em}.game-card-icon{position:relative;display:grid;width:45px;height:45px;place-items:center;grid-row:2;align-self:end;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;color:var(--accent);font:400 1.25rem Georgia,serif;transition:color .25s,background .25s}.game-card:hover .game-card-icon{color:var(--ink);background:var(--accent)}.game-card-copy{position:relative;grid-column:2;grid-row:2;align-self:end;min-width:0}.game-card-name{display:block;color:var(--cream);font:400 clamp(1rem,1.6vw,1.27rem)/1.05 Georgia,serif}.game-card-desc{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--muted);font-size:.62rem;font-weight:700}.game-card-desc i{width:3px;height:3px;border-radius:50%;background:var(--accent)}.game-card-arrow{position:relative;justify-self:end;color:var(--accent);font-size:1.05rem;transition:transform .25s ease}.game-card:hover .game-card-arrow{transform:translate(3px,-3px)}.menu-footer{display:flex;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line);color:#e9dfc97a;font-size:.57rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.menu-footer-line{width:38px;height:1px;background:var(--copper)}.room-screen{width:min(1320px,100%);min-height:100%;margin:0 auto;padding:30px clamp(24px,6vw,88px);animation:page-in .5s ease both}.room-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#121813d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.room-wordmark{font:400 1rem Georgia,serif}.room-back-btn{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:color .2s}.room-back-btn span{font-size:1rem}.room-back-btn:hover{color:var(--cream)}.room-layout{min-height:calc(100vh - 104px);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,8vw,120px);align-items:center;padding:50px 0}.room-hero{max-width:430px}.room-hero-icon{display:grid;width:72px;height:72px;margin-bottom:36px;place-items:center;border:1px solid rgba(211,154,73,.45);border-radius:50%;color:var(--amber);font:400 2rem Georgia,serif}.room-screen-title{margin:10px 0 18px;font:400 clamp(2.6rem,5vw,4.8rem)/.95 Georgia,serif;letter-spacing:-.05em}.room-hero>p{color:var(--muted);line-height:1.7}.room-hero-detail{display:flex;align-items:center;gap:9px;margin-top:38px;color:#e9dfc98c;font-size:.62rem;font-weight:800}.room-hero-detail span,.live-badge i{width:6px;height:6px;border-radius:50%;background:#a8bd7c;box-shadow:0 0 0 4px #a8bd7c1a}.room-browser{padding:clamp(24px,4vw,42px);border:1px solid var(--line);background:#1a251de0;box-shadow:0 30px 70px #03080547}.live-badge{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.room-list{min-height:170px;max-height:330px;overflow-y:auto;border-top:1px solid var(--line)}.room-list:empty:after{content:"Keine offenen Räume.";display:grid;min-height:170px;place-items:center;padding:30px;color:#e9dfc97a;font:italic 400 .9rem/1.6 Georgia,serif;text-align:center}.room-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid var(--line)}.room-item-index{color:var(--copper);font-size:.56rem;font-weight:900;letter-spacing:.1em}.room-item-name{color:var(--cream);font:400 1rem Georgia,serif}.room-item-players{margin-top:4px;color:var(--muted);font-size:.62rem;font-weight:700}.room-join-btn{display:flex;align-items:center;gap:14px;padding:9px 12px;border:1px solid rgba(211,154,73,.35);background:transparent;color:var(--amber);font-size:.63rem;font-weight:900;cursor:pointer;transition:background .2s,color .2s}.room-join-btn:hover{background:var(--amber);color:var(--ink)}.room-join-btn:disabled{opacity:.35;cursor:not-allowed}.room-create-btn{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px;padding:16px;border:0;background:var(--copper);color:var(--cream);text-align:left;cursor:pointer;transition:background .2s,transform .2s}.room-create-btn:hover{background:#d06b3f;transform:translateY(-2px)}.room-create-btn strong,.room-create-btn small{display:block}.room-create-btn strong{font-size:.73rem}.room-create-btn small{margin-top:3px;color:#fff5e1ad;font-size:.58rem}.room-create-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:1.2rem}.settings-btn{position:fixed;right:18px;bottom:18px;z-index:100;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#171b16d9;cursor:pointer}@media (max-width: 900px){body{overflow:auto}.menu-layout{grid-template-columns:1fr;gap:48px;padding-top:46px}.menu-intro{max-width:680px}.menu-season{margin-bottom:28px}.room-layout{grid-template-columns:1fr;gap:46px;align-items:start}.room-hero{max-width:600px;padding-top:10px}}@media (max-width: 580px){.main-menu,.room-screen{padding:18px 16px}.menu-topbar,.room-topbar{padding-bottom:14px}.menu-user>span:nth-child(2){display:none}.menu-layout{gap:38px;padding:36px 0}.menu-title{font-size:clamp(2.45rem,13vw,3.7rem)}.game-grid{grid-template-columns:1fr}.game-card{min-height:132px}.menu-footer{margin-top:4px}.room-layout{min-height:auto;padding:38px 0}.room-hero-icon{width:58px;height:58px;margin-bottom:26px}.room-browser{margin:0 -4px;padding:22px 16px}.room-item{grid-template-columns:26px 1fr}.room-join-btn{grid-column:2;justify-self:start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bs-screen{position:relative;z-index:10;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;padding:8px 10px 6px;overflow:hidden;gap:5px}.bs-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;flex-shrink:0;padding-bottom:6px;border-bottom:2px solid rgba(255,220,50,.35)}.bs-title{font-family:Pacifico,cursive;font-size:1.1rem;font-weight:400;letter-spacing:1px;background:linear-gradient(135deg,#ffe066,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 4px rgba(255,180,0,.5))}.bs-back-btn{background:#ffffff47;border:2px solid rgba(255,255,255,.55);border-radius:8px;color:#1a3a5c;font-size:.75rem;padding:5px 13px;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;letter-spacing:.5px;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bs-back-btn:hover{background:#ffffff73;border-color:#ffdc32b3;box-shadow:0 3px 12px #00509633}.bs-status-pill{font-size:.65rem;padding:4px 12px;border-radius:20px;font-weight:800;font-family:Nunito,sans-serif;letter-spacing:.5px}.bs-status-pill.myturn{background:linear-gradient(135deg,#32dc78e6,#00b450cc);color:#fff;border:none;box-shadow:0 2px 10px #00b45073;animation:statusPulse 1.4s ease-in-out infinite}.bs-status-pill.wait{background:#ffffff40;color:#1a3a5cb3;border:1px solid rgba(255,255,255,.45)}.bs-status-pill.over{background:linear-gradient(135deg,#ff7832e6,#ff5014cc);color:#fff;border:none;box-shadow:0 2px 10px #ff500066}@keyframes statusPulse{0%,to{box-shadow:0 2px 10px #00c86466}50%{box-shadow:0 2px 20px #00dc6eb3}}.bs-message{font-size:.75rem;color:#ffffffd9;text-align:center;min-height:14px;letter-spacing:1px;font-family:Nunito,sans-serif;font-weight:700;text-transform:uppercase;flex-shrink:0;text-shadow:0 1px 4px rgba(0,80,150,.3)}.bs-message.myturn-msg{color:#fff;font-weight:900;text-shadow:0 0 12px rgba(50,220,120,.7),0 1px 4px rgba(0,100,0,.4)}.bs-boards{display:flex;gap:16px;align-items:flex-start;justify-content:center;width:100%;flex:1;min-height:0}.bs-board-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:420px}.bs-board-label{font-family:Nunito,sans-serif;font-size:.6rem;color:#ffffffb3;letter-spacing:2px;font-weight:800;text-transform:uppercase}.bs-board-label.enemy-label{color:#ff7832e6}.bs-grid-outer{display:flex;flex-direction:column;gap:0}.bs-coords-top{display:flex;gap:0;margin-left:20px}.bs-grid-row{display:flex;gap:0}.bs-coords-left{display:flex;flex-direction:column;gap:0;width:20px}.bs-coord{font-family:Nunito,sans-serif;font-size:.42rem;color:#ffffff8c;display:flex;align-items:center;justify-content:center;font-weight:700}.bs-grid-wrap{position:relative}.bs-water-canvas{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;z-index:0}.bs-grid{display:grid;grid-template-columns:repeat(10,var(--cell, 36px));grid-template-rows:repeat(10,var(--cell, 36px));gap:0;border:2px solid rgba(255,255,255,.55);border-radius:10px;overflow:hidden;position:relative;z-index:1;background:#0ea5d473;box-shadow:0 4px 20px #0050964d,0 0 0 1px #fff3,inset 0 0 40px #0064b433}.bs-cell{width:var(--cell, 36px);height:var(--cell, 36px);background:#0ea5d438;border:1px solid rgba(255,255,255,.12);cursor:default;position:relative;overflow:visible;transition:transform .1s}.bs-cell.bs-ship-cell{background:linear-gradient(160deg,#003c8cf2,#0064c8e6 45%,#002d6ef2);box-shadow:inset 0 2px #64c8ff4d,inset 0 -2px #00000040,inset 2px 0 #50b4ff26}.bs-cell.bs-ship-cell:after{content:"";position:absolute;top:2px;left:10%;right:10%;height:35%;background:linear-gradient(180deg,rgba(180,230,255,.22) 0%,transparent 100%);border-radius:2px;pointer-events:none}.bs-cell.preview-valid{background:#ffdc324d!important;border:1px solid rgba(255,220,50,.8)!important;border-radius:3px!important;box-shadow:0 0 10px #ffdc3273!important;cursor:pointer;animation:previewPulse .8s ease-in-out infinite alternate}@keyframes previewPulse{0%{box-shadow:0 0 6px #ffdc3259}to{box-shadow:0 0 16px #ffdc32b3}}.bs-cell.preview-invalid{background:#ff3c3c40!important;border:1px solid rgba(255,80,80,.6)!important;border-radius:3px!important;cursor:not-allowed}.bs-cell.hit-on-ship{background:linear-gradient(160deg,#c83c00f2,#ff6414e6 45%,#a01e00f2);box-shadow:inset 0 2px #ffc8644d,inset 0 -2px #0006,0 0 12px #ff640080}.bs-cell.hit-on-ship:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;background:radial-gradient(circle,#fff064bf,#ff640000 70%);border-radius:50%;animation:hitCore 1.5s ease-in-out infinite alternate}.bs-cell.sunk-ship{background:linear-gradient(160deg,#8c0000f7,#c81414eb 45%,#640000f7);box-shadow:inset 0 2px #ff505033,inset 0 -2px #00000080,0 0 10px #b4000080}.bs-cell.sunk-ship:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell, 36px) * .46);color:#ff9696cc;font-weight:900;line-height:1;pointer-events:none}.bs-cell.hit{background:radial-gradient(circle at 45% 40%,#ffc80099,#ff5000a6 40%,#c81e0099);border:1px solid rgba(255,150,0,.8);border-radius:2px;box-shadow:0 0 12px #ff640080,inset 0 0 8px #ff500040}.bs-cell.hit:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;background:radial-gradient(circle,#fff064d9,#ff640000 70%);border-radius:50%;animation:hitCore 1.5s ease-in-out infinite alternate}@keyframes hitCore{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.bs-cell.miss{background:#0ea5d41a;border:1px solid rgba(255,255,255,.15);border-radius:2px}.bs-cell.miss:before{content:"";position:absolute;top:25%;right:25%;bottom:25%;left:25%;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff0f}.bs-cell.sunk{background:radial-gradient(circle at center,#b40000bf,#640000a6);border:1px solid rgba(255,60,60,.7);border-radius:2px;box-shadow:0 0 10px #c8000073}.bs-cell.sunk:before{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell, 36px) * .48);color:#ff7878cc;font-weight:900;line-height:1}.bs-cell.clickable{cursor:crosshair}.bs-cell.clickable:hover{background:#ffdc324d!important;border:1px solid rgba(255,220,50,.7)!important;border-radius:2px!important;box-shadow:0 0 12px #ffdc3266!important;transform:scale(1.12);z-index:5}.bs-cell.just-hit{animation:justHit .65s cubic-bezier(.36,.07,.19,.97) both}@keyframes justHit{0%{transform:scale(1);filter:brightness(1)}15%{transform:scale(1.45);filter:brightness(3)}40%{transform:scale(.85);filter:brightness(1.5)}65%{transform:scale(1.15);filter:brightness(2)}85%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1)}}.bs-place-panel{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:900px;flex-shrink:0}.bs-place-title{font-size:.72rem;color:#fffc;letter-spacing:1px;font-family:Nunito,sans-serif;font-weight:700;text-transform:uppercase}.bs-ship-list{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.bs-ship-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff2e;font-size:.68rem;color:#ffffffb3;white-space:nowrap;font-family:Nunito,sans-serif;font-weight:700;letter-spacing:.5px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-ship-pill.active{border-color:#ffdc32d9;background:#ffdc3240;color:#fff;box-shadow:0 0 12px #ffdc324d}.bs-ship-pill.placed{border-color:#32c87866;background:#32c8781f;color:#64ff9699;text-decoration:line-through;opacity:.5}.bs-ship-dots{display:flex;gap:2px}.bs-ship-dot{width:6px;height:6px;border-radius:1px;background:currentColor;opacity:.8}.bs-place-actions{display:flex;gap:8px;align-items:center}.bs-rotate-btn{background:#ffdc3233;border:2px solid rgba(255,220,50,.6);border-radius:8px;color:#fff;padding:6px 14px;font-size:.72rem;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;letter-spacing:.5px;transition:all .2s}.bs-rotate-btn:hover{background:#ffdc3259;box-shadow:0 3px 12px #ffdc3259}.bs-reset-btn{background:#ff503226;border:2px solid rgba(255,100,80,.5);border-radius:8px;color:#ffb4a0f2;padding:6px 14px;font-size:.72rem;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;letter-spacing:.5px;transition:all .2s}.bs-reset-btn:hover{background:#ff503247;box-shadow:0 3px 12px #ff3c1e4d}.bs-ready-btn{background:linear-gradient(135deg,#ffdc32d9,#ffb400cc);border:2px solid rgba(255,220,50,.9);border-radius:8px;color:#fff;padding:8px 22px;font-size:.8rem;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;letter-spacing:1px;transition:all .2s;box-shadow:0 3px 12px #ffb40066}.bs-ready-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffb4008c}.bs-ready-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.bs-opp-ready{font-size:.68rem;color:#ffffffd9;letter-spacing:1px;font-family:Nunito,sans-serif;font-weight:700}.bs-lobby{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:400px;width:100%;animation:lobbyEnter .5s ease both}@keyframes lobbyEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bs-lobby-icon{font-size:3.2rem;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,80,150,.35))}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.bs-lobby-title{font-family:Pacifico,cursive;font-size:1.3rem;font-weight:400;color:#fff;text-align:center;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,80,150,.35);filter:drop-shadow(0 2px 8px rgba(255,180,0,.4))}.bs-lobby-info{color:#ffffffc7;font-size:.8rem;text-align:center;line-height:1.7;letter-spacing:.5px;font-family:Nunito,sans-serif;font-weight:600}.bs-room-display{background:#ffffff38;border:2px solid rgba(255,255,255,.45);border-radius:12px;padding:12px 22px;text-align:center;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bs-room-label{font-family:Nunito,sans-serif;font-size:.55rem;color:#fff9;letter-spacing:3px;margin-bottom:6px;font-weight:700;text-transform:uppercase}.bs-room-id{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 0 12px rgba(255,220,50,.5);word-break:break-all}.bs-players-list{width:100%;display:flex;flex-direction:column;gap:7px}.bs-player-row{display:flex;align-items:center;gap:10px;background:#ffffff38;border:2px solid rgba(255,255,255,.4);border-radius:10px;padding:9px 13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bs-player-row img,.bs-player-avatar-ph{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,220,50,.6)}.bs-player-avatar-ph{background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff}.bs-player-name{flex:1;font-size:.85rem;font-weight:800;color:#fff;font-family:Nunito,sans-serif;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,80,150,.3)}.bs-waiting-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:bs-spin .8s linear infinite;display:inline-block;margin-right:8px;flex-shrink:0}@keyframes bs-spin{to{transform:rotate(360deg)}}.bs-gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#003c78bf;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bs-gameover-box{background:#ffffff38;border:2px solid rgba(255,255,255,.55);border-radius:20px;padding:36px 44px;text-align:center;display:flex;flex-direction:column;gap:14px;max-width:340px;width:90%;animation:bs-popin .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 40px #00509659;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes bs-popin{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bs-gameover-icon{font-size:3.2rem;animation:iconFloat 2s ease-in-out infinite}.bs-gameover-title{font-family:Pacifico,cursive;font-size:1.5rem;font-weight:400;letter-spacing:2px;color:#fff}.bs-gameover-title.win{text-shadow:0 0 20px rgba(50,220,120,.8);color:#80ffb0}.bs-gameover-title.lose{text-shadow:0 0 20px rgba(255,100,50,.8);color:#ffb090}.bs-gameover-sub{color:#ffffffb3;font-size:.8rem;letter-spacing:.5px;font-family:Nunito,sans-serif;font-weight:600}.bs-gameover-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#fff;padding:12px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ffb40073}.bs-gameover-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffb40099}.bs-place-progress{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;color:#ffffffd9;letter-spacing:1px}.bs-place-layout{display:flex;gap:18px;align-items:flex-start;justify-content:center;width:100%;max-width:900px;flex:1;min-height:0}.bs-place-sidebar{display:flex;flex-direction:column;gap:14px;flex-shrink:0;width:180px}.bs-sidebar-section{display:flex;flex-direction:column;gap:8px}.bs-sidebar-title{font-family:Nunito,sans-serif;font-size:.6rem;font-weight:800;color:#ffffff8c;letter-spacing:2.5px;text-transform:uppercase}.bs-ship-fleet{display:flex;flex-direction:column;gap:4px}.bs-fleet-row{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;font-family:Nunito,sans-serif;font-size:.72rem;color:#fff9;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-fleet-row.active{border-color:#ffdc32bf;background:#ffdc322e;color:#fff;box-shadow:0 2px 10px #ffdc3240;font-weight:800}.bs-fleet-row.placed{border-color:#32c8784d;background:#32c87814;color:#64ff9680;text-decoration:line-through;opacity:.55}.bs-fleet-row.pending{opacity:.75}.bs-fleet-dots{display:flex;gap:2px;flex-shrink:0}.bs-fleet-dot{width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.85}.bs-fleet-dot.active{background:#ffdc32e6;box-shadow:0 0 4px #ffdc3280}.bs-fleet-dot.placed{background:#64ff9680}.bs-fleet-dot.pending{background:#ffffff80}.bs-fleet-name{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-fleet-size{font-size:.65rem;opacity:.7;flex-shrink:0}.bs-fleet-check{color:#64ff96cc;font-weight:900;flex-shrink:0}.bs-orient-btn{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;background:#ffffff24;border:2px solid rgba(255,255,255,.35);color:#fff;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-orient-btn.h-active{border-color:#ffdc32b3;background:#ffdc322e;box-shadow:0 2px 10px #ffdc3233}.bs-orient-btn.v-active{border-color:#64dcffb3;background:#64dcff1f;box-shadow:0 2px 10px #64dcff33}.bs-orient-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00509640}.bs-orient-icon{display:flex;align-items:center;justify-content:center;width:26px;height:18px;flex-shrink:0}.bs-orient-ship{display:flex;gap:2px}.bs-orient-ship.horiz{flex-direction:row;align-items:center}.bs-orient-ship.vert{flex-direction:column;align-items:center}.bs-orient-ship span{display:block;width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.85}.bs-sidebar-actions{display:flex;flex-direction:column;gap:7px;margin-top:4px}.bs-opp-ready-badge{background:#32c87833;border:1px solid rgba(50,200,120,.5);border-radius:8px;padding:6px 10px;text-align:center;font-family:Nunito,sans-serif;font-size:.65rem;font-weight:800;color:#64ff96e6;letter-spacing:1px}.bs-place-board-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.bs-place-hint{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700;color:#fffc;letter-spacing:.5px;text-align:center}.bs-place-hint strong{color:#ffe066;font-weight:900}.bs-place-hint.ready{color:#64ff96e6;font-weight:800}.bs-score-badge{display:inline-block;background:#fff3;border-radius:6px;padding:1px 7px;font-size:.62rem;font-weight:800;margin-left:5px;vertical-align:middle;color:#ffffffe6}.bs-score-badge.enemy{background:#ff783240;color:#ffb478f2}.bs-board-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding-top:40px;opacity:.55}.bs-divider-line{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent)}.bs-divider-icon{font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(255,220,50,.5))}.bs-sunk-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.bs-sunk-bar{position:absolute;border-radius:2px;background:#5014148c;z-index:2;pointer-events:none}.bs-sunk-bar.horiz{left:10%;right:10%;top:38%;bottom:38%}.bs-sunk-bar.vert{top:10%;bottom:10%;left:38%;right:38%}@keyframes anim-hit-kf{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.4);filter:brightness(3.5)}50%{transform:scale(.9);filter:brightness(1.8)}75%{transform:scale(1.1);filter:brightness(2.2)}to{transform:scale(1);filter:brightness(1)}}.bs-cell.anim-hit{animation:anim-hit-kf .65s cubic-bezier(.36,.07,.19,.97) both;z-index:10}@keyframes anim-miss-kf{0%{transform:scale(1);opacity:1}30%{transform:scale(1.2);opacity:.85}to{transform:scale(1);opacity:1}}.bs-cell.anim-miss{animation:anim-miss-kf .55s ease both}@keyframes anim-sunk-kf{0%{transform:scale(1);filter:brightness(1)}15%{transform:scale(1.3);filter:brightness(4)}40%{transform:scale(.85);filter:brightness(2)}65%{transform:scale(1.12);filter:brightness(2.5)}to{transform:scale(1);filter:brightness(1)}}.bs-cell.anim-sunk{animation:anim-sunk-kf .85s cubic-bezier(.36,.07,.19,.97) both;z-index:10}@keyframes spark-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--dist)) scale(0);opacity:0}}.bs-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:gold;box-shadow:0 0 4px #f80;pointer-events:none;z-index:20;animation:spark-fly .7s ease-out both;animation-delay:var(--delay, 0s)}@keyframes drop-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(1);opacity:.9}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(12px) scale(.3);opacity:0}}.bs-drop{position:absolute;width:5px;height:5px;border-radius:50%;background:#64d2ffd9;pointer-events:none;z-index:20;animation:drop-fly .6s ease-out both;animation-delay:var(--delay, 0s)}@keyframes smoke-rise{0%{transform:translate(var(--x)) translateY(0) scale(.5);opacity:.65}60%{opacity:.35}to{transform:translate(var(--x)) translateY(-32px) scale(1.6);opacity:0}}.bs-smoke{position:absolute;width:12px;height:12px;border-radius:50%;background:#503c3c99;pointer-events:none;z-index:20;animation:smoke-rise 1.2s ease-out both;animation-delay:var(--delay, 0s)}@keyframes frag-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--dist)) scale(.2);opacity:0}}.bs-frag{position:absolute;width:4px;height:3px;border-radius:1px;background:#64503ce6;pointer-events:none;z-index:20;animation:frag-fly .9s ease-out both;animation-delay:var(--delay, 0s)}@keyframes spray-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(1);opacity:.8}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(14px) scale(.3);opacity:0}}.bs-spray{position:absolute;width:4px;height:7px;border-radius:2px;background:#78dcffbf;pointer-events:none;z-index:20;animation:spray-fly .8s ease-out both;animation-delay:var(--delay, 0s)}@media (max-width: 700px){.bs-boards{gap:8px}.bs-place-layout{gap:10px}.bs-place-sidebar{width:150px}}@media (max-width: 480px){.bs-boards{gap:4px}.bs-coords-top,.bs-coords-left{display:none}.bs-place-layout{flex-direction:column;align-items:center}.bs-place-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}}.uno-screen{position:relative;z-index:10;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;padding:6px 12px;overflow:hidden;gap:6px}.uno-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;flex-shrink:0;padding-bottom:5px;border-bottom:2px solid rgba(255,220,50,.3)}.uno-title{font-family:Pacifico,cursive;font-size:1.2rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(255,180,0,.6))}.uno-back-btn{background:#fff3;border:2px solid rgba(255,255,255,.45);border-radius:8px;color:#fff;font-size:.75rem;padding:5px 13px;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.uno-back-btn:hover{background:#ffffff59;border-color:#ffdc32b3}.uno-status-pill{font-size:.65rem;padding:4px 14px;border-radius:20px;font-weight:800;font-family:Nunito,sans-serif;letter-spacing:.5px}.uno-status-pill.myturn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 14px #22c55e99;animation:unoPulse 1.2s ease-in-out infinite}.uno-status-pill.wait{background:#ffffff2e;color:#fffc;border:1px solid rgba(255,255,255,.3)}.uno-status-pill.over{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}@keyframes unoPulse{0%,to{box-shadow:0 0 14px #22c55e80}50%{box-shadow:0 0 26px #22c55ee6}}.uno-opponents-bar{display:flex;gap:5px;width:100%;max-width:960px;flex-shrink:0;flex-wrap:wrap;align-items:center}.uno-opp-chip{display:flex;align-items:center;gap:5px;background:#0028648c;border:1.5px solid rgba(255,255,255,.25);border-radius:20px;padding:3px 9px 3px 4px;transition:border-color .25s,box-shadow .25s,background .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:160px;box-shadow:0 2px 8px #00000040}.uno-opp-chip--active{border-color:#ffdc32e6;background:#003c8cb3;box-shadow:0 0 12px #ffdc3266,0 2px 8px #0000004d}.uno-chip-av{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,220,50,.7);box-shadow:0 0 6px #ffc80066;flex-shrink:0}.uno-chip-ph{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;color:#fff;flex-shrink:0;border:2px solid rgba(255,220,50,.7);box-shadow:0 0 6px #ffc80066}.uno-opp-av{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2.5px solid rgba(255,220,50,.8);box-shadow:0 0 10px #ffc80080,0 2px 8px #0000004d;flex-shrink:0}.uno-avatar-ph{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;color:#fff;flex-shrink:0;border:2.5px solid rgba(255,220,50,.8);box-shadow:0 0 10px #ffc80080,0 2px 8px #0000004d}.uno-chip-info{display:flex;flex-direction:column;gap:0px;min-width:0}.uno-chip-name{font-family:Nunito,sans-serif;font-size:.65rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;line-height:1.2}.uno-chip-cards{font-family:Nunito,sans-serif;font-size:.58rem;font-weight:700;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.2}.uno-chip-uno{color:#ff6b6b;font-weight:900;animation:unoPulse .6s ease-in-out infinite}.uno-table{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;width:100%;max-width:960px;position:relative}.uno-dir-badge{font-size:1.6rem;font-weight:900;width:44px;height:44px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;transition:color .5s,background .5s;flex-shrink:0}.uno-deck-area{display:flex;flex-direction:column;align-items:center;gap:8px}.uno-deck-stack{position:relative;width:70px;height:100px;cursor:pointer;transition:transform .2s}.uno-deck-stack:hover{transform:translateY(-4px) scale(1.06)}.uno-deck--active .uno-deck-card--1{box-shadow:0 0 20px #ffdc32b3,0 4px 16px #0006!important}.uno-deck-card{position:absolute;width:70px;height:100px;border-radius:10px;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.9) .5px,transparent .5px),radial-gradient(circle at 75% 15%,rgba(255,255,255,.8) .8px,transparent .8px),radial-gradient(circle at 45% 40%,rgba(255,255,255,.7) .4px,transparent .4px),radial-gradient(circle at 85% 55%,rgba(255,255,255,.9) .6px,transparent .6px),radial-gradient(circle at 15% 65%,rgba(255,255,255,.8) .5px,transparent .5px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.6) .4px,transparent .4px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.7) .5px,transparent .5px),radial-gradient(circle at 90% 82%,rgba(255,255,255,.8) .4px,transparent .4px),radial-gradient(circle at 50% 10%,rgba(255,255,255,.9) .6px,transparent .6px),radial-gradient(circle at 10% 45%,rgba(255,255,255,.6) .4px,transparent .4px),radial-gradient(circle at 70% 90%,rgba(255,255,255,.7) .5px,transparent .5px),radial-gradient(circle at 35% 55%,rgba(161,172,235,.6) .4px,transparent .4px),radial-gradient(circle at 80% 35%,rgba(209,194,249,.7) .4px,transparent .4px),linear-gradient(160deg,#1d2248,#121631 45%,#0e0d20 80%,#080612);border:2px solid rgba(97,107,180,.6);box-shadow:0 4px 12px #00000080,inset 0 1px #a1aceb26}.uno-deck-card--3{transform:rotate(-4deg) translate(-4px,4px);opacity:.6}.uno-deck-card--2{transform:rotate(-2deg) translate(-2px,2px);opacity:.8}.uno-deck-card--1{transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.uno-deck-card--1:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(161,172,235,.12) 0%,transparent 100%);border-radius:8px 8px 0 0}.uno-deck-logo{width:54px;height:54px;object-fit:contain;z-index:1;filter:drop-shadow(0 0 8px rgba(209,194,249,.8))}.uno-deck-cnt{font-size:.55rem;font-weight:800;color:#ffffff8c;font-family:Nunito,sans-serif;z-index:1}.uno-pass-btn{background:#ffffff38;border:2px solid rgba(255,255,255,.45);border-radius:8px;color:#fff;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:800;padding:5px 12px;cursor:pointer;transition:all .2s;white-space:nowrap}.uno-pass-btn:hover{background:#ffffff61}.uno-discard-area{position:relative;display:flex;align-items:center;justify-content:center}.uno-discard-empty{width:70px;height:100px;border:3px dashed rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:1.5rem}.uno-drawstack-badge{position:absolute;top:-10px;right:-12px;color:#fff;font-size:.7rem;font-weight:900;padding:3px 8px;border-radius:12px;font-family:Nunito,sans-serif;animation:unoPulse .8s ease-in-out infinite}.uno-card{--c-bg1: #3b82f6;--c-bg2: #1e3a8a;--c-shine: rgba(120,180,255,.35);--c-border: #60a5fa;--c-text: #fff;--c-shadow: rgba(59,130,246,.6);width:62px;height:92px;border-radius:12px;border:2.5px solid var(--c-border);position:relative;flex-shrink:0;cursor:default;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff26;-webkit-user-select:none;user-select:none}.uno-card-inner{width:100%;height:100%;border-radius:10px;background:linear-gradient(155deg,var(--c-bg1) 0%,var(--c-bg2) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.uno-card-shine{position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(180deg,var(--c-shine) 0%,transparent 100%);border-radius:10px 10px 0 0;pointer-events:none}.uno-card-oval{width:44px;height:60px;border-radius:50%;background:#00000038;border:2px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transform:rotate(-20deg);box-shadow:inset 0 2px 6px #0003;position:relative;z-index:1}.uno-card-main{color:var(--c-text);font-family:Nunito,sans-serif;font-weight:900;font-size:1.5rem;line-height:1;transform:rotate(20deg);text-shadow:0 2px 4px rgba(0,0,0,.3);display:block}.uno-card-main--sym{font-size:1.1rem}.uno-card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.uno-card-tl{top:5px;left:7px}.uno-card-br{bottom:5px;right:7px;transform:rotate(180deg)}.uno-card-num{font-family:Nunito,sans-serif;font-weight:900;font-size:.65rem;color:var(--c-text);text-shadow:0 1px 3px rgba(0,0,0,.35)}.uno-card--playable{cursor:pointer;transform:translateY(-6px);box-shadow:0 0 0 2px var(--c-border),0 0 18px var(--c-shadow),0 6px 18px #0006}.uno-card--playable:hover{transform:translateY(-12px) scale(1.07);box-shadow:0 0 0 2.5px var(--c-border),0 0 28px var(--c-shadow),0 10px 24px #00000073}.uno-card--selected{transform:translateY(-16px) scale(1.1)!important;box-shadow:0 0 0 3px gold,0 0 32px #ffd700cc,0 12px 28px #00000080!important}.uno-card--dim{opacity:.42;cursor:not-allowed}.uno-discard-area .uno-card{transform:rotate(-2deg);cursor:default}.uno-color-picker{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fffffff2;border:3px solid rgba(255,220,50,.7);border-radius:18px;padding:14px 20px;box-shadow:0 8px 32px #00000059;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;animation:unoPopIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes unoPopIn{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.uno-color-pick-label{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;color:#1a3a5c}.uno-color-btns{display:flex;gap:10px}.uno-color-btn{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:var(--cc);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 10px var(--cs, rgba(0,0,0,.3));position:relative;overflow:hidden}.uno-color-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff40;border-radius:50% 50% 0 0}.uno-color-btn:hover{transform:scale(1.2);box-shadow:0 6px 20px var(--cs, rgba(0,0,0,.4));border-color:#ffffffe6}.uno-my-area{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:960px;flex-shrink:0;padding-bottom:4px}.uno-my-info{display:flex;align-items:center;gap:8px}.uno-my-name{font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800;color:#fff}.uno-my-turn-badge{font-size:.6rem;font-weight:900;color:gold;background:#0000004d;padding:2px 8px;border-radius:10px;font-family:Nunito,sans-serif;animation:unoPulse 1s ease-in-out infinite}.uno-uno-shout{font-family:Pacifico,cursive;font-size:.85rem;color:#f44;text-shadow:0 0 12px rgba(255,68,68,.8);animation:unoPulse .6s ease-in-out infinite}.uno-hand{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;padding:8px 4px 4px;max-height:160px;overflow-y:auto;overflow-x:visible}.uno-lobby{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:400px;width:100%;animation:unoFadeUp .5s ease both;flex:1 1 0;min-height:0;overflow:hidden}@keyframes unoFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.uno-lobby-icon{font-size:3rem;animation:unoFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,80,150,.3))}@keyframes unoFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.uno-lobby-title{font-family:Pacifico,cursive;font-size:1.3rem;color:#fff;text-align:center;filter:drop-shadow(0 2px 8px rgba(255,180,0,.4))}.uno-lobby-info{color:#ffffffb8;font-size:.8rem;text-align:center;font-family:Nunito,sans-serif;font-weight:600}.uno-players-list{width:100%;display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1 1 0;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.uno-players-list::-webkit-scrollbar{width:4px}.uno-players-list::-webkit-scrollbar-track{background:transparent}.uno-players-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.uno-player-row{display:flex;align-items:center;gap:10px;background:#fff3;border:2px solid rgba(255,255,255,.38);border-radius:10px;padding:9px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.uno-player-row.uno-player-waiting{opacity:.5;border-style:dashed}.uno-avatar-img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,220,50,.6);flex-shrink:0}.uno-avatar-ph{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}.uno-player-name{font-size:.88rem;font-weight:800;color:#fff;font-family:Nunito,sans-serif;display:flex;align-items:center;gap:5px}.uno-you{background:#ffd70040;color:gold;font-size:.6rem;font-weight:900;padding:1px 6px;border-radius:8px;border:1px solid rgba(255,215,0,.4)}.uno-host-crown{font-size:.8rem}.uno-waiting-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:unoSpin .8s linear infinite;flex-shrink:0}@keyframes unoSpin{to{transform:rotate(360deg)}}.uno-start-btn{width:100%;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#fff;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;padding:13px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffb40073;flex-shrink:0}.uno-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #ffb40099}.uno-start-btn:disabled{opacity:.35;cursor:not-allowed}.uno-card--ghost{opacity:.22;pointer-events:none;transform:none!important;box-shadow:none!important;border-style:dashed!important}.uno-gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#002864cc;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.uno-gameover-box{background:#ffffff38;border:2px solid rgba(255,255,255,.5);border-radius:22px;padding:36px 46px;text-align:center;display:flex;flex-direction:column;gap:14px;max-width:340px;width:90%;animation:unoPopIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.uno-gameover-icon{font-size:3rem;animation:unoFloat 2s ease-in-out infinite}.uno-gameover-title{font-family:Pacifico,cursive;font-size:1.5rem;color:#fff}.uno-gameover-title.win{color:#86efac;text-shadow:0 0 24px rgba(34,197,94,.8)}.uno-gameover-title.lose{color:#fca5a5;text-shadow:0 0 24px rgba(239,68,68,.8)}.uno-gameover-sub{color:#ffffffb8;font-size:.82rem;font-family:Nunito,sans-serif;font-weight:600}.uno-gameover-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#fff;padding:12px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffb40073}.uno-gameover-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ffb40099}.mono-screen{display:flex;flex-direction:row;position:fixed;top:0;right:0;bottom:0;left:0;gap:6px;padding:6px;box-sizing:border-box;overflow:hidden;background:transparent;align-items:stretch}.mono-board-wrap{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.mono-board{width:min(calc(100vh - 12px),calc(100vw - 222px));height:min(calc(100vh - 12px),calc(100vw - 222px));display:grid;grid-template-columns:2fr repeat(9,1fr) 2fr;grid-template-rows:2fr repeat(9,1fr) 2fr;border:2px solid #314490;border-radius:8px;overflow:visible;box-shadow:0 0 40px #616bb480;background:#0d1235;flex-shrink:0;position:relative}.mono-field{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(.45rem,1.1vw,.75rem);background:#121631;border:1px solid #1D2248;overflow:hidden;cursor:pointer;transition:background .15s;padding:3px 2px;box-sizing:border-box}.mono-field:hover{background:#1e2660}.mono-field--corner{font-size:clamp(1.1rem,2.8vw,2.2rem);background:#0d1235;cursor:default}.mono-field-color{position:absolute;display:flex;align-items:center;overflow:hidden}.mono-field--bottom .mono-field-color{top:0;left:0;right:0;height:clamp(7px,1.4vw,14px);flex-direction:row}.mono-field--top .mono-field-color{bottom:0;left:0;right:0;height:clamp(7px,1.4vw,14px);flex-direction:row}.mono-field--left .mono-field-color{top:0;right:0;bottom:0;width:clamp(7px,1.4vw,14px);flex-direction:column}.mono-field--right .mono-field-color{top:0;left:0;bottom:0;width:clamp(7px,1.4vw,14px);flex-direction:column}.mono-owner-stripe{position:absolute;opacity:.9;z-index:1}.mono-owner-stripe--bottom{bottom:0;left:0;right:0;height:3px}.mono-owner-stripe--top{top:0;left:0;right:0;height:3px}.mono-owner-stripe--left{top:0;left:0;bottom:0;width:3px}.mono-owner-stripe--right{top:0;right:0;bottom:0;width:3px}.mono-owner-stripe--{top:0;left:0;right:0;height:3px}.mono-field-houses{display:flex;align-items:center;justify-content:center;gap:1px;position:absolute;top:0;right:0;bottom:0;left:0;padding:1px}.mono-house{background:#22c55e;border:1px solid #16a34a;border-radius:1px;flex-shrink:0}.mono-hotel{background:#ef4444;border:1px solid #dc2626;border-radius:1px;flex-shrink:0}.mono-field--bottom .mono-house,.mono-field--top .mono-house{width:clamp(3px,.6vw,6px);height:80%}.mono-field--left .mono-house,.mono-field--right .mono-house{height:clamp(3px,.6vw,6px);width:80%}.mono-field--bottom .mono-hotel,.mono-field--top .mono-hotel{width:70%;height:80%}.mono-field--left .mono-hotel,.mono-field--right .mono-hotel{height:70%;width:80%}.mono-field-name{font-size:clamp(.38rem,.9vw,.68rem);color:#c8ccf0;text-align:center;line-height:1.25;font-family:Nunito,sans-serif;font-weight:700;padding:0 2px;margin-top:clamp(6px,1.3vw,16px);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;white-space:normal}.mono-field-price{display:none}.mono-field-icon{font-size:clamp(1rem,2.5vw,2rem);line-height:1}.mono-tokens{display:flex;flex-wrap:wrap;gap:1px;justify-content:center;position:absolute;bottom:1px;left:0;right:0}.mono-token-avatar{width:clamp(10px,1.8vw,18px);height:clamp(10px,1.8vw,18px);border-radius:50%;border:2px solid;object-fit:cover;display:block}.mono-token-avatar--fallback{width:clamp(10px,1.8vw,18px);height:clamp(10px,1.8vw,18px);border-radius:50%;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:clamp(5px,.9vw,9px);font-weight:800;color:#fff}.mono-houses,.mono-owner-dot,.mono-owner-dot--fallback{display:none}.mono-prop-row--current{background:#ffffff0f;border-radius:4px}.mono-prop-row--current .mono-prop-name{color:#fff}.mono-mortgaged{position:absolute;bottom:2px;left:2px;font-size:.35rem;color:#f87171;font-weight:700}.mono-center{grid-row:2 / 11;grid-column:2 / 11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#080612,#121631,#1d2248);border:1px solid #1D2248}.mono-center-logo{font-size:clamp(1.2rem,3vw,3rem);text-align:center;font-family:Pacifico,cursive;color:#a7aceb;line-height:1.2;filter:drop-shadow(0 0 12px rgba(161,172,235,.5))}.mono-center-logo span{font-size:clamp(.55rem,1.2vw,1rem);display:block;color:#616bb4;font-family:Nunito,sans-serif}.mono-dice-wrap{display:flex;gap:12px;align-items:center;justify-content:center}.mono-die3d{width:clamp(42px,6vw,72px);height:clamp(42px,6vw,72px);background:#e8e8f0;border-radius:clamp(6px,1vw,10px);box-shadow:0 4px #9090a0,0 0 20px #a1aceb80,inset 0 2px 4px #fffc;display:flex;align-items:center;justify-content:center;position:relative;transform-origin:center center}.mono-die3d--rolling{animation:diceRoll .7s cubic-bezier(.25,.46,.45,.94) infinite alternate}@keyframes diceRoll{0%{transform:rotate(-25deg) scale(1.05) translateY(-4px);box-shadow:0 8px #6060a0,0 0 25px #a78bfacc}25%{transform:rotate(18deg) scale(.95) translateY(2px);box-shadow:0 2px #6060a0,0 0 15px #a78bfa80}50%{transform:rotate(-12deg) scale(1.08) translateY(-6px);box-shadow:0 10px #6060a0,0 0 30px #a78bfae6}75%{transform:rotate(22deg) scale(.92) translateY(3px);box-shadow:0 1px #6060a0,0 0 10px #a78bfa66}to{transform:rotate(-8deg) scale(1.03) translateY(-2px);box-shadow:0 6px #6060a0,0 0 20px #a78bfab3}}.mono-die3d-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(3px,.5vw,6px);padding:clamp(6px,1vw,10px);width:100%;height:100%;box-sizing:border-box}.mono-dot{border-radius:50%;background:transparent;transition:background .15s}.mono-dot--on{background:#1a1a2e;box-shadow:inset 0 1px 2px #0006}.mono-doubles-label{font-size:clamp(.55rem,1.2vw,.85rem);color:#f59e0b;font-family:Nunito,sans-serif;font-weight:800;text-shadow:0 0 8px rgba(245,158,11,.6)}.mono-btn{background:linear-gradient(135deg,#314490,#1d2248);color:#e0e4ff;border:1px solid #616BB4;border-radius:8px;padding:6px 14px;font-family:Nunito,sans-serif;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.mono-btn:hover:not(:disabled){background:linear-gradient(135deg,#4155a8,#314490);box-shadow:0 0 12px #616bb480}.mono-btn:disabled{opacity:.4;cursor:not-allowed}.mono-btn--roll{background:linear-gradient(135deg,#6d28d9,#4c1d95);border-color:#a78bfa}.mono-btn--end{background:linear-gradient(135deg,#065f46,#064e3b);border-color:#34d399}.mono-btn--start{background:linear-gradient(135deg,#d97706,#92400e);border-color:#f59e0b;font-size:.9rem;padding:10px 20px}.mono-btn--sec{background:#1a2050;border-color:#314490}.mono-btn--sm{padding:3px 8px;font-size:.65rem}.mono-btn-sm{background:#1d2248;color:#a7aceb;border:1px solid #314490;border-radius:4px;padding:2px 5px;font-size:.6rem;cursor:pointer;font-family:Nunito,sans-serif}.mono-btn-sm:hover{background:#314490}.mono-sidebar{flex:0 0 210px;width:210px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.mono-back-btn{background:transparent;color:#616bb4;border:1px solid #314490;border-radius:6px;padding:4px 10px;font-family:Nunito,sans-serif;font-size:.7rem;cursor:pointer}.mono-back-btn:hover{color:#a7aceb;border-color:#616bb4}.mono-players-list{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.mono-player-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0d1235cc;border:1px solid #1D2248;border-radius:8px;transition:border-color .2s}.mono-player-chip--active{border-color:#a78bfa;box-shadow:0 0 8px #a78bfa4d}.mono-player-chip--bankrupt{opacity:.4;text-decoration:line-through}.mono-player-token{font-size:1.2rem}.mono-player-info{display:flex;flex-direction:column;gap:1px}.mono-player-name{font-size:.65rem;color:#e0e4ff;font-family:Nunito,sans-serif;font-weight:700}.mono-player-money{font-size:.6rem;color:#a7aceb;font-family:Nunito,sans-serif}.mono-player-props{font-size:.55rem;color:#616bb4;font-family:Nunito,sans-serif}.mono-log{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:4px;background:#08061299;border:1px solid #1D2248;border-radius:6px;min-height:60px}.mono-log-entry{font-size:.58rem;color:#8892d0;font-family:Nunito,sans-serif;line-height:1.3;border-bottom:1px solid #1D224820;padding-bottom:2px}.mono-myprops{flex-shrink:0;display:flex;flex-direction:column;gap:3px;max-height:130px;overflow-y:auto;padding:3px;background:#08061280;border:1px solid #1D2248;border-radius:6px}.mono-prop-row{display:flex;align-items:center;gap:3px;font-family:Nunito,sans-serif}.mono-prop-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.mono-prop-name{font-size:.55rem;color:#a7aceb;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-prop-houses{font-size:.55rem}.mono-prop-m{font-size:.5rem;color:#f87171;font-weight:700}.mono-prop-btns{display:flex;gap:2px;flex-shrink:0}.mono-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080612d9;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mono-overlay-card{background:linear-gradient(135deg,#121631,#1d2248);border:2px solid #314490;border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:320px;width:90%;box-shadow:0 0 40px #616bb480}.mono-overlay-icon{font-size:2.5rem}.mono-overlay-icon-svg{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mono-overlay-icon-svg svg{filter:drop-shadow(0 0 8px rgba(161,172,235,.5))}.mono-overlay-title{font-family:Pacifico,cursive;font-size:1.1rem;color:#a7aceb}.mono-overlay-text{font-family:Nunito,sans-serif;font-size:.85rem;color:#e0e4ff;text-align:center;display:flex;align-items:center;gap:5px}.mono-overlay-wait{font-family:Nunito,sans-serif;font-size:.7rem;color:#616bb4}.mono-overlay-btns{display:flex;gap:10px}.mono-btn--buy{background:linear-gradient(135deg,#065f46,#047857);border-color:#34d399}.mono-auction-card{max-width:280px}.mono-auction-highest{font-family:Nunito,sans-serif;font-size:1rem;color:#f59e0b;font-weight:800}.mono-auction-timer{font-family:Nunito,sans-serif;font-size:.75rem;color:#616bb4}.mono-auction-input-row{display:flex;gap:8px;align-items:center}.mono-input{background:#080612;border:1px solid #314490;border-radius:6px;color:#e0e4ff;padding:4px 8px;font-family:Nunito,sans-serif;font-size:.8rem;width:90px}.mono-lobby{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:16px 20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.mono-lobby-title{font-family:Pacifico,cursive;font-size:2rem;color:#a7aceb;filter:drop-shadow(0 0 16px rgba(161,172,235,.6))}.mono-lobby-sub{font-family:Nunito,sans-serif;font-size:.85rem;color:#616bb4}.mono-lobby-players{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:420px;max-height:35vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#314490 transparent}.mono-lobby-player{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Nunito,sans-serif;font-size:.8rem;color:#e0e4ff}.mono-lobby-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #614490;box-shadow:0 0 10px #616bb466}.mono-lobby-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#314490;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#e0e4ff;border:2px solid #616BB4}.mono-lobby-wait{font-family:Nunito,sans-serif;font-size:.8rem;color:#616bb4}.mono-lobby-figure{width:52px;height:52px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px currentColor);transition:color .25s}.mono-lobby-figure svg{width:100%;height:100%;stroke:currentColor}.mono-color-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.mono-color-picker-label{font-family:Nunito,sans-serif;font-size:.75rem;color:#616bb4;text-transform:uppercase;letter-spacing:.08em}.mono-color-picker-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:320px}.mono-color-btn{width:36px;height:36px;border-radius:50%;border:2.5px solid rgba(255,255,255,.15);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--col);padding:4px;transition:transform .15s,border-color .15s,opacity .15s;position:relative}.mono-color-btn svg{width:100%;height:100%;stroke:var(--col)}.mono-color-btn:hover:not([disabled]){transform:scale(1.2);border-color:var(--col)}.mono-color-btn--active{border-color:var(--col)!important;box-shadow:0 0 10px var(--col),0 0 0 3px #ffffff1a;transform:scale(1.15)}.mono-color-btn--taken{opacity:.25;cursor:not-allowed;filter:grayscale(.6)}.mono-color-btn--taken:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073}.mono-token-avatar--fallback svg{width:70%;height:70%;stroke:#fff}.mono-log::-webkit-scrollbar,.mono-myprops::-webkit-scrollbar{width:4px}.mono-log::-webkit-scrollbar-track,.mono-myprops::-webkit-scrollbar-track{background:transparent}.mono-log::-webkit-scrollbar-thumb,.mono-myprops::-webkit-scrollbar-thumb{background:#314490;border-radius:2px}#mono-tooltip{position:fixed;z-index:200;pointer-events:none;display:none;min-width:180px;max-width:240px;background:linear-gradient(135deg,#0f1330,#1a2258);border:1.5px solid #4155a8;border-radius:12px;padding:12px 14px;box-shadow:0 8px 32px #0a081ed9,0 0 0 1px #616bb433;font-family:Nunito,sans-serif;color:#e0e4ff;gap:6px;flex-direction:column;font-size:.78rem}#mono-tooltip.visible{display:flex}.mono-tt-colorbar{height:6px;border-radius:4px;margin-bottom:4px}.mono-tt-name{font-size:.9rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:2px}.mono-tt-group{font-size:.65rem;color:#8892d0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.mono-tt-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid rgba(97,107,180,.15);gap:8px}.mono-tt-row:last-child{border-bottom:none}.mono-tt-label{color:#8892d0;font-size:.72rem}.mono-tt-val{color:#e0e4ff;font-weight:700;font-size:.75rem}.mono-tt-val--highlight{color:#f59e0b}.mono-tt-divider{height:1px;background:#616bb440;margin:4px 0}.mono-tt-owner-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.mono-btn--skip{background:transparent;border:1.5px solid rgba(255,255,255,.2);color:#8892d0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s;padding:0}.mono-btn--skip:hover{border-color:#f87171;color:#f87171}#mono-toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.mono-toast{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;padding:10px 18px;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 24px #00000080;opacity:0;transform:translateY(-12px) scale(.95);transition:opacity .3s,transform .3s;max-width:320px;text-align:center;border:1.5px solid}.mono-toast--visible{opacity:1;transform:translateY(0) scale(1)}.mono-toast--rent{background:linear-gradient(135deg,#1a1200,#2d1f00);border-color:#f59e0b;color:#fde68a}.mono-toast--tax{background:linear-gradient(135deg,#1a0000,#2d0a0a);border-color:#f87171;color:#fecaca}.mono-toast--event{background:linear-gradient(135deg,#00081a,#001233);border-color:#60a5fa;color:#bfdbfe}.mono-toast--info{background:linear-gradient(135deg,#0f1330,#1a2258);border-color:#4155a8;color:#e0e4ff}.mono-toast--jail{background:linear-gradient(135deg,#0a0012,#150025);border-color:#a78bfa;color:#ede9fe}.mono-toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mono-toast-icon svg{width:18px;height:18px;stroke:currentColor}.mono-toast-msg{line-height:1.3}.kniffel-screen{position:relative;z-index:10;width:100vw;height:100vh;display:flex;flex-direction:column;padding:6px 14px;overflow:hidden}.kniffel-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;flex-shrink:0;padding-bottom:4px;border-bottom:2px solid rgba(255,220,50,.25);margin:0 auto}.kniffel-title{font-family:Pacifico,cursive;font-size:1.15rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(255,180,0,.5))}.kniffel-back-btn{background:#ffffff26;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size:.72rem;padding:4px 12px;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kniffel-back-btn:hover{background:#ffffff4d;border-color:#ffdc3299}.kniffel-status-pill{font-size:.62rem;padding:3px 12px;border-radius:20px;font-weight:800;font-family:Nunito,sans-serif;letter-spacing:.5px;transition:all .3s}.kniffel-status-pill.myturn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 14px #22c55e99;animation:kniffelPulse 1.2s ease-in-out infinite}.kniffel-status-pill.wait{background:#ffffff26;color:#ffffffbf;border:1px solid rgba(255,255,255,.25)}.kniffel-status-pill.rolling{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 14px #f59e0b99;animation:kniffelPulse .4s ease-in-out infinite}.kniffel-status-pill.over{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}@keyframes kniffelPulse{0%,to{box-shadow:0 0 14px #22c55e80}50%{box-shadow:0 0 26px #22c55ee6}}.kniffel-content{display:flex;gap:16px;flex:1;min-height:0;max-width:1400px;width:100%;margin:6px auto 0;overflow:hidden}.kniffel-left{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.kniffel-right{width:360px;flex-shrink:0;display:flex;flex-direction:column}.kniffel-players-bar{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.kniffel-opp-chip{display:flex;align-items:center;gap:4px;background:#00286480;border:1.5px solid rgba(255,255,255,.2);border-radius:16px;padding:2px 8px 2px 3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:170px;box-shadow:0 2px 6px #0003;transition:border-color .3s,background .3s,box-shadow .3s}.kniffel-opp-chip--active{border-color:#ffdc32d9;background:#003c8ca6;box-shadow:0 0 10px #ffdc3259,0 2px 6px #00000040}.kniffel-opp-chip--me{border-color:#22c55e80}.kniffel-chip-av{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,220,50,.65);box-shadow:0 0 5px #ffc80059;flex-shrink:0}.kniffel-chip-ph{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:900;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,220,50,.65);box-shadow:0 0 5px #ffc80059}.kniffel-chip-info{display:flex;flex-direction:column;gap:0;min-width:0}.kniffel-chip-name{font-family:Nunito,sans-serif;font-size:.6rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.kniffel-chip-score{font-family:Nunito,sans-serif;font-size:.55rem;font-weight:700;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1.2}.kniffel-dice-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at center,#003c2840,#001e144d);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;min-height:0;position:relative;overflow:hidden}.kniffel-dice-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none}.kniffel-dice-label{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700;color:#fff9;text-align:center;z-index:1}.kniffel-dice-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;z-index:1}.kniffel-die{width:60px;height:60px;cursor:pointer;position:relative;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.kniffel-die:hover{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 6px 14px rgba(255,200,0,.35))}.kniffel-die--held{transform:translateY(-8px);filter:drop-shadow(0 0 14px rgba(34,197,94,.65))}.kniffel-die--held:hover{transform:translateY(-6px)}.kniffel-die--empty{opacity:.35;cursor:default}.kniffel-die--empty:hover{transform:none;filter:none}.kniffel-die--roll{animation:kniffelDiceShake .09s linear infinite}@keyframes kniffelDiceShake{0%{transform:translate(-1px,1px) rotate(-1deg)}25%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,-1px) rotate(0)}75%{transform:translate(1px,1px) rotate(-1deg)}to{transform:translate(-1px,1px) rotate(1deg)}}.kniffel-die-svg{width:100%;height:100%;display:block}.kniffel-die-hold-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;font-size:.5rem;font-weight:900;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 6px #22c55e80;font-family:Nunito,sans-serif}.kniffel-dice-info{display:flex;gap:14px;font-family:Nunito,sans-serif;font-size:.68rem;font-weight:700;color:#ffffff8c;z-index:1}.kniffel-dice-sum{color:#ffdc32cc}.kniffel-roll-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#fff;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800;padding:9px 26px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffb40066;z-index:1;position:relative;overflow:hidden}.kniffel-roll-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:10px}.kniffel-roll-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffb4008c}.kniffel-roll-btn--disabled{opacity:.35;cursor:not-allowed;background:#ffffff26;box-shadow:none}.kniffel-roll-btn--disabled:hover{transform:none;box-shadow:none}.kniffel-sc-hint{text-align:center;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;color:#22c55eb3;animation:kniffelFadeIn .3s ease;flex-shrink:0}@keyframes kniffelFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kniffel-sc-card{background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1.5px solid rgba(255,255,255,.12);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kniffel-sc-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:2px solid rgba(255,220,50,.2);flex-shrink:0;background:linear-gradient(135deg,rgba(255,215,0,.06) 0%,transparent 60%)}.kniffel-sc-head-title{font-family:Nunito,sans-serif;font-size:.92rem;font-weight:800;color:#ffffffeb;letter-spacing:.8px}.kniffel-sc-head-total{font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:900;color:gold;background:#ffd7001f;padding:3px 16px;border-radius:10px;border:1px solid rgba(255,215,0,.2);text-shadow:0 0 12px rgba(255,215,0,.3)}.kniffel-sc-body{flex:1;overflow-y:auto;padding:6px 10px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.kniffel-sc-body::-webkit-scrollbar{width:5px}.kniffel-sc-body::-webkit-scrollbar-track{background:transparent}.kniffel-sc-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.kniffel-sc-section-label{font-family:Nunito,sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffdc328c;padding:8px 8px 4px;margin-top:4px}.kniffel-sc-section-label--lower{margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.kniffel-sc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;border:1.5px solid transparent;transition:all .18s;cursor:default;margin-bottom:2px}.kniffel-sc-row--filled{background:#ffffff0a;opacity:.55}.kniffel-sc-row--filled:hover{opacity:.7}.kniffel-sc-row--playable{cursor:pointer;background:#22c55e0f;border-color:#22c55e26}.kniffel-sc-row--playable:hover{background:#22c55e26;border-color:#22c55e80;transform:translate(4px);opacity:1;box-shadow:0 2px 12px #22c55e26}.kniffel-sc-row-label{display:flex;align-items:center;gap:8px;min-width:0}.kniffel-sc-row-icon{font-size:.78rem;width:22px;text-align:center;flex-shrink:0;color:#ffffff59}.kniffel-sc-row--filled .kniffel-sc-row-icon{color:gold}.kniffel-sc-row--playable .kniffel-sc-row-icon{color:#22c55e99}.kniffel-sc-row-name{font-family:Nunito,sans-serif;font-size:.76rem;font-weight:700;color:#ffffffd9;white-space:nowrap}.kniffel-sc-row-score{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:900;min-width:34px;text-align:right;color:#ffffff4d}.kniffel-sc-row--filled .kniffel-sc-row-score{color:gold;font-size:.85rem;text-shadow:0 0 8px rgba(255,215,0,.2)}.kniffel-sc-row--playable .kniffel-sc-row-score{color:#22c55eb3}.kniffel-sc-sum-row{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;margin:2px 0}.kniffel-sc-sum-label{font-family:Nunito,sans-serif;font-size:.72rem;font-weight:700;color:#ffffff80}.kniffel-sc-sum-value{font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800;color:#fff6}.kniffel-sc-bonus-row{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.kniffel-sc-bonus--active{color:#4ade80!important;text-shadow:0 0 8px rgba(74,222,128,.3)}.kniffel-sc-total-row{padding:8px 12px!important;margin-top:4px;border-top:2px solid rgba(255,220,50,.15);background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 50%);border-radius:8px}.kniffel-sc-total-value{color:gold!important;font-size:1.05rem!important;font-weight:900!important;text-shadow:0 0 14px rgba(255,215,0,.35)}.kniffel-lobby{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:400px;width:100%;animation:kniffelFadeUp .5s ease both;flex:1 1 0;min-height:0;overflow:hidden;margin:auto}@keyframes kniffelFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.kniffel-lobby-icon{font-size:3rem;animation:kniffelFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,80,150,.3))}@keyframes kniffelFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.kniffel-lobby-title{font-family:Pacifico,cursive;font-size:1.3rem;color:#fff;text-align:center;filter:drop-shadow(0 2px 8px rgba(255,180,0,.4))}.kniffel-lobby-info{color:#ffffffb8;font-size:.8rem;text-align:center;font-family:Nunito,sans-serif;font-weight:600}.kniffel-players-list{width:100%;display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1 1 0;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.kniffel-players-list::-webkit-scrollbar{width:4px}.kniffel-players-list::-webkit-scrollbar-track{background:transparent}.kniffel-players-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.kniffel-player-row{display:flex;align-items:center;gap:10px;background:#fff3;border:2px solid rgba(255,255,255,.38);border-radius:10px;padding:9px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kniffel-player-row.kniffel-player-waiting{opacity:.5;border-style:dashed}.kniffel-avatar-img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,220,50,.6);flex-shrink:0}.kniffel-avatar-ph{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}.kniffel-player-name{font-size:.88rem;font-weight:800;color:#fff;font-family:Nunito,sans-serif;display:flex;align-items:center;gap:5px}.kniffel-you{background:#ffd70040;color:gold;font-size:.6rem;font-weight:900;padding:1px 6px;border-radius:8px;border:1px solid rgba(255,215,0,.4)}.kniffel-host-crown{font-size:.8rem}.kniffel-waiting-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:kniffelSpin .8s linear infinite;flex-shrink:0}@keyframes kniffelSpin{to{transform:rotate(360deg)}}.kniffel-start-btn{width:100%;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#fff;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;padding:13px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffb40073;flex-shrink:0}.kniffel-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #ffb40099}.kniffel-start-btn:disabled{opacity:.35;cursor:not-allowed}.kniffel-gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#002864cc;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.kniffel-gameover-box{background:#ffffff38;border:2px solid rgba(255,255,255,.5);border-radius:22px;padding:36px 46px;text-align:center;display:flex;flex-direction:column;gap:14px;max-width:340px;width:90%;animation:kniffelPopIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes kniffelPopIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.kniffel-gameover-icon{font-size:3rem;animation:kniffelFloat 2s ease-in-out infinite}.kniffel-gameover-title{font-family:Pacifico,cursive;font-size:1.5rem;color:#fff}.kniffel-gameover-title.win{color:#86efac;text-shadow:0 0 24px rgba(34,197,94,.8)}.kniffel-gameover-title.lose{color:#fca5a5;text-shadow:0 0 24px rgba(239,68,68,.8)}.kniffel-gameover-sub{color:#ffffffb8;font-size:.82rem;font-family:Nunito,sans-serif;font-weight:600}.kniffel-gameover-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#fff;padding:12px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffb40073}.kniffel-gameover-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ffb40099}.kniffel-yahtzee-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s ease}.kniffel-yahtzee-overlay--active{opacity:1}.kniffel-yahtzee-overlay--fade{opacity:0!important;transition:opacity 1.2s ease}.kniffel-yahtzee-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:kniffelBackdropIn .4s ease forwards}@keyframes kniffelBackdropIn{0%{opacity:0}to{opacity:1}}.kniffel-yahtzee-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.9),rgba(255,180,0,.6),transparent 70%);animation:kniffelFlash .8s ease-out forwards}@keyframes kniffelFlash{0%{opacity:1;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.kniffel-yahtzee-dice-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:0;z-index:2}.kniffel-yahtzee-dice{font-size:3.2rem;opacity:0;animation:kniffelDiceDrop .6s cubic-bezier(.34,1.56,.64,1) var(--dice-delay) forwards,kniffelDiceSpin .4s linear var(--dice-delay) 3,kniffelDiceFloat 2s ease-in-out calc(var(--dice-delay) + 1.2s) infinite;filter:drop-shadow(0 0 12px rgba(255,215,0,.8));text-shadow:0 0 20px rgba(255,215,0,.5)}@keyframes kniffelDiceDrop{0%{transform:translate(var(--dice-offset)) translateY(-120px) scale(.3) rotate(0);opacity:0}60%{transform:translate(var(--dice-offset)) translateY(10px) scale(1.15) rotate(180deg);opacity:1}to{transform:translate(var(--dice-offset)) translateY(0) scale(1) rotate(360deg);opacity:1}}@keyframes kniffelDiceSpin{0%{transform:translate(var(--dice-offset)) translateY(0) rotate(0)}to{transform:translate(var(--dice-offset)) translateY(0) rotate(360deg)}}@keyframes kniffelDiceFloat{0%,to{transform:translate(var(--dice-offset)) translateY(0) scale(1)}50%{transform:translate(var(--dice-offset)) translateY(-8px) scale(1.08)}}.kniffel-yahtzee-text-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;margin-top:60px}.kniffel-yahtzee-text{font-family:Pacifico,cursive;font-size:4.5rem;background:linear-gradient(90deg,gold,orange,tomato,gold,#4ade80,#38bdf8,#a78bfa,gold);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:kniffelTextPop .5s cubic-bezier(.34,1.56,.64,1) .8s forwards,kniffelTextRainbow 2s linear 1.3s infinite;opacity:0;transform:scale(0);text-shadow:none;filter:drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 60px rgba(255,180,0,.4));letter-spacing:8px}@keyframes kniffelTextPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.3) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes kniffelTextRainbow{0%{background-position:0% 50%}to{background-position:300% 50%}}.kniffel-particle{position:absolute;top:50%;left:50%;width:var(--ksize);height:var(--ksize);background:var(--kcolor);border-radius:var(--kborder, 50%);box-shadow:0 0 6px var(--kcolor),0 0 12px var(--kcolor);animation:kniffelParticleBurst var(--kdur) var(--kdelay) cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}@keyframes kniffelParticleBurst{0%{transform:translate(0) scale(.3) rotate(0);opacity:1}15%{opacity:1}to{transform:translate(var(--kx),var(--ky)) scale(0) rotate(var(--krot));opacity:0}}.c4-screen{--c4-red: #bd5b38;--c4-yellow: #d8a84f;min-height:100dvh;padding:18px clamp(16px,3vw,42px) 28px;color:var(--ui-text, #f1eadb);background:linear-gradient(115deg,#111712f7,#1d271ef2);overflow:auto}.c4-header{width:min(1280px,100%);min-height:52px;margin:auto;padding-bottom:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(241,234,219,.14)}.c4-header>strong{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.c4-back{justify-self:start;padding:8px 0;border:0;background:none;color:#a89f8d;font-size:.68rem;font-weight:800;cursor:pointer}.c4-back:hover{color:#f1eadb}.c4-status{justify-self:end;padding:7px 11px;border:1px solid rgba(241,234,219,.14);border-radius:3px;color:#a89f8d;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.c4-status.is-turn{border-color:var(--c4-yellow);color:var(--c4-yellow)}.c4-lobby{width:min(680px,calc(100% - 32px));margin:clamp(36px,9vh,92px) auto;padding:clamp(26px,5vw,52px);display:grid;grid-template-columns:110px 1fr;gap:12px 30px;align-items:center;border:1px solid rgba(241,234,219,.14);border-radius:10px;background:#1e261ef0;box-shadow:0 30px 80px #00000052}.c4-lobby-mark{grid-row:1 / 3;width:90px;height:90px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:19px;border:1px solid rgba(216,168,79,.4);border-radius:50%}.c4-lobby-mark i,.c4-result-line i{border-radius:50%;background:var(--c4-red);box-shadow:inset 0 -4px 8px #0003}.c4-lobby-mark i:nth-child(2),.c4-lobby-mark i:nth-child(3),.c4-result-line i:nth-child(2n){background:var(--c4-yellow)}.c4-kicker{color:var(--c4-red);font-size:.62rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.c4-lobby h1{margin:7px 0 8px;font:400 clamp(1.7rem,4vw,2.5rem)/1 Georgia,serif}.c4-lobby p{color:#a89f8d;font-size:.72rem}.c4-lobby-players{grid-column:1 / -1;margin-top:16px;border-top:1px solid rgba(241,234,219,.14)}.c4-player{min-height:54px;padding:8px 4px;display:grid;grid-template-columns:18px 34px 1fr;gap:12px;align-items:center;border-bottom:1px solid rgba(241,234,219,.08)}.c4-player img,.c4-avatar-fallback{width:32px;height:32px;display:grid;place-items:center;object-fit:cover;border-radius:50%;background:#3d4e3f;color:#f1eadb;font-size:.7rem}.c4-player strong{font-size:.74rem}.c4-player--waiting{color:#716d62}.c4-player--waiting>span{width:10px;height:10px;border:1px solid #716d62;border-radius:50%;animation:c4-pulse 1.4s ease infinite}@keyframes c4-pulse{50%{opacity:.3}}.c4-piece{width:14px;height:14px;display:inline-block;flex:0 0 auto;border-radius:50%;box-shadow:inset 0 -3px 5px #0000003d}.c4-piece--p1{background:var(--c4-red)}.c4-piece--p2{background:var(--c4-yellow)}.c4-game{width:min(1120px,100%);margin:clamp(22px,5vh,54px) auto 0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(28px,7vw,90px);align-items:center}.c4-players{display:grid;gap:8px}.c4-player-card{padding:14px;display:grid;grid-template-columns:16px 38px 1fr;gap:10px;align-items:center;border:1px solid rgba(241,234,219,.1);border-left:2px solid transparent;border-radius:5px;background:#1c251db3;opacity:.6}.c4-player-card.is-active{border-left-color:var(--c4-yellow);opacity:1;background:#d8a84f12}.c4-player-card img,.c4-player-card .c4-avatar-fallback{width:36px;height:36px;display:grid;place-items:center;object-fit:cover;border-radius:50%;background:#3d4e3f;font-size:.72rem}.c4-player-card strong,.c4-player-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-player-card strong{font-size:.72rem}.c4-player-card small{margin-top:3px;color:#8f887a;font-size:.55rem;text-transform:uppercase}.c4-board-area{width:min(670px,100%);justify-self:center}.c4-turn-copy{margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:9px;color:#a89f8d;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.c4-column-guides{padding:0 clamp(12px,2vw,20px) 7px;display:grid;grid-template-columns:repeat(7,1fr);color:#f1eadb47;font-size:.55rem;text-align:center}.c4-board{position:relative;padding:clamp(10px,2vw,18px);display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.3vw,13px);border:1px solid rgba(214,160,77,.28);border-radius:12px 12px 5px 5px;background:linear-gradient(145deg,#4b604d,#304137);box-shadow:inset 0 1px #ffffff17,inset 0 -18px 30px #0000002e,0 25px 55px #00000052}.c4-cell{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#172019;box-shadow:inset 0 5px 10px #000000b3,0 1px #ffffff14;cursor:pointer;overflow:hidden}.c4-cell:disabled{cursor:default}.c4-cell>span{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:#1b251d;transition:background .15s,transform .15s}.c4-cell:not(:disabled):not(.c4-cell--p1):not(.c4-cell--p2):hover>span{background:#d8a84f47;transform:scale(.87)}.c4-cell--p1>span,.c4-cell--p2>span{box-shadow:inset 0 -9px 15px #0000003d,inset 0 3px 4px #ffffff2e,0 3px 8px #00000059}.c4-cell--p1>span{background:var(--c4-red)}.c4-cell--p2>span{background:var(--c4-yellow)}.c4-cell--last>span{animation:c4-drop .42s cubic-bezier(.2,.75,.3,1.15) both}@keyframes c4-drop{0%{transform:translateY(-620%)}to{transform:translateY(0)}}.c4-cell--winning>span{animation:c4-win .75s ease infinite alternate}@keyframes c4-win{to{transform:scale(.78);box-shadow:0 0 0 5px #f1eadb,0 0 22px #f1eadbb3}}.c4-board-base{width:calc(100% + 28px);height:14px;margin-left:-14px;border-radius:3px 3px 9px 9px;background:#29372e;box-shadow:0 8px 16px #00000059}.c4-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0a0e0bc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c4-result-card{width:min(380px,100%);padding:36px;border:1px solid rgba(241,234,219,.14);border-radius:7px;background:#20271f;text-align:center;box-shadow:0 28px 75px #00000080}.c4-result-card h2{margin:10px 0 22px;font:400 2rem/1.1 Georgia,serif}.c4-result-line{width:120px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.c4-result-line i{aspect-ratio:1}.c4-result-card button{width:100%;padding:12px;border:0;border-radius:3px;background:var(--c4-red);color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}@media (max-width: 760px){.c4-game{grid-template-columns:1fr;gap:24px}.c4-players{grid-template-columns:1fr 1fr}.c4-player-card{grid-template-columns:12px 30px 1fr;padding:9px}.c4-player-card img,.c4-player-card .c4-avatar-fallback{width:28px;height:28px}}@media (max-width: 520px){.c4-screen{padding:10px}.c4-header{grid-template-columns:auto 1fr auto}.c4-header>strong{text-align:center;font-size:.64rem}.c4-lobby{width:calc(100% - 16px);margin:24px auto;padding:22px;grid-template-columns:1fr;text-align:center}.c4-lobby-mark{grid-row:auto;margin:auto}.c4-lobby-players{grid-column:1;text-align:left}.c4-status{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-board{gap:5px;padding:9px}.c4-board-base{width:calc(100% + 12px);margin-left:-6px}}.ludo-screen{--seat-0: #bd5b38;--seat-1: #d3a34b;--seat-2: #758b5d;--seat-3: #626f78;min-height:100dvh;padding:18px clamp(16px,3vw,42px) 28px;color:#f1eadb;background:linear-gradient(115deg,#111712f7,#1d271ef2);overflow:auto}.ludo-header{width:min(1380px,100%);min-height:52px;margin:auto;padding-bottom:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(241,234,219,.14)}.ludo-header button{justify-self:start;padding:8px 0;border:0;background:none;color:#a89f8d;font-size:.68rem;font-weight:800;cursor:pointer}.ludo-header button:hover{color:#f1eadb}.ludo-header>strong{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.ludo-header>span{justify-self:end;max-width:150px;padding:7px 11px;overflow:hidden;border:1px solid rgba(241,234,219,.14);border-radius:3px;color:#a89f8d;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ludo-header>span.is-turn{border-color:#d3a34b;color:#d3a34b}.ludo-kicker{color:#bd5b38;font-size:.62rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.ludo-lobby{width:min(720px,calc(100% - 32px));margin:clamp(36px,8vh,82px) auto;padding:clamp(26px,5vw,50px);display:grid;grid-template-columns:110px 1fr;gap:12px 30px;align-items:center;border:1px solid rgba(241,234,219,.14);border-radius:10px;background:#1e261ef0;box-shadow:0 30px 80px #00000052}.ludo-lobby-mark{grid-row:1 / 3;width:90px;height:90px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid rgba(211,163,75,.4);border-radius:50%}.ludo-lobby-mark i{border-radius:50%;box-shadow:inset 0 -5px 8px #00000040}.ludo-lobby h1{margin:7px 0 8px;font:400 clamp(1.6rem,4vw,2.35rem)/1 Georgia,serif}.ludo-lobby p{color:#a89f8d;font-size:.72rem}.ludo-lobby-players{grid-column:1 / -1;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(241,234,219,.14)}.ludo-lobby-player{min-height:54px;padding:8px 5px;display:grid;grid-template-columns:15px 32px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid rgba(241,234,219,.08)}.ludo-lobby-player:nth-child(odd){border-right:1px solid rgba(241,234,219,.08)}.ludo-lobby-player img,.ludo-avatar{width:30px;height:30px;display:grid;place-items:center;object-fit:cover;border-radius:50%;background:#415143;font-size:.65rem}.ludo-lobby-player strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.ludo-lobby-player small{color:#d3a34b;font-size:.5rem;font-weight:900;text-transform:uppercase}.ludo-lobby-player .ludo-token{width:13px;height:23px}.ludo-lobby-player.is-empty{grid-template-columns:15px 1fr;color:#6f6b61}.ludo-lobby-player.is-empty>span{width:10px;height:10px;border:1px solid #6f6b61;border-radius:50%}.ludo-start{grid-column:1 / -1;width:100%;margin-top:10px;padding:13px;border:0;border-radius:3px;background:#bd5b38;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}.ludo-start:disabled{opacity:.35;cursor:default}.ludo-lobby-wait{grid-column:1 / -1;padding-top:18px;color:#8f887b;font-size:.68rem;text-align:center}.ludo-layout{width:min(1280px,100%);margin:clamp(20px,4vh,42px) auto 0;display:grid;grid-template-columns:minmax(420px,1fr) 280px;gap:clamp(24px,5vw,70px);align-items:center}.ludo-board-wrap{display:grid;place-items:center;min-width:0}.ludo-board{position:relative;width:min(73vh,720px,100%);aspect-ratio:1;padding:clamp(12px,2vw,24px);display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:clamp(3px,.55vw,7px);border:9px solid #5a402d;border-radius:15px;background:radial-gradient(circle at center,rgba(116,139,93,.11),transparent 38%),#d8c8a8;box-shadow:inset 0 0 0 2px #2d241b,inset 0 0 45px #4a331e40,0 28px 60px #00000061}.ludo-cell{grid-row:var(--row);grid-column:var(--col);position:relative;display:grid;place-items:center;border:1px solid rgba(53,48,37,.32);border-radius:50%;background:#eee4cf;box-shadow:inset 0 2px 4px #fff6,inset 0 -3px 5px #32271a26}.ludo-cell.yard{border-width:2px;background:#fff8e757}.ludo-cell.home.seat-0,.ludo-cell.start.seat-0{background:color-mix(in srgb,var(--seat-0) 68%,#eee4cf)}.ludo-cell.home.seat-1,.ludo-cell.start.seat-1{background:color-mix(in srgb,var(--seat-1) 68%,#eee4cf)}.ludo-cell.home.seat-2,.ludo-cell.start.seat-2{background:color-mix(in srgb,var(--seat-2) 68%,#eee4cf)}.ludo-cell.home.seat-3,.ludo-cell.start.seat-3{background:color-mix(in srgb,var(--seat-3) 68%,#eee4cf)}.ludo-cell.home{isolation:isolate;--lane-glow: #f1eadb}.ludo-cell.home.seat-0{--lane-glow: var(--seat-0)}.ludo-cell.home.seat-1{--lane-glow: var(--seat-1)}.ludo-cell.home.seat-2{--lane-glow: var(--seat-2)}.ludo-cell.home.seat-3{--lane-glow: #91a7b5}.ludo-cell.home:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:50%;opacity:.42;background:conic-gradient(from 0deg,transparent 0 48%,rgba(255,255,255,.95) 61%,var(--lane-glow) 72%,transparent 88%);filter:drop-shadow(0 0 3px var(--lane-glow)) drop-shadow(0 0 7px var(--lane-glow));-webkit-mask:radial-gradient(circle,transparent 61%,#000 67%);mask:radial-gradient(circle,transparent 61%,#000 67%);animation:ludo-home-neon 3.2s linear infinite}.ludo-cell.home-step-1:before{animation-delay:.18s}.ludo-cell.home-step-2:before{animation-delay:.36s}.ludo-cell.home-step-3:before{animation-delay:.54s}@keyframes ludo-home-neon{0%{opacity:.28;transform:rotate(0) scale(.96)}35%{opacity:.7}55%{opacity:1;transform:rotate(200deg) scale(1.08)}76%{opacity:.56}to{opacity:.28;transform:rotate(360deg) scale(.96)}}.ludo-cell.yard.seat-0{border-color:var(--seat-0)}.ludo-cell.yard.seat-1{border-color:var(--seat-1)}.ludo-cell.yard.seat-2{border-color:var(--seat-2)}.ludo-cell.yard.seat-3{border-color:var(--seat-3)}.ludo-center{grid-row:6;grid-column:6;position:relative;isolation:isolate;display:grid;place-items:center;border-radius:50%;background:#2e3e33;color:#f0bd62;font:italic 700 clamp(.7rem,1.5vw,1.2rem) Georgia,serif;box-shadow:inset 0 0 0 2px #d3a34b94;animation:ludo-center-breathe 3.6s ease-in-out infinite}.ludo-center:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 38%,#f6d38c 51%,#d3a34b 64%,transparent 79%);filter:drop-shadow(0 0 4px rgba(211,163,75,.9)) drop-shadow(0 0 9px rgba(211,163,75,.55));-webkit-mask:radial-gradient(circle,transparent 62%,#000 68%);mask:radial-gradient(circle,transparent 62%,#000 68%);animation:ludo-center-orbit 7s linear infinite}.ludo-center:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(240,189,98,.58),rgba(211,163,75,.2) 45%,transparent 72%);animation:ludo-center-light 3.6s ease-in-out infinite}.ludo-center>span,.ludo-center>i{z-index:1}.ludo-center>span{animation:ludo-center-logo 3.6s ease-in-out infinite}@keyframes ludo-center-breathe{0%,to{transform:scale(1);box-shadow:inset 0 0 0 2px #d3a34b80,0 0 5px #d3a34b29}50%{transform:scale(1.075);box-shadow:inset 0 0 0 2px #f6d38ce0,0 0 22px #d3a34b9e}}@keyframes ludo-center-orbit{to{transform:rotate(360deg)}}@keyframes ludo-center-light{0%,to{opacity:.38;transform:scale(.72)}50%{opacity:1;transform:scale(1.45)}}@keyframes ludo-center-logo{0%,to{opacity:.82;filter:drop-shadow(0 0 2px rgba(211,163,75,.25))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(246,211,140,.95))}}.ludo-center i{position:absolute;width:5px;height:5px;border-radius:50%}.ludo-center i:nth-of-type(1){top:5px;background:var(--seat-0)}.ludo-center i:nth-of-type(2){right:5px;background:var(--seat-3)}.ludo-center i:nth-of-type(3){bottom:5px;background:var(--seat-2)}.ludo-center i:nth-of-type(4){left:5px;background:var(--seat-1)}.ludo-lobby-mark i.seat-0,.ludo-center i.seat-0{background:var(--seat-0)}.ludo-lobby-mark i.seat-1,.ludo-center i.seat-1{background:var(--seat-1)}.ludo-lobby-mark i.seat-2,.ludo-center i.seat-2{background:var(--seat-2)}.ludo-lobby-mark i.seat-3,.ludo-center i.seat-3{background:var(--seat-3)}.ludo-token{--piece-color: #888;position:relative;z-index:2;width:64%;height:82%;min-width:8px;padding:0;display:block;overflow:visible;border:0;border-radius:0;background:transparent!important;box-shadow:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.42));transform-origin:50% 88%}.ludo-token:before{content:"";position:absolute;top:0;left:50%;width:54%;aspect-ratio:1;transform:translate(-50%);border:1px solid rgba(255,255,255,.38);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 25%),var(--piece-color);box-shadow:inset 0 -4px 7px #00000040}.ludo-token:after{content:"";position:absolute;left:9%;bottom:0;width:82%;height:59%;border:1px solid rgba(255,255,255,.28);border-radius:46% 46% 18% 18%/36% 36% 22% 22%;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 35%,rgba(255,255,255,.14) 62%,rgba(0,0,0,.2)),var(--piece-color);box-shadow:inset 0 -6px 7px #00000038;clip-path:polygon(31% 0,69% 0,82% 58%,100% 82%,94% 100%,6% 100%,0 82%,18% 58%)}button.ludo-token:disabled{opacity:1}.ludo-token.seat-0{--piece-color: var(--seat-0)}.ludo-token.seat-1{--piece-color: var(--seat-1)}.ludo-token.seat-2{--piece-color: var(--seat-2)}.ludo-token.seat-3{--piece-color: var(--seat-3)}button.ludo-token.is-selectable{cursor:pointer;animation:ludo-select 1s ease infinite alternate}button.ludo-token.is-moving{z-index:20;animation:none;pointer-events:none}@keyframes ludo-select{to{transform:translateY(-5px) scale(1.08);filter:drop-shadow(0 0 2px #f3ead7) drop-shadow(0 7px 5px rgba(0,0,0,.4))}}.ludo-panel{align-self:stretch;max-height:min(73vh,720px);padding:15px;display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;border:1px solid rgba(241,234,219,.14);border-radius:8px;background:#1a221bf0;box-shadow:0 22px 50px #00000040}.ludo-player-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ludo-player-card{min-width:0;padding:8px;display:grid;grid-template-columns:12px 28px minmax(0,1fr);gap:7px;align-items:center;border-left:2px solid transparent;border-radius:3px;background:#ffffff06;opacity:.58}.ludo-player-card.is-active{border-left-color:#d3a34b;background:#d3a34b14;opacity:1}.ludo-player-card .ludo-token{width:13px;height:22px}.ludo-player-card img,.ludo-player-card .ludo-avatar{width:27px;height:27px;display:grid;place-items:center;object-fit:cover;border-radius:50%;background:#415143;font-size:.55rem}.ludo-player-card strong,.ludo-player-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ludo-player-card strong{font-size:.63rem}.ludo-player-card small{margin-top:2px;color:#8f887b;font-size:.5rem}.ludo-turn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;border-top:1px solid rgba(241,234,219,.1);border-bottom:1px solid rgba(241,234,219,.1);text-align:center}.ludo-turn>strong{margin-top:6px;font:400 1.15rem Georgia,serif}.ludo-die{width:82px;height:82px;margin:20px 0 16px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;border:1px solid #c8bfae;border-radius:13px;background:#f2eadb;box-shadow:0 11px 18px #00000059}.ludo-die i{border-radius:50%}.ludo-die i.on{background:#25271f;box-shadow:inset 0 1px 2px #ffffff2e}.ludo-die-empty{grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;color:#948b78;font-size:1.5rem}.ludo-die.is-rolling{animation:ludo-roll .65s cubic-bezier(.2,.7,.25,1)}@keyframes ludo-roll{0%{transform:rotate(-18deg) scale(.65)}45%{transform:rotate(16deg) scale(1.12)}75%{transform:rotate(-5deg) scale(.96)}to{transform:rotate(0) scale(1)}}.ludo-turn button,.ludo-result button{width:100%;padding:12px;border:0;border-radius:3px;background:#bd5b38;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}.ludo-turn p{color:#d3a34b;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ludo-log{min-height:42px;padding:9px;color:#aaa291;font-size:.6rem;line-height:1.5;text-align:center}.ludo-rule{display:flex;align-items:center;gap:8px;color:#777267;font-size:.52rem}.ludo-rule span{display:grid;width:22px;height:22px;place-items:center;border:1px solid #d3a34b;border-radius:50%;color:#d3a34b;font-weight:900}.ludo-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0a0e0bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ludo-result>div{width:min(390px,100%);padding:38px;border:1px solid rgba(241,234,219,.14);border-radius:7px;background:#20271f;text-align:center;box-shadow:0 28px 75px #00000080}.ludo-result h2{margin:11px 0 28px;font:400 2rem/1.1 Georgia,serif}@media (max-width: 900px){.ludo-layout{grid-template-columns:1fr}.ludo-board{width:min(680px,100%)}.ludo-panel{width:min(680px,100%);max-height:none;justify-self:center;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.ludo-player-list{grid-column:1}.ludo-turn{grid-column:2;grid-row:1 / 3}.ludo-log,.ludo-rule{grid-column:1}}@media (max-width: 560px){.ludo-screen{padding:10px}.ludo-header{grid-template-columns:auto 1fr auto}.ludo-header>strong{padding:0 6px;font-size:.55rem;text-align:center}.ludo-header>span{max-width:82px}.ludo-lobby{width:calc(100% - 16px);margin:24px auto;padding:22px;grid-template-columns:1fr;text-align:center}.ludo-lobby-mark{grid-row:auto;margin:auto}.ludo-lobby-players,.ludo-start,.ludo-lobby-wait{grid-column:1}.ludo-lobby-players{grid-template-columns:1fr;text-align:left}.ludo-lobby-player:nth-child(odd){border-right:0}.ludo-board{padding:7px;gap:2px;border-width:5px}.ludo-token{border-width:1px}.ludo-panel{grid-template-columns:1fr}.ludo-player-list,.ludo-turn,.ludo-log,.ludo-rule{grid-column:1}.ludo-turn{grid-row:auto}}.bs-screen,.uno-screen,.mono-screen,.kniffel-screen,.bs-header,.uno-header,.kniffel-header{color:var(--cream)}.bs-title{background:linear-gradient(135deg,#f3ead6,#d39a49 55%,#bf5d35);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bs-lobby,.bs-place-panel,.bs-board-wrap,.bs-sidebar-section,.uno-opponents-bar,.uno-table,.kniffel-left,.kniffel-right,.kniffel-players-bar,.kniffel-dice-area,.kniffel-scoreboard,.mono-center,.mono-info-panel{background-color:#172019db!important;border-color:#bf5d3566!important}.bs-status-pill.wait,.uno-status-pill.wait,.kniffel-status-pill.wait{background:#3f5945bf;color:var(--paper);border-color:#d39a4959}.bs-status-pill.myturn,.uno-status-pill.myturn,.kniffel-status-pill.rolling{background:linear-gradient(135deg,#bf5d35,#8f4028)}.bs-grid{background:#2b4d3ea6!important;border-color:#d39a4994!important}.bs-cell{background:#365e4b61!important;border-color:#f3ead624!important}.bs-cell.bs-ship-cell{background:linear-gradient(160deg,#806044,#4f4536)!important}.uno-opp-chip,.kniffel-opp-chip{background:#1f372be0!important;border-color:#d39a494d!important}.uno-opp-chip--active,.kniffel-opp-chip--active{background:#415335f0!important;border-color:var(--amber)!important}.uno-deck-card,.uno-discard-empty{border-color:#d39a4980!important}.uno-deck-card--1{background:linear-gradient(145deg,#3f5945,#25372d)!important}.mono-board{background:#142b25!important;border-color:#a86d3e!important}.mono-field{background:#203c31!important;border-color:#55705b!important}.mono-field:hover{background:#3f5945!important}.mono-field--corner,.mono-center{background:#192f28!important}.mono-center{border-color:#a86d3e!important}.mono-center-logo{color:var(--amber)!important}.mono-center-logo span{color:var(--copper)!important}.mono-btn{background:linear-gradient(135deg,#a74f31,#6f3e28)!important;color:var(--cream)!important;border-color:var(--amber)!important}.kniffel-dice-area{background:radial-gradient(ellipse at center,#39604880,#10251db3)!important}.kniffel-roll-btn{background:linear-gradient(135deg,#bf5d35,#8f4028)!important}.bs-message,.bs-board-label,.bs-coord,.kniffel-dice-label,.kniffel-dice-info{color:#f3ead6c2!important}.settings-btn,.bs-back-btn,.uno-back-btn,.kniffel-back-btn{background:#172019e0;border-color:#d39a4980;color:var(--cream)}.settings-btn:hover,.bs-back-btn:hover,.uno-back-btn:hover,.kniffel-back-btn:hover{background:var(--forest-light);border-color:var(--amber)}:root{--ui-bg: #151914;--ui-panel: #20271f;--ui-panel-2: #293329;--ui-paper: #e9dfc8;--ui-paper-dark: #cabea4;--ui-ink: #25271f;--ui-text: #f1eadb;--ui-muted: #a89f8d;--ui-orange: #c65f35;--ui-gold: #d6a04d;--ui-green: #778c61;--ui-line: rgba(241, 234, 219, .14);--ui-radius: 10px}.bs-screen,.uno-screen,.kniffel-screen,.mono-screen{width:100%;min-height:100dvh;color:var(--ui-text);background:linear-gradient(110deg,#121712f7,#1b241cf0),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.025) 80px)}.bs-screen,.uno-screen,.kniffel-screen{height:auto!important;padding:18px clamp(16px,3vw,42px) 28px!important;overflow:auto!important}.bs-header,.uno-header,.kniffel-header{width:100%!important;max-width:1440px!important;min-height:52px!important;margin:0 auto!important;padding:0 0 14px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;border-bottom:1px solid var(--ui-line)!important;background:transparent!important}.bs-title,.uno-title,.kniffel-title{color:var(--ui-text)!important;background:none!important;filter:none!important;-webkit-text-fill-color:currentColor!important;font:700 .78rem/1 Nunito,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase}.bs-back-btn,.uno-back-btn,.kniffel-back-btn,.mono-back-btn{justify-self:start;min-width:0!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-muted)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.08em;cursor:pointer}.bs-back-btn:hover,.uno-back-btn:hover,.kniffel-back-btn:hover,.mono-back-btn:hover{color:var(--ui-text)!important;transform:none!important}.bs-status-pill,.uno-status-pill,.kniffel-status-pill{justify-self:end;padding:7px 11px!important;border:1px solid var(--ui-line)!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;color:var(--ui-muted)!important;font-size:.6rem!important;font-weight:900!important;letter-spacing:.12em!important}.bs-status-pill.myturn,.uno-status-pill.myturn,.kniffel-status-pill.myturn,.kniffel-status-pill.rolling{border-color:var(--ui-gold)!important;color:var(--ui-gold)!important}.main-menu{max-width:1180px!important}.menu-layout{grid-template-columns:280px minmax(0,1fr)!important;gap:clamp(36px,6vw,80px)!important}.menu-title{font-size:clamp(2.8rem,5vw,4.5rem)!important}.menu-description{max-width:260px!important;font-size:.78rem!important}.room-list:empty:after{content:"Keine offenen Räume."!important}.bs-lobby,.uno-lobby,.kniffel-lobby,.mono-lobby{position:relative!important;width:min(680px,calc(100% - 32px))!important;max-width:none!important;min-height:0!important;margin:clamp(36px,9vh,92px) auto!important;padding:clamp(26px,5vw,52px)!important;display:grid!important;grid-template-columns:110px 1fr!important;align-content:start!important;align-items:center!important;gap:12px 30px!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:#1e261ef0!important;box-shadow:0 30px 80px #00000052!important;overflow:visible!important}.bs-lobby-icon,.uno-lobby-icon,.kniffel-lobby-icon{grid-row:1 / 4;display:grid!important;width:90px!important;height:90px!important;place-items:center;margin:0!important;border:1px solid rgba(214,160,77,.42);border-radius:50%;background:#d6a04d0f;color:var(--ui-gold);font-size:2.1rem!important}.bs-lobby-title,.uno-lobby-title,.kniffel-lobby-title,.mono-lobby-title{margin:0!important;color:var(--ui-text)!important;font:400 clamp(1.7rem,4vw,2.5rem)/1 Georgia,serif!important;text-align:left!important}.bs-lobby-info,.uno-lobby-info,.kniffel-lobby-info,.mono-lobby-sub{margin:0!important;color:var(--ui-muted)!important;font-size:.72rem!important;letter-spacing:.04em!important;text-align:left!important}.bs-room-display,.bs-players-list,.uno-players-list,.kniffel-players-list,.mono-lobby-players,.mono-color-picker{grid-column:1 / -1;width:100%!important;margin:12px 0 0!important;border:0!important;border-top:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.bs-player-row,.uno-player-row,.kniffel-player-row,.mono-lobby-player{min-height:50px!important;padding:8px 4px!important;border:0!important;border-bottom:1px solid rgba(241,234,219,.08)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.uno-start-btn,.kniffel-start-btn,.mono-btn--start{grid-column:1 / -1;width:100%!important;margin-top:10px!important;padding:13px 18px!important;border:0!important;border-radius:4px!important;background:var(--ui-orange)!important;box-shadow:none!important;color:#fff!important;font-size:.72rem!important;font-weight:900!important}.bs-message{width:min(1200px,100%)!important;min-height:38px!important;margin:12px auto 0!important;padding:8px 12px!important;border-left:2px solid var(--ui-line);color:var(--ui-muted)!important;font-size:.72rem!important;text-align:left!important}.bs-message.myturn-msg{border-color:var(--ui-gold);color:var(--ui-text)!important}.bs-boards{width:min(1200px,100%)!important;max-width:none!important;min-height:0!important;margin:16px auto 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(18px,4vw,54px)!important;align-items:start!important}.bs-board-divider{display:none!important}.bs-board-wrap,.bs-place-board-wrap{padding:clamp(14px,2vw,24px)!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#18221bcc!important;box-shadow:0 18px 42px #00000038!important}.bs-board-label{width:100%!important;margin-bottom:14px!important;display:flex!important;justify-content:space-between!important;color:var(--ui-muted)!important;font-size:.65rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase}.bs-score-badge{color:var(--ui-gold)!important}.bs-grid-outer{margin:auto!important}.bs-grid-wrap{padding:3px;border:1px solid rgba(214,160,77,.35);background:#1d3029!important;box-shadow:inset 0 0 30px #050c0873}.bs-grid{gap:1px!important;background:#dcd2b41a!important;border:0!important}.bs-cell{border:0!important;background:#3f5b4a80!important;box-shadow:inset 0 0 0 1px #eee1c20b!important}.bs-cell.clickable:hover{background:#d6a04d52!important;box-shadow:inset 0 0 0 1px var(--ui-gold)!important}.bs-cell.bs-ship-cell{background:#a99d83!important;box-shadow:inset 0 0 0 1px #fff3!important}.bs-cell.preview-valid{background:#829667!important}.bs-cell.preview-invalid{background:#a84730!important}.bs-cell.miss{background:#334e43!important}.bs-cell.miss:after{background:var(--ui-paper)!important;opacity:.55}.bs-cell.hit-on-ship{background:var(--ui-orange)!important}.bs-cell.sunk-ship{background:#5e2e25!important}.bs-coord{color:#e9dfc86b!important;font-family:Nunito,sans-serif!important}.bs-place-layout{width:min(1120px,100%)!important;max-width:none!important;min-height:0!important;margin:22px auto 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:24px!important;align-items:start!important}.bs-place-board-wrap{grid-column:1;grid-row:1}.bs-place-sidebar{grid-column:2;grid-row:1;width:auto!important;padding:22px!important;gap:18px!important;border:1px solid var(--ui-line);border-radius:8px;background:#18221be6}.bs-sidebar-section{padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important}.bs-sidebar-title{color:var(--ui-muted)!important;font-size:.6rem!important;letter-spacing:.16em!important}.bs-fleet-row{min-height:34px!important;padding:5px 0!important;background:transparent!important;border:0!important}.bs-fleet-row.active{color:var(--ui-gold)!important}.bs-fleet-dot{border-radius:1px!important;background:#56665a!important}.bs-fleet-dot.active{background:var(--ui-gold)!important}.bs-fleet-dot.placed{background:var(--ui-green)!important}.bs-orient-btn,.bs-reset-btn,.bs-ready-btn{border-radius:3px!important;box-shadow:none!important}.bs-ready-btn{background:var(--ui-orange)!important}.bs-place-hint{margin:0 0 14px!important;color:var(--ui-muted)!important;font-size:.7rem!important}.uno-screen--play{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;grid-template-rows:auto minmax(310px,1fr) auto!important;gap:14px 18px!important}.uno-header{grid-column:1 / -1}.uno-opponents-bar{grid-column:1;grid-row:2 / 4;width:100%!important;max-width:none!important;max-height:none!important;padding:8px!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:5px!important;overflow-y:auto!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:#19221bc2!important}.uno-opp-chip{width:100%!important;min-width:0!important;padding:9px!important;border:0!important;border-left:2px solid transparent!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important}.uno-opp-chip--active{border-left-color:var(--ui-gold)!important;background:#d6a04d14!important}.uno-table{grid-column:2;grid-row:2;position:relative!important;width:min(850px,100%)!important;max-width:none!important;min-height:310px!important;margin:auto!important;padding:34px!important;display:flex!important;justify-content:center!important;gap:clamp(36px,8vw,105px)!important;border:12px solid #4a3929!important;border-radius:48%!important;background:radial-gradient(circle at 50% 45%,rgba(110,133,83,.24),transparent 55%),#263d2e!important;box-shadow:inset 0 0 0 2px #e9dfc826,inset 0 0 55px #0006,0 22px 50px #00000047!important}.uno-deck-area,.uno-discard-area{position:relative;z-index:1}.uno-deck-stack{transform:rotate(-4deg)!important}.uno-discard-area{transform:rotate(4deg)}.uno-deck-card,.uno-discard-area .uno-card,.uno-discard-empty{box-shadow:0 12px 22px #00000059!important}.uno-my-area{grid-column:2;grid-row:3;width:100%!important;max-width:none!important;min-height:155px!important;padding:12px 16px 4px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:#141b15e6!important;box-shadow:none!important}.uno-my-info{padding:0 0 8px!important;border-bottom:1px solid var(--ui-line)}.uno-hand{max-height:180px!important;padding:14px 8px 8px!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important}.uno-hand .uno-card{flex:0 0 auto;margin:0!important;transition:transform .18s ease!important}.uno-hand .uno-card--playable:hover{z-index:10;transform:translateY(-10px) rotate(0)!important}.uno-color-picker{border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#20271f!important;box-shadow:0 24px 70px #00000080!important}.kniffel-content{width:min(1280px,100%)!important;max-width:none!important;min-height:0!important;margin:22px auto 0!important;display:grid!important;grid-template-columns:390px minmax(0,1fr)!important;gap:22px!important;overflow:visible!important}.kniffel-right{grid-column:1;grid-row:1;width:auto!important;max-width:none!important;order:0!important}.kniffel-left{grid-column:2;grid-row:1;min-width:0;display:grid!important;grid-template-rows:auto 1fr auto;gap:12px!important;order:0!important}.kniffel-sc-card{height:auto!important;max-height:calc(100dvh - 110px)!important;border:0!important;border-radius:3px!important;background:linear-gradient(90deg,transparent 33px,rgba(181,83,62,.22) 34px,transparent 35px),repeating-linear-gradient(0deg,transparent 0 27px,rgba(47,59,45,.11) 28px),#d9c8a7!important;box-shadow:8px 12px #b9ab8d,0 28px 55px #0000004d!important;color:var(--ui-ink)!important}.kniffel-sc-head{padding:18px 20px 14px 46px!important;border-bottom:2px solid rgba(37,39,31,.3)!important;background:#523e2614!important;color:#24251f!important}.kniffel-sc-head-title{color:#24251f!important;font:700 1rem Georgia,serif!important}.kniffel-sc-head-total{color:var(--ui-orange)!important;font:700 1.3rem Georgia,serif!important}.kniffel-sc-body{padding-left:35px!important}.kniffel-sc-section-label{background:#2e392b1f!important;color:#524936!important}.kniffel-sc-row,.kniffel-sc-sum-row,.kniffel-sc-bonus-row{border-color:#25271f33!important;color:#24251f!important}.kniffel-sc-row{background:#fffaeb29!important}.kniffel-sc-row--playable{background:#c65f3524!important;cursor:pointer}.kniffel-sc-row--playable:hover{background:#c65f3533!important;transform:none!important}.kniffel-sc-row--filled{color:#24251f9e!important}.kniffel-sc-row-name,.kniffel-sc-sum-label{color:#292a22!important;text-shadow:none!important}.kniffel-sc-row-icon{color:#95502f!important}.kniffel-sc-row-score,.kniffel-sc-sum-value{color:#1f211c!important;text-shadow:none!important}.kniffel-sc-row--playable .kniffel-sc-row-name,.kniffel-sc-row--playable .kniffel-sc-row-score{color:#1f211c!important}.kniffel-sc-total-row{background:var(--ui-ink)!important;color:var(--ui-paper)!important}.kniffel-sc-total-row *{color:var(--ui-paper)!important}.kniffel-players-bar{width:100%!important;min-height:58px!important;padding:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;border:1px solid var(--ui-line)!important;border-radius:6px!important;background:#19221bbf!important}.kniffel-opp-chip{min-width:150px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:3px!important;background:transparent!important}.kniffel-opp-chip--active{border-bottom-color:var(--ui-gold)!important;background:#d6a04d14!important}.kniffel-dice-area{min-height:360px!important;padding:clamp(28px,5vw,64px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border:1px solid rgba(233,223,200,.16)!important;border-radius:50%/18%!important;background:radial-gradient(ellipse at center,rgba(83,112,76,.22),transparent 62%),#26372a!important;box-shadow:inset 0 0 70px #00000059,0 24px 55px #00000038!important}.kniffel-dice-label{color:var(--ui-muted)!important;font-size:.68rem!important;letter-spacing:.12em!important;text-transform:uppercase}.kniffel-dice-row{gap:clamp(8px,2vw,18px)!important}.kniffel-die{width:clamp(54px,7vw,78px)!important;height:clamp(54px,7vw,78px)!important;filter:drop-shadow(0 9px 8px rgba(0,0,0,.28))}.kniffel-die--held{transform:translateY(-12px)!important;filter:drop-shadow(0 0 8px rgba(214,160,77,.65))}.kniffel-die--held:after{content:none!important}.kniffel-die-hold-badge{top:-8px!important;right:-8px!important;bottom:auto!important;left:auto!important;width:23px!important;height:23px!important;transform:none!important;border:2px solid #f4ead5!important;border-radius:50%!important;background:var(--ui-gold)!important;box-shadow:0 3px 9px #00000061!important;color:#29251c!important}.kniffel-die-hold-badge:empty{display:none!important}.kniffel-die-hold-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.kniffel-roll-btn{min-width:180px!important;padding:12px 20px!important;border:0!important;border-radius:3px!important;background:var(--ui-orange)!important;box-shadow:none!important;font-size:.72rem!important}.kniffel-sc-hint{color:var(--ui-muted)!important}.kniffel-yahtzee-overlay{display:grid;place-items:center;isolation:isolate;transition:opacity .25s ease!important}.kniffel-yahtzee-overlay--fade{transition:opacity .7s ease!important}.kniffel-yahtzee-backdrop{background:radial-gradient(circle at 50% 48%,rgba(73,99,72,.38),transparent 34%),linear-gradient(135deg,#090d0af5,#141d16ed)!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;animation:kniffelBackdropIn .25s ease both!important}.kniffel-yahtzee-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(241,234,219,.18) 80px);-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%)}.kniffel-yahtzee-flash{inset:50% auto auto 50%!important;width:min(76vw,760px)!important;aspect-ratio:1;border:1px solid rgba(214,160,77,.7);border-radius:50%;background:radial-gradient(circle,rgba(214,160,77,.25),transparent 58%)!important;animation:kniffelAutumnPulse 1.15s cubic-bezier(.2,.75,.25,1) both!important}@keyframes kniffelAutumnPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.kniffel-yahtzee-orbit{position:absolute;top:50%;left:50%;width:min(72vw,680px);aspect-ratio:1;z-index:1;transform:translate(-50%,-50%)}.kniffel-yahtzee-orbit span{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(214,160,77,.32);border-radius:50%;animation:kniffelOrbitIn 1s cubic-bezier(.2,.8,.2,1) both,kniffelOrbitTurn 14s 1s linear infinite}.kniffel-yahtzee-orbit span:before,.kniffel-yahtzee-orbit span:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ui-gold);box-shadow:0 0 18px var(--ui-gold)}.kniffel-yahtzee-orbit span:before{top:-4px;left:50%}.kniffel-yahtzee-orbit span:after{right:-4px;top:50%}.kniffel-yahtzee-orbit span:nth-child(2){top:21%;right:21%;bottom:21%;left:21%;border-style:dashed;border-color:#c65f3557;animation-delay:.1s,1s;animation-direction:normal,reverse}.kniffel-yahtzee-orbit span:nth-child(3){top:31%;right:31%;bottom:31%;left:31%;border-color:#f1eadb2e;animation-delay:.2s,1s}@keyframes kniffelOrbitIn{0%{opacity:0;transform:scale(.55) rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes kniffelOrbitTurn{to{transform:rotate(360deg)}}.kniffel-yahtzee-dice-container{top:46%!important;width:min(88vw,520px);justify-content:center;gap:clamp(8px,2vw,20px)!important;transform:translate(-50%,-50%)!important;perspective:700px}.kniffel-yahtzee-dice{width:clamp(48px,8vw,74px);height:clamp(48px,8vw,74px);opacity:0;filter:drop-shadow(0 15px 12px rgba(0,0,0,.45))!important;text-shadow:none!important;animation:kniffelDiceImpact .72s cubic-bezier(.16,.8,.24,1.25) var(--dice-delay) both!important}.kniffel-yahtzee-dice .kniffel-die-svg{width:100%;height:100%}.kniffel-yahtzee-dice .kniffel-die-svg rect{fill:#eee5d1;stroke:#d6a04d}.kniffel-yahtzee-dice .kniffel-die-svg circle{fill:#25271f}@keyframes kniffelDiceImpact{0%{opacity:0;transform:translateY(-180px) rotateX(70deg) rotate(-30deg) scale(.65)}68%{opacity:1;transform:translateY(10px) rotateX(-8deg) rotate(var(--dice-rotate)) scale(1.08)}82%{transform:translateY(-5px) rotateX(3deg) rotate(var(--dice-rotate)) scale(.98)}to{opacity:1;transform:translateY(0) rotateX(0) rotate(var(--dice-rotate)) scale(1)}}.kniffel-yahtzee-text-wrap{top:calc(50% + 100px)!important;width:min(92vw,700px);margin:0!important}.kniffel-yahtzee-player,.kniffel-yahtzee-sub{opacity:0;color:var(--ui-muted);font:900 .62rem/1 Nunito,sans-serif;letter-spacing:.25em;text-transform:uppercase;animation:kniffelLabelIn .45s 1.05s ease both}.kniffel-yahtzee-player{margin-bottom:10px;color:var(--ui-gold)}.kniffel-yahtzee-sub{margin-top:11px;animation-delay:1.18s}.kniffel-yahtzee-text{opacity:0;transform:none;background:none!important;color:var(--ui-text)!important;-webkit-text-fill-color:currentColor!important;font:900 clamp(2.7rem,8vw,6.5rem)/.9 "Nunito",sans-serif!important;letter-spacing:.08em!important;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 35px rgba(214,160,77,.32)!important;filter:none!important;animation:kniffelTitleReveal .65s .78s cubic-bezier(.16,.8,.24,1) both!important}@keyframes kniffelTitleReveal{0%{opacity:0;transform:scaleX(.62);letter-spacing:.25em;filter:blur(8px)}to{opacity:1;transform:scaleX(1);letter-spacing:.08em;filter:blur(0)}}@keyframes kniffelLabelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kniffel-particle{width:calc(var(--ksize) * 3)!important;height:var(--ksize)!important;border-radius:1px!important;background:var(--kcolor)!important;box-shadow:0 0 9px var(--kcolor)!important;animation:kniffelAutumnBurst var(--kdur) var(--kdelay) cubic-bezier(.2,.65,.25,1) both!important}@keyframes kniffelAutumnBurst{0%{opacity:0;transform:translate(0) scaleX(.2) rotate(0)}12%{opacity:1}70%{opacity:.8}to{opacity:0;transform:translate(var(--kx),var(--ky)) scaleX(1) rotate(var(--krot))}}.mono-screen{height:100dvh!important;padding:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:14px!important;overflow:hidden!important}.mono-board-wrap{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;padding:6px!important;background:transparent!important}.mono-board{width:min(94dvh,calc(100vw - 322px))!important;height:auto!important;aspect-ratio:1!important;border:12px solid #5b412d!important;border-radius:22px!important;background:var(--ui-paper-dark)!important;box-shadow:inset 0 0 0 2px #2a2118,inset 0 0 35px #402d1a47,0 24px 55px #00000061!important;gap:2px!important}.mono-field{padding:2px!important;overflow:hidden!important;border:0!important;border-radius:2px!important;background:#eee4ce!important;color:#292a22!important;box-shadow:inset 0 0 0 1px #30271c40!important}.mono-field:hover{z-index:8!important;background:#fff7e5!important;transform:scale(1.06)!important;box-shadow:0 5px 18px #00000040!important}.mono-field--corner{background:#ded1b6!important}.mono-field-name{color:#292a22!important;font-family:Georgia,serif!important;font-weight:700!important;text-shadow:none!important}.mono-field-icon{filter:none!important}.mono-field-color{filter:saturate(.72)}.mono-center{border:1px solid rgba(233,223,200,.2)!important;border-radius:12px!important;background:radial-gradient(circle at center,rgba(103,128,91,.16),transparent 60%),#304336!important;box-shadow:inset 0 0 60px #00000040!important;transform:none!important}.mono-center:before,.mono-center:after{content:"";position:absolute;width:28%;height:1px;top:18%;background:#e9dfc824}.mono-center:before{left:8%}.mono-center:after{right:8%}.mono-center-logo{color:var(--ui-gold)!important;font:400 clamp(.7rem,1.2vw,1rem)/1.3 Georgia,serif!important}.mono-center-logo span{color:var(--ui-paper)!important}.mono-sidebar{width:280px!important;height:100%!important;padding:14px!important;display:grid!important;grid-template-rows:auto auto minmax(70px,1fr) auto!important;gap:10px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#1a221bf5!important;box-shadow:0 20px 50px #00000040!important}.mono-players-list{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important}.mono-player-chip{min-width:0!important;padding:8px!important;border:0!important;border-left:2px solid transparent!important;border-radius:3px!important;background:#ffffff06!important}.mono-player-chip--active{border-left-color:var(--ui-gold)!important;background:#d6a04d17!important;box-shadow:none!important}.mono-player-token{font-size:.9rem!important}.mono-player-name{color:var(--ui-text)!important}.mono-player-money{color:var(--ui-gold)!important}.mono-log{min-height:70px!important;padding:9px!important;border:0!important;border-top:1px solid var(--ui-line)!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important}.mono-log-entry{padding:5px 0!important;color:var(--ui-muted)!important;font-size:.58rem!important;border-color:#f1eadb0f!important}.mono-myprops{max-height:190px!important;background:transparent!important}.mono-prop-row{border-color:var(--ui-line)!important;background:#ffffff06!important}.mono-btn{border:0!important;border-radius:3px!important;background:var(--ui-orange)!important;box-shadow:none!important}.mono-btn--end{background:var(--ui-green)!important}.mono-die3d{background:var(--ui-paper)!important;box-shadow:0 8px 14px #00000047!important}.mono-dot--on{background:var(--ui-ink)!important}.mono-token-avatar{box-shadow:0 2px 8px #00000073!important}.mono-overlay{background:#0b0f0bc2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.mono-overlay-card{border:1px solid rgba(65,54,39,.3)!important;border-radius:5px!important;background:var(--ui-paper)!important;color:var(--ui-ink)!important;box-shadow:10px 12px #12141073!important}.mono-overlay-title,.mono-overlay-text{color:var(--ui-ink)!important}.bs-gameover,.uno-gameover,.kniffel-gameover{background:#0b0f0bcc!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.bs-gameover-box,.uno-gameover-box,.kniffel-gameover-box{width:min(390px,calc(100vw - 32px))!important;padding:36px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:var(--ui-panel)!important;box-shadow:0 25px 70px #00000073!important}.bs-gameover-btn,.uno-gameover-btn,.kniffel-gameover-btn{border-radius:3px!important;background:var(--ui-orange)!important;box-shadow:none!important}@media (max-width: 900px){.menu-layout{grid-template-columns:1fr!important}.bs-boards{grid-template-columns:1fr!important;justify-items:center!important}.bs-board-wrap{width:min(600px,100%)!important}.bs-place-layout{grid-template-columns:1fr!important}.bs-place-board-wrap{grid-column:1;grid-row:1}.bs-place-sidebar{grid-column:1;grid-row:2;width:100%!important}.uno-screen--play{grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(300px,1fr) auto!important}.uno-header{grid-column:1}.uno-opponents-bar{grid-column:1;grid-row:2;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important}.uno-opp-chip{min-width:145px!important}.uno-table{grid-column:1;grid-row:3}.uno-my-area{grid-column:1;grid-row:4}.kniffel-content{grid-template-columns:1fr!important}.kniffel-left{grid-column:1;grid-row:1}.kniffel-right{grid-column:1;grid-row:2}.kniffel-sc-card{max-height:none!important}.mono-screen{height:auto!important;min-height:100dvh!important;grid-template-columns:1fr!important;overflow:auto!important}.mono-board-wrap{min-width:720px!important;min-height:720px!important;justify-content:start!important}.mono-board{width:700px!important;height:700px!important}.mono-sidebar{width:100%!important;min-height:360px}}@media (max-width: 580px){.bs-screen,.uno-screen,.kniffel-screen{padding:10px 10px 22px!important}.bs-header,.uno-header,.kniffel-header{grid-template-columns:auto 1fr auto!important}.bs-title,.uno-title,.kniffel-title{text-align:center;font-size:.64rem!important}.bs-lobby,.uno-lobby,.kniffel-lobby,.mono-lobby{width:calc(100% - 20px)!important;margin:24px auto!important;padding:22px!important;grid-template-columns:1fr!important;text-align:center}.bs-lobby-icon,.uno-lobby-icon,.kniffel-lobby-icon{grid-row:auto;width:62px!important;height:62px!important;margin:auto!important}.bs-lobby-title,.uno-lobby-title,.kniffel-lobby-title,.mono-lobby-title,.bs-lobby-info,.uno-lobby-info,.kniffel-lobby-info,.mono-lobby-sub{text-align:center!important}.bs-room-display,.bs-players-list,.uno-players-list,.kniffel-players-list,.mono-lobby-players,.mono-color-picker{grid-column:1}.bs-board-wrap,.bs-place-board-wrap{padding:10px!important}.uno-table{min-height:270px!important;padding:25px 12px!important;gap:45px!important;border-width:8px!important;border-radius:70px!important}.uno-my-area{padding-inline:8px!important}.kniffel-dice-area{min-height:300px!important;padding:30px 10px!important;border-radius:60px!important}.kniffel-dice-row{flex-wrap:nowrap!important}.kniffel-die{width:52px!important;height:52px!important}.kniffel-sc-card{box-shadow:4px 7px #b9ab8d,0 18px 40px #00000040!important}}:root{--safe-top: max(env(safe-area-inset-top, 0px), var(--discord-safe-area-inset-top, 0px));--safe-right: max(env(safe-area-inset-right, 0px), var(--discord-safe-area-inset-right, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--discord-safe-area-inset-bottom, 0px));--safe-left: max(env(safe-area-inset-left, 0px), var(--discord-safe-area-inset-left, 0px))}html,body{width:100%;min-height:100%;overflow:hidden!important}#app{width:100%;height:100dvh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}button,[role=button]{touch-action:manipulation}.room-item-info,.bs-header>*,.uno-header>*,.kniffel-header>*,.c4-header>*,.ludo-header>*{min-width:0}.room-item-name,.room-item-players,.bs-status-pill,.uno-status-pill,.kniffel-status-pill,.c4-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-back-btn,.room-join-btn,.room-create-btn,.bs-back-btn,.uno-back-btn,.uno-pass-btn,.kniffel-back-btn,.kniffel-roll-btn,.mono-back-btn,.c4-back,.c4-result-card button,.ludo-header button,.ludo-start,.ludo-turn button,.ludo-result button{min-height:44px!important}.uno-color-picker{position:fixed!important}@media (max-width: 1024px){.main-menu,.room-screen,.bs-screen,.uno-screen,.kniffel-screen,.mono-screen,.c4-screen,.ludo-screen{padding-top:max(12px,var(--safe-top))!important;padding-right:max(14px,var(--safe-right))!important;padding-bottom:max(18px,var(--safe-bottom))!important;padding-left:max(14px,var(--safe-left))!important}.settings-btn{right:max(12px,var(--safe-right));bottom:max(12px,var(--safe-bottom));width:44px;height:44px}.menu-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:clamp(24px,4vw,46px)!important;padding:30px 0!important}.menu-title{font-size:clamp(2.3rem,5.5vw,3.5rem)!important}.game-card{min-height:126px;padding:16px}.room-layout{min-height:calc(100dvh - 86px);gap:clamp(30px,5vw,58px);padding:34px 0}.room-item-info{min-width:0}.kniffel-content{grid-template-columns:1fr!important}.kniffel-left{grid-column:1!important;grid-row:1!important}.kniffel-right{grid-column:1!important;grid-row:2!important}.kniffel-sc-card{max-height:none!important}.mono-screen{height:auto!important;min-height:100dvh!important;grid-template-columns:1fr!important;align-content:start!important;overflow-x:hidden!important;overflow-y:auto!important}.mono-board-wrap{width:100%!important;min-width:0!important;min-height:0!important;padding:0!important;justify-content:center!important;overflow:visible!important}.mono-board{width:min(720px,100%)!important;height:auto!important;flex:0 0 auto}.mono-sidebar{width:min(720px,100%)!important;min-height:0!important;justify-self:center}.ludo-board{width:min(680px,73dvh,100%)}}@media (max-width: 700px){.main-menu,.room-screen{min-height:100dvh}.menu-topbar,.room-topbar{min-height:46px;padding-bottom:10px}.menu-layout{display:block!important;padding:18px 0 8px!important}.menu-season{margin-bottom:9px;gap:16px;font-size:.52rem}.menu-kicker,.menu-description,.menu-note{display:none}.menu-title{margin:0 0 22px;font-size:clamp(2rem,10vw,2.8rem)!important;line-height:1!important}.menu-title br{display:none}.game-library-head{margin-bottom:10px}.game-library h2{font-size:1.18rem}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-card{min-height:116px;padding:11px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:6px}.game-card-number{grid-column:1;grid-row:1}.game-card-arrow{grid-column:2;grid-row:1}.game-card-icon{width:34px;height:34px;grid-column:1;grid-row:2;align-self:center;font-size:1rem}.game-card-copy{grid-column:1 / -1;grid-row:3}.game-card-name{font-size:.96rem}.game-card-desc{margin-top:4px;font-size:.52rem}.menu-footer{margin-top:14px;padding-top:10px}.room-layout{display:block;min-height:0;padding:18px 0 4px}.room-hero{display:grid;grid-template-columns:48px 1fr;gap:0 14px;align-items:center;padding:0 0 18px}.room-hero-icon{grid-row:1 / 3;width:48px;height:48px;margin:0;font-size:1.25rem}.room-hero .section-label{align-self:end}.room-screen-title{margin:2px 0 0;font-size:clamp(1.7rem,8vw,2.25rem)}.room-hero>p,.room-hero-detail{display:none}.room-browser{margin:0;padding:15px 12px}.room-browser-head{margin-bottom:10px}.room-list,.room-list:empty:after{min-height:128px;max-height:none}.room-item{grid-template-columns:24px minmax(0,1fr) auto;gap:8px;padding:10px 2px}.room-join-btn{grid-column:auto;justify-self:end;padding-inline:11px}.room-create-btn{margin-top:12px;padding:10px 12px}.bs-header,.uno-header,.kniffel-header,.c4-header,.ludo-header{min-height:46px!important;grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr)!important;padding-bottom:7px!important}.bs-back-btn,.uno-back-btn,.kniffel-back-btn,.mono-back-btn,.c4-back,.ludo-header button{padding:0!important}.bs-status-pill,.uno-status-pill,.kniffel-status-pill,.c4-status,.ludo-header>span{max-width:28vw;padding:6px 8px!important}.bs-lobby,.uno-lobby,.kniffel-lobby,.mono-lobby,.c4-lobby,.ludo-lobby{width:100%!important;margin:18px auto!important}.bs-board-wrap,.bs-place-board-wrap{max-width:100%;padding:8px!important;overflow-x:auto!important}.bs-boards{gap:18px!important}.bs-place-layout,.bs-battle-area{margin-top:14px!important}.bs-place-sidebar{padding:14px!important}.uno-screen--play{gap:8px!important;grid-template-rows:auto auto minmax(245px,auto) auto!important}.uno-opponents-bar{flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none}.uno-opponents-bar::-webkit-scrollbar,.uno-hand::-webkit-scrollbar{display:none}.uno-opp-chip{min-width:128px!important}.uno-table{min-height:245px!important;padding:20px 10px!important;gap:28px!important;border-width:7px!important;border-radius:56px!important}.uno-my-area{min-height:142px!important;padding:8px 4px max(5px,var(--safe-bottom))!important}.uno-hand{padding-block:5px!important;scroll-snap-type:x proximity}.uno-card{scroll-snap-align:center}.kniffel-content{gap:14px!important;margin-top:8px!important;overflow:visible!important}.kniffel-players-bar{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.kniffel-opp-chip{min-width:132px!important}.kniffel-dice-area{min-height:246px!important;padding:24px 7px!important;border-radius:42px!important}.kniffel-dice-row{width:100%;gap:4px!important}.kniffel-die{width:clamp(43px,15vw,54px)!important;height:clamp(43px,15vw,54px)!important}.kniffel-roll-btn{min-width:150px!important}.kniffel-sc-row--playable{min-height:44px}.mono-board{width:100%!important}.mono-field-name{font-size:clamp(3.5px,1.25vw,6px)!important;line-height:1.05!important}.mono-sidebar{margin-top:12px}#mono-tooltip.mono-tooltip--touch{position:fixed!important;inset:auto max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))!important;z-index:300!important;width:auto!important;min-width:0!important;max-height:58dvh;overflow-y:auto}.c4-game{gap:14px;margin-top:14px}.c4-player-card{min-width:0}.c4-board-area{width:min(100%,590px)}.c4-board{gap:clamp(4px,1.4vw,7px);padding:clamp(7px,2.5vw,11px)}.c4-cell{min-width:0;touch-action:manipulation}.ludo-layout{gap:15px;margin-top:14px}.ludo-board{width:min(100%,610px)}.ludo-panel{width:min(610px,100%);padding:10px;gap:8px}.ludo-turn button{padding:10px}}@media (max-width: 380px){.main-menu,.room-screen,.bs-screen,.uno-screen,.kniffel-screen,.mono-screen,.c4-screen,.ludo-screen{padding-right:max(9px,var(--safe-right))!important;padding-left:max(9px,var(--safe-left))!important}.menu-wordmark-sub,.game-count,.menu-footer-line,.room-wordmark{display:none}.game-card{min-height:108px}.game-card-desc,.room-item-index{display:none}.room-item{grid-template-columns:minmax(0,1fr) auto}.uno-table{gap:20px!important}.kniffel-die{width:clamp(41px,14.6vw,49px)!important;height:clamp(41px,14.6vw,49px)!important}.c4-player-card{grid-template-columns:10px 24px minmax(0,1fr);gap:5px;padding:7px}.c4-player-card img,.c4-player-card .c4-avatar-fallback{width:24px;height:24px}.ludo-board{padding:5px;gap:1px;border-width:4px}}@media (orientation: landscape) and (max-height: 560px) and (min-width: 560px){.main-menu,.room-screen,.bs-screen,.uno-screen,.kniffel-screen,.mono-screen,.c4-screen,.ludo-screen{padding-top:max(7px,var(--safe-top))!important;padding-bottom:max(7px,var(--safe-bottom))!important}.menu-layout{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:24px!important;padding:12px 0!important}.menu-title{font-size:2.2rem!important}.game-card{min-height:86px}.game-card-icon,.game-card-desc,.menu-footer{display:none}.game-card-copy{grid-row:2}.room-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:10px 0}.room-hero{display:block}.room-hero-icon{margin-bottom:10px}.uno-screen--play{grid-template-columns:130px minmax(0,1fr)!important;grid-template-rows:auto minmax(190px,1fr) auto!important}.uno-header{grid-column:1 / -1!important}.uno-opponents-bar{grid-column:1!important;grid-row:2 / 4!important;flex-direction:column!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important}.uno-opp-chip{min-width:0!important}.uno-table{grid-column:2!important;grid-row:2!important;min-height:190px!important}.uno-my-area{grid-column:2!important;grid-row:3!important;min-height:116px!important}.kniffel-content{grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important;max-height:calc(100dvh - 62px);overflow:hidden!important}.kniffel-right{grid-column:1!important;grid-row:1!important;overflow-y:auto}.kniffel-left{grid-column:2!important;grid-row:1!important}.kniffel-sc-card{max-height:100%!important}.kniffel-dice-area{min-height:210px!important}.c4-game{grid-template-columns:160px minmax(0,1fr);gap:20px;margin-top:8px}.c4-players{grid-template-columns:1fr}.c4-board-area{width:min(580px,calc((100dvh - 92px)*1.23))}.c4-turn-copy{margin-bottom:5px}.ludo-layout{grid-template-columns:minmax(300px,1fr) minmax(230px,36%);gap:18px;align-items:start;margin-top:8px}.ludo-board{width:min(100%,calc(100dvh - 72px))}.ludo-panel{width:100%;max-height:calc(100dvh - 72px);grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;overflow-y:auto}.ludo-player-list,.ludo-turn,.ludo-log,.ludo-rule{grid-column:1}.ludo-turn{grid-row:auto;padding:8px}.ludo-die{width:58px;height:58px;margin:8px 0}}@media (prefers-reduced-motion: reduce){.uno-hand{scroll-behavior:auto}}