.lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-size:cover;background-position:center;background-repeat:no-repeat}.lobby.simple-display.home,.lobby.simple-display.room{background-image:none!important;background-color:var(--bg-dark)}.lobby.simple-display.home{justify-content:flex-start;align-items:center;padding:1rem 1rem 2rem}.lobby.simple-display .form-card.form-card-tableau{background:var(--bg-card);color:var(--text);box-shadow:0 8px 32px #0000004d;border-radius:16px;border:1px solid rgba(136,146,176,.15);max-width:380px;width:100%;padding:1.5rem 1.25rem;gap:1rem}.lobby.simple-display .form-card.form-card-tableau input{background:var(--bg-dark);color:var(--text);border:2px solid rgba(136,146,176,.25);border-radius:10px;padding:.75rem 1rem}.lobby.simple-display .form-card.form-card-tableau input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b71c1c33}.lobby.simple-display .form-card.form-card-tableau input::placeholder{color:var(--text-muted)}.lobby.simple-display .form-card.form-card-tableau .primary{background:var(--accent);border-color:var(--accent);border-radius:10px}.lobby.simple-display .form-card.form-card-tableau .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.lobby.simple-display .form-card.form-card-tableau .secondary{color:var(--text-muted);border-color:var(--text-muted);border-radius:10px}.lobby.simple-display .form-card.form-card-tableau .secondary:hover{color:var(--text);border-color:var(--accent);background:#b71c1c1a}.lobby.simple-display .lobby-settings-btn{color:var(--text);background:var(--bg-card);border:2px solid var(--text-muted);border-radius:10px}.lobby.simple-display .lobby-settings-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.lobby.simple-display .room-header{margin-bottom:1.25rem}.lobby.simple-display .room-header h2{color:var(--text);font-size:1.25rem}.lobby.simple-display .room-header .leave{color:var(--text-muted);border-color:var(--text-muted);border-radius:10px}.lobby.simple-display .room-header .leave:hover{color:var(--text);border-color:var(--accent)}.lobby.simple-display .lobby-main{gap:1.5rem;max-width:520px;width:100%}.lobby.simple-display .players{background:var(--bg-card);padding:1.25rem;border-radius:14px;border:1px solid rgba(136,146,176,.15)}.lobby.simple-display .players h3{color:var(--text);font-size:1.05rem;margin-bottom:.75rem}.lobby.simple-display .players .name{color:var(--text)}.lobby.simple-display .room-code-section{margin-top:1rem}.lobby.simple-display .room-code-section .hint{color:var(--text-muted);font-size:.9rem}.lobby.simple-display .room-code-display{margin-top:.35rem}.lobby.simple-display .room-code{color:var(--text);font-weight:600}.lobby.simple-display .copy-code-btn{color:var(--text);background:var(--bg-card);border:2px solid var(--text-muted);border-radius:8px}.lobby.simple-display .copy-code-btn:hover,.lobby.simple-display .copy-code-btn.copied{border-color:var(--accent);color:var(--accent)}.lobby.simple-display .primary.start{border-radius:12px;margin-top:.5rem}.lobby.simple-display .waiting{color:var(--text-muted);margin-top:.5rem}.lobby.simple-display .room-settings{background:var(--bg-card);border-radius:14px;padding:1.25rem;border:1px solid rgba(136,146,176,.15)}.lobby.simple-display .room-settings h3{color:var(--text);font-size:1.05rem;margin-bottom:1rem}.lobby.simple-display .room-settings .setting-row label{color:var(--text-muted);font-size:.9rem}.lobby.simple-display .room-settings .setting-row input[type=number]{background:var(--bg-dark);border:2px solid rgba(136,146,176,.25);border-radius:8px;color:var(--text)}.lobby.simple-display .room-settings .checkbox-label{color:var(--text)}@media (min-width: 768px){.lobby.simple-display.home{justify-content:flex-start;padding-top:3rem;padding-bottom:2rem}.lobby.simple-display.home .form-card.form-card-tableau{max-width:420px}.lobby.simple-display.room{justify-content:flex-start;align-items:center;padding:1.5rem 1.5rem 2rem}.lobby.simple-display.room .room-header{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.lobby.simple-display.room .lobby-main{max-width:720px;width:100%;margin-left:auto;margin-right:auto;flex-direction:row;align-items:flex-start;gap:2rem}.lobby.simple-display.room .lobby-main .lobby-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.lobby.simple-display.room .lobby-main .room-settings{flex:0 0 280px;min-width:0}}@media (min-width: 1024px){.lobby.simple-display.room .room-header,.lobby.simple-display.room .lobby-main{max-width:800px}}.lobby.home{position:relative}.lobby-settings-btn{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#1a1a2e;background:#ffffffe6;border:2px solid #2c2c2c;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.lobby-settings-btn:hover{background:#2c2c2c;color:#fff}@media (max-width: 767px){.lobby-settings-btn{color:var(--text);background:var(--bg-card);border-color:var(--text-muted)}.lobby-settings-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}}@media (min-width: 768px){.lobby.home{justify-content:flex-start;align-items:flex-start;padding:25vh 0 2rem 12%}}@media (min-width: 900px){.lobby.home{padding-left:40%}}@media (max-height: 620px){.lobby.home{padding-top:12vh;padding-bottom:1rem}.form-card.form-card-tableau{max-height:min(78vh,380px);padding:clamp(.6rem,1.2vh + .3rem,1rem) clamp(.75rem,1.5vw + .35rem,1.25rem);gap:clamp(.4rem,.8vh + .2rem,.75rem)}.form-card.form-card-tableau input{padding:.25rem 0 .3rem}.form-card.form-card-tableau button{padding:.35rem 1rem}}.form-card.form-card-tableau{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:transparent;color:#1a1a2e;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;width:clamp(260px,38vw,440px);max-width:min(38vw,440px);max-height:min(85vh,420px);overflow-y:auto;padding:clamp(.9rem,2vh + .5rem,2rem) clamp(.85rem,1.8vw + .4rem,1.5rem);gap:clamp(.5rem,1.2vw + .3rem,1.15rem);letter-spacing:.02em}.form-card.form-card-tableau input{font-family:inherit;font-size:clamp(.8rem,1vw + .65rem,1.05rem);font-weight:500;background:transparent;color:#1a1a2e;border:none;border-bottom:3px solid #2c2c2c;border-radius:0;padding:clamp(.28rem,.5vh + .15rem,.5rem) 0 clamp(.35rem,.4vh + .2rem,.55rem)}.form-card.form-card-tableau input::placeholder{color:#555;font-weight:500}.form-card.form-card-tableau input:focus{outline:none;border-bottom-color:#e85d04;box-shadow:0 2px #e85d04}.form-card.form-card-tableau button{font-family:inherit;font-size:clamp(.8rem,1vw + .65rem,1.05rem);font-weight:600;padding:clamp(.38rem,.6vh + .25rem,.6rem) clamp(.85rem,1.5vw + .4rem,1.35rem);border-radius:6px;border-width:2px;border-style:solid;cursor:pointer}.form-card.form-card-tableau .primary{background:#2c2c2c;color:#fff;border-color:#2c2c2c}.form-card.form-card-tableau .primary:hover{background:#1a1a1a;border-color:#1a1a1a}.form-card.form-card-tableau .secondary{background:transparent;color:#2c2c2c;border-color:#2c2c2c}.form-card.form-card-tableau .secondary:hover{background:#2c2c2c14;color:#1a1a1a;border-color:#1a1a1a}.form-card{background:var(--bg-card);padding:2rem;border-radius:16px;max-width:360px;display:flex;flex-direction:column;gap:1rem}.form-card input{padding:.9rem 1rem;border:2px solid transparent;border-radius:10px;background:var(--bg-dark);color:var(--text);font-size:1rem;transition:border-color .2s}.form-card input:focus{outline:none;border-color:var(--accent)}.form-card button{padding:.9rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.form-card .primary{background:var(--accent);color:#fff}.form-card .primary:hover{background:var(--accent-hover)}.form-card .secondary{background:transparent;color:var(--text-muted);border:2px solid var(--text-muted)}.form-card .secondary:hover{border-color:var(--text);color:var(--text)}@media (max-width: 767px){.lobby.home{background-image:none!important;background-color:var(--bg-dark);justify-content:center;align-items:center;padding:2rem}.lobby.room{background-image:none!important;background-color:var(--bg-dark)}.form-card-tableau{background:var(--bg-card);color:var(--text);box-shadow:none}.form-card-tableau input{background:var(--bg-dark);color:var(--text);border-color:transparent}.form-card-tableau input::placeholder{color:var(--text-muted)}.form-card-tableau .secondary{color:var(--text-muted);border-color:var(--text-muted)}.form-card-tableau .secondary:hover{color:var(--text);border-color:var(--text)}}.lobby.room{justify-content:flex-start;padding:28vh clamp(1.5rem,6vw,4rem) 2rem;box-sizing:border-box;overflow-x:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;margin-bottom:1.5rem;min-width:0}.room-header h2{font-size:1.5rem}.room-header .leave{padding:.5rem 1rem;font-size:.9rem;background:transparent;color:var(--text-muted);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer;transition:border-color .2s,color .2s}.room-header .leave:hover{color:var(--text);border-color:var(--text)}.lobby-main{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;margin-bottom:1rem;min-width:0}@media (min-width: 768px){.lobby-main{flex-direction:row;max-width:900px;width:100%;gap:0;align-items:stretch}.lobby-main .lobby-left{flex:1 1 70%;min-width:0;padding-right:5.25rem;display:flex;flex-direction:column;gap:1.25rem}.lobby-main .room-settings{flex:1 1 55%;min-width:0;border-left:2px solid rgba(136,146,176,.35);padding-left:2rem;margin-left:13.5rem}}.room-code-section{margin-bottom:0}.players h3,.room-settings h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-muted)}.players ul{list-style:none}.players li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(136,146,176,.2)}.players li:last-child{border-bottom:none}.players .name{font-weight:500;color:#000}.players .badge{font-size:.7rem;padding:.2rem .5rem;background:var(--accent);color:#fff;border-radius:4px}.room-settings{background:transparent;padding:1.5rem;border-radius:0}.setting-row{margin-bottom:1rem}.setting-row:last-of-type{margin-bottom:0}.setting-row label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}.setting-row input[type=number]{width:100%;max-width:5rem;padding:.5rem;background:var(--bg-dark);border:2px solid transparent;border-radius:8px;color:var(--text);font-size:1rem}.setting-row input[type=number]:focus{outline:none;border-color:var(--accent)}.setting-row input[type=number]:disabled{opacity:.6;cursor:not-allowed}.game-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.95rem;color:var(--text)}.checkbox-label input{accent-color:var(--accent)}.checkbox-label input:disabled{cursor:not-allowed;opacity:.6}.room-code-section .hint{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.room-code-display{display:flex;align-items:center;gap:.5rem}.room-code{font-family:monospace;font-size:1.25rem;font-weight:700;letter-spacing:.15em;padding:.4rem .8rem;background:var(--bg-card);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.room-code.revealed{color:var(--accent)}.room-code.censored{color:var(--text-muted)}.copy-code-btn{padding:.5rem;font-size:.9rem;background:var(--bg-card);border:2px solid var(--text-muted);border-radius:8px;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.copy-code-btn:hover{border-color:var(--accent);background:#ff6b351a}.copy-code-btn.copied{border-color:#22c55e;background:#22c55e26;color:#16a34a;pointer-events:none}.lobby.room:not(.simple-display) .copy-code-btn.copied{border-color:#22c55e;background:#22c55e33;color:#15803d}.lobby-left .primary.start,.lobby-left .waiting{margin-top:.25rem}.lobby.room .primary.start{padding:1rem 2rem;font-size:1.1rem;border-radius:12px;border:none;cursor:pointer}.lobby.room .primary.start:disabled{opacity:.6;cursor:not-allowed}.lobby.room .primary.start.start-pending{cursor:wait}.lobby.room .waiting{color:var(--text-muted);font-size:.95rem}.lobby.room:not(.simple-display) .room-header h2{color:#1a1a2e}.lobby.room:not(.simple-display) .room-header .leave{color:#333;border-color:#333}.lobby.room:not(.simple-display) .room-header .leave:hover{color:#000;border-color:#000}.lobby.room:not(.simple-display) .players h3,.lobby.room:not(.simple-display) .room-settings h3{color:#333}.lobby.room:not(.simple-display) .players li{border-bottom-color:#00000026}.lobby.room:not(.simple-display) .room-settings{border-left-color:#00000040}.lobby.room:not(.simple-display) .setting-row label{color:#444}.lobby.room:not(.simple-display) .setting-row input[type=number]{background:#fff;color:#1a1a2e;border:2px solid rgba(0,0,0,.2)}.lobby.room:not(.simple-display) .setting-row input[type=number]:focus{border-color:var(--accent)}.lobby.room:not(.simple-display) .checkbox-label{color:#1a1a2e}.lobby.room:not(.simple-display) .room-code-section .hint{color:#555}.lobby.room:not(.simple-display) .room-code{background:transparent;color:#1a1a2e;border:2px solid #333}.lobby.room:not(.simple-display) .room-code.censored{color:#666}.lobby.room:not(.simple-display) .room-code.revealed{color:#c44a1e}.lobby.room:not(.simple-display) .copy-code-btn{background:transparent;border-color:#333;color:#1a1a2e}.lobby.room:not(.simple-display) .copy-code-btn:hover{border-color:#000;background:#0000000f}.lobby.room:not(.simple-display) .waiting{color:#555}.chip-designer{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 900px){.chip-designer{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}}.designer-canvas-side{display:flex;flex-direction:column;align-items:center;gap:.75rem}.designer-toolbar{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}@media (min-width: 900px){.designer-toolbar{flex-shrink:0;width:280px;padding:1.25rem;background:var(--bg-card);border-radius:16px;box-shadow:0 8px 32px #0000004d}}.upload-btn{display:inline-block;padding:.8rem 1.2rem;background:var(--bg-card);border:2px dashed var(--text-muted);border-radius:10px;color:var(--text);cursor:pointer;text-align:center;transition:border-color .2s}.upload-btn:hover{border-color:var(--accent)}.toolbar-row{display:flex;align-items:center;gap:1rem}.color-label{font-size:.95rem;color:var(--text-muted)}.color-picker{width:72px;height:40px;padding:2px;border:2px solid var(--bg-card);border-radius:8px;background:var(--bg-dark);cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border-radius:4px;border:none}.toolbar-draw{margin-bottom:.25rem}.draw-tools{display:flex;gap:.35rem}.draw-tool-btn{padding:.4rem .65rem;font-size:1.1rem;background:var(--bg-dark);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.draw-tool-btn:hover{border-color:var(--accent)}.draw-tool-btn.active{border-color:var(--accent);background:#ff6b3526}.draw-color{margin-left:auto}.designer-hint{font-size:.85rem;color:var(--text-muted);margin:-.5rem 0 0}.images-row{display:flex;flex-direction:column;gap:.75rem}.image-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem}.thumb-wrap{position:relative;flex-shrink:0}.thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:2px solid var(--bg-dark);display:block}.thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#e74c3c;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.thumb-remove:hover{background:#c0392b}.upload-btn:has(input:disabled){opacity:.6;cursor:not-allowed}.designer-toolbar input[type=text]{padding:.9rem;border:2px solid var(--bg-card);border-radius:10px;background:var(--bg-dark);color:var(--text);font-size:1rem}.canvas-wrapper{border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0006}.submit-btn{padding:1rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover{background:var(--accent-hover)}.game-screen{min-height:100vh;padding:10vh 1.5rem 1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat}.game-screen.game-screen-simple{background-image:none!important;background-color:var(--bg-dark);padding:1rem 1rem 1.5rem}.game-screen.game-screen-simple .game-header{background:var(--bg-card);padding:1rem 1.25rem;border-radius:14px;border:1px solid rgba(136,146,176,.15);margin-bottom:1.5rem}.game-screen.game-screen-simple .game-header h2{color:var(--text)}.game-screen.game-screen-simple .game-header .leave{padding:.5rem 1rem;font-size:.9rem;background:transparent;color:var(--text-muted);border:2px solid var(--text-muted);border-radius:10px;cursor:pointer}.game-screen.game-screen-simple .game-header .leave:hover{color:var(--accent);border-color:var(--accent)}.game-screen.game-screen-simple .game-main{max-width:640px;width:100%}.game-screen.game-screen-simple .instruction{color:var(--text-muted);font-size:1rem}.game-screen.game-screen-simple .submitted{width:100%;max-width:400px;border:1px solid rgba(136,146,176,.15)}@media (min-width: 768px){.game-screen.game-screen-simple{align-items:center;padding-left:2rem;padding-right:2rem}.game-screen.game-screen-simple .game-header{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.game-screen.game-screen-simple .game-main{max-width:640px;margin-left:auto;margin-right:auto}}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.game-header h2{font-size:1.3rem}.game-timer-row{display:flex;align-items:center;gap:.75rem}.timer{font-size:1.5rem;font-weight:700;color:var(--accent);min-width:4rem;text-align:center}.timer.timer-paused{color:var(--text-muted)}.timer-pause-btn{padding:.4rem .85rem;font-size:.9rem;font-weight:600;color:var(--text);background:var(--bg-card);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.timer-pause-btn:hover{border-color:var(--accent);color:var(--accent)}.game-main{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.instruction{color:var(--text-muted);font-size:1rem;text-align:center}.submitted{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:16px;max-width:400px}.submitted p{margin-bottom:.5rem}.submitted p:first-child{font-size:2rem;margin-bottom:1rem}.voting-screen{min-height:100vh;padding:2rem 1.5rem 1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center}.voting-screen.voting-screen-simple{background-image:none!important;background-color:var(--bg-dark);padding:1rem 1rem 1.5rem}.voting-screen.voting-screen-simple .voting-presentation{margin-top:0}.voting-screen.voting-screen-simple .voting-tableau{transform:none;margin-left:0}.voting-screen.voting-screen-simple .voting-tableau-inner{transform:none}.voting-screen.voting-screen-simple .voting-design-preview{background:var(--bg-card);border:1px solid rgba(136,146,176,.15);border-radius:12px}.voting-screen.voting-screen-simple .voting-flavor{color:var(--text)}.voting-screen.voting-screen-simple .voting-author{color:var(--text-muted)}.voting-screen.voting-screen-simple .voting-header .leave{color:var(--text-muted);border-color:var(--text-muted);border-radius:10px}.voting-screen.voting-screen-simple .voting-header .leave:hover{color:var(--accent);border-color:var(--accent)}.voting-screen.voting-screen-simple .voting-header h2{color:var(--text)}.voting-screen.voting-screen-simple .voting-players{transform:none;background:var(--bg-card);border:1px solid rgba(136,146,176,.15);border-radius:14px}.voting-screen.voting-screen-simple .voting-players-inner{transform:none}.voting-screen.voting-screen-simple .voting-players h3{color:var(--text)}@media (min-width: 768px){.voting-screen.voting-screen-simple .voting-players{position:static;margin-left:0}.voting-screen.voting-screen-simple .voting-presentation{flex-direction:column}.voting-screen.voting-screen-simple{align-items:center}.voting-screen.voting-screen-simple .voting-header{max-width:640px;width:100%;margin-left:auto;margin-right:auto}.voting-screen.voting-screen-simple .voting-presentation{max-width:640px;width:100%}}@media (min-width: 1024px){.voting-screen.voting-screen-simple .voting-header,.voting-screen.voting-screen-simple .voting-presentation{max-width:720px}}.voting-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;margin-bottom:1.5rem}.voting-header .leave{padding:.5rem 1rem;font-size:.9rem;background:transparent;color:var(--text-muted);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer;transition:border-color .2s,color .2s}.voting-header .leave:hover{color:var(--text);border-color:var(--text)}.voting-header h2{font-size:1.25rem;color:var(--text)}.voting-slide-info{font-size:1rem;font-weight:600;color:var(--accent)}.voting-empty{color:var(--text-muted);margin-top:2rem}.voting-presentation{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px;flex:1;margin-top:23vh}@media (min-width: 768px){.voting-presentation{position:relative;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}.voting-tableau{margin-left:-22rem}.voting-players{position:absolute;left:auto;right:2rem;top:0;margin-left:0}}.voting-tableau{flex-shrink:0;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;transform:perspective(2000px) rotateY(12deg) scale(1.1);transform-style:preserve-3d}.voting-tableau-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;transform-style:preserve-3d;transform:translateZ(0)}.voting-design-preview{width:280px;height:373px;background:#2d2d2d;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.voting-design-preview img{max-width:100%;max-height:100%;object-fit:contain}.voting-design-meta{text-align:center;transform-style:preserve-3d;transform:translateZ(1px)}.voting-flavor{display:block;font-weight:700;font-size:1.1rem;color:#1a1a2e}.voting-author{font-size:.9rem;color:#555}.voting-players{background:#0d0d0d;padding:1.25rem;border-radius:12px;min-width:200px;transform:skew(-6deg);box-shadow:0 8px 24px #00000080;border:2px solid rgba(255,255,255,.15)}.voting-players-inner{transform:skew(6deg)}.voting-players h3{font-size:1rem;color:#8892b0;margin-bottom:.75rem}.voting-players ul{list-style:none}.voting-players li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#eaeaea}.voting-players li:last-child{border-bottom:none}.voting-players .applause-badge{font-size:.9rem;color:var(--accent);font-weight:600}.voting-actions{margin-top:auto;padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.applaud-btn{padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:14px;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 20px #ff6b3566}.applaud-btn:hover{background:var(--accent-hover)}.applaud-btn:active{transform:scale(.97)}.applaud-btn:disabled,.applaud-btn.applaud-btn-used{opacity:.7;cursor:not-allowed;transform:none}.applause-count{font-size:.95rem;color:var(--text-muted)}.voting-ended{margin-top:auto;padding:1.5rem;text-align:center;color:var(--text-muted)}.voting-ended p{margin:0;font-size:1rem}.results-screen{min-height:100vh;padding:14rem .5rem .5rem;background-size:cover;background-position:center;background-repeat:no-repeat}.results-screen.results-screen-simple{background-image:none!important;background-color:var(--bg-dark);padding:1rem 1rem 1.5rem}.results-screen.results-screen-simple header .leave{color:var(--text-muted);border-color:var(--text-muted);border-radius:10px}.results-screen.results-screen-simple header .leave:hover{color:var(--accent);border-color:var(--accent)}.results-screen.results-screen-simple header h2{color:var(--text)}.results-screen.results-screen-simple .results-content{margin-left:auto;margin-right:auto}.results-screen.results-screen-simple .rankings h3{color:var(--text-muted);font-size:1.1rem}.results-screen.results-screen-simple .rankings .rank{color:var(--accent)}.results-screen.results-screen-simple .rankings .name{color:var(--text)}.results-screen.results-screen-simple .rankings .score{color:var(--text-muted)}.results-screen.results-screen-simple .result-card{background:var(--bg-card);border:1px solid rgba(136,146,176,.15)}.results-screen.results-screen-simple .game-over{color:var(--text-muted)}@media (min-width: 768px){.results-screen.results-screen-simple{display:flex;flex-direction:column;align-items:center}.results-screen.results-screen-simple header{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.results-screen.results-screen-simple .results-content{width:100%;max-width:900px;margin-left:auto;margin-right:auto}}.results-screen header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.results-content{max-width:1200px;margin:0 auto}.results-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.results-content{margin-left:22%;margin-right:auto}.results-layout{flex-direction:row;align-items:flex-start;gap:2.5rem}.rankings{flex-shrink:0;width:280px}.designs-showcase{flex:1;min-width:0}}.rankings{background:transparent;padding:1.5rem 0;border-radius:0;margin-bottom:0}.rankings h3{margin-bottom:1.25rem;font-size:1.35rem;color:#000}.rankings ol{list-style:none}.rankings li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:1.1rem}.rankings .rank{font-weight:700;color:#000;min-width:2rem;font-size:1.15rem}.rankings .name{flex:1;min-width:0;color:#000}.rankings .score{margin-left:.35rem;color:#000;white-space:nowrap;font-size:1.05rem}.designs-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:2.5rem}.result-card{background:var(--bg-card);border-radius:14px;overflow:hidden;max-width:200px;cursor:pointer}.result-preview{aspect-ratio:280/260;max-height:220px;background:#000;overflow:hidden}.result-preview img{width:100%;height:100%;object-fit:contain}.result-info{padding:1rem;background:#000;color:#fff}.result-info .flavor{display:block;font-weight:600;color:#fff;font-size:1.05rem}.result-info .author{font-size:.95rem;color:#ffffffd9}.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}.results-content .secondary{padding:1rem 1.5rem;background:#000;color:#fff;border:2px solid #000;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer}.results-content .secondary:hover{background:#333;border-color:#333}.results-content .primary{display:block;margin:0;padding:1.2rem 2.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:1.25rem;font-weight:600;cursor:pointer}.results-content .primary:hover{background:var(--accent-hover)}.game-over{text-align:center;font-size:1.25rem;color:var(--text-muted);margin-top:1.25rem}.result-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.result-lightbox-content{cursor:default;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.result-lightbox-content img{max-width:100%;max-height:calc(85vh - 3rem);width:auto;height:auto;object-fit:contain;background:#000;border-radius:8px}.result-lightbox-caption{color:#fff;font-size:1.1rem;margin:0;text-align:center}.settings-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-dark);background-image:radial-gradient(ellipse at top,#2d2d44,#1a1a2e 50%)}.settings-card{background:var(--bg-card);padding:0;border-radius:20px;max-width:440px;width:100%;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}.settings-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid rgba(136,146,176,.2)}.settings-card h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.settings-subtitle{margin:0;font-size:.95rem;color:var(--text-muted);font-weight:400}.settings-body{padding:1.5rem 2rem 1.75rem}.setting-row{margin-bottom:1.5rem}.settings-checkbox-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--text);font-weight:500;font-size:1rem}.settings-checkbox-label input{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}.setting-hint{margin:.4rem 0 0 1.75rem;color:var(--text-muted);font-size:.85rem;line-height:1.4}.settings-back-btn{display:block;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .15s}.settings-back-btn:hover{background:var(--accent-hover)}.settings-back-btn:active{transform:scale(.98)}.settings-footer{margin-top:0;padding:1.25rem 2rem;border-top:1px solid rgba(136,146,176,.2);background:#0003;text-align:center}.settings-footer small{display:block;font-size:.8rem;color:var(--text-muted);letter-spacing:.02em}.settings-screen.simple-display .settings-card{border:1px solid rgba(136,146,176,.15);box-shadow:0 8px 32px #0000004d}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1a2e;--bg-card: #16213e;--accent: #ff6b35;--accent-hover: #ff8c5a;--text: #eaeaea;--text-muted: #8892b0}.lobby.simple-display,.game-screen.game-screen-simple,.voting-screen.voting-screen-simple,.results-screen.results-screen-simple,.settings-screen.simple-display{--accent: #b71c1c;--accent-hover: #d32f2f}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;background-image:radial-gradient(ellipse at top,#2d2d44,#1a1a2e 50%)}#root{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text-muted)}.banner{position:fixed;top:0;left:0;right:0;padding:.8rem 1rem;text-align:center;z-index:100}.banner.disconnected{background:#f39c12;color:#1a1a2e}.banner.error{background:#e74c3c;color:#fff;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column}.screen-simple-display-title{margin:0;padding:1.25rem 1.5rem 1rem;text-align:center;border-bottom:1px solid rgba(136,146,176,.2)}@media (min-width: 768px){.lobby.simple-display .screen-simple-display-title,.game-screen.game-screen-simple .screen-simple-display-title,.voting-screen.voting-screen-simple .screen-simple-display-title,.results-screen.results-screen-simple .screen-simple-display-title{width:100%;max-width:720px;margin-left:auto;margin-right:auto;box-sizing:border-box}}.screen-simple-display-title-img{display:block;max-width:100%;max-height:140px;width:auto;height:auto;margin:0 auto;object-fit:contain}.app-footer{padding:.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.75rem;border-top:1px solid rgba(136,146,176,.2)}.app-top-actions{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;align-items:center;gap:.75rem}.app-page-select-label{display:flex;align-items:center;gap:.4rem}.app-page-select-text{font-size:.85rem;color:var(--text-muted)}.app-page-select{padding:.4rem .6rem;font-size:.85rem;color:var(--text);background:var(--bg-card);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer}.app-page-select:focus{outline:none;border-color:var(--accent)}.app-settings-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:var(--text);background:var(--bg-card);border:2px solid var(--text-muted);border-radius:8px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.app-settings-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}