:root{--ivory: #f6ecd8;--ivory-2: #efe2c8;--ink: #2b2320;--teal: #1f7a72;--teal-d: #155f58;--terracotta: #c9603f;--gold: #d9a441;--muted: #8a7d6e;--panel: #fffaf0;--line: #e2d5bd;--danger: #b23b3b;--radius: 16px;--shadow: 0 6px 20px rgba(43, 35, 32, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--ivory);color:var(--ink);-webkit-tap-highlight-color:transparent}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:12px;padding:.7rem 1.1rem;font-size:1rem;font-weight:600;line-height:1;cursor:pointer;background:var(--ivory-2);color:var(--ink);transition:transform .05s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.btn-primary{background:var(--teal);color:#fff}.btn-accent{background:var(--terracotta);color:#fff}.btn-warn{background:var(--gold);color:var(--ink)}.btn-ghost{background:transparent;border:1px solid var(--line);text-decoration:none}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.landing{width:min(420px,100%);text-align:center;display:flex;flex-direction:column;gap:.9rem;align-items:center}.landing-logo{width:120px;margin:0 auto .2rem}.brand{font-size:2.4rem;color:var(--teal-d);letter-spacing:.5px}.brand-sm{font-weight:800;color:var(--teal-d)}.host-tag{margin-left:.5rem;font-size:.75rem;background:var(--terracotta);color:#fff;padding:.1rem .5rem;border-radius:999px}.join-code{display:flex;flex-direction:column;gap:.7rem}.code-input{text-align:center;font-size:1.4rem;letter-spacing:3px;padding:.7rem;border:2px solid var(--line);border-radius:12px;background:#fff;text-transform:uppercase}.landing-links{display:flex;gap:.6rem;justify-content:center;width:100%}.host-layout{min-height:100vh;display:flex;flex-direction:column}.host-header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--panel);border-bottom:1px solid var(--line)}.host-brand{display:flex;align-items:center;gap:.6rem}.header-code{font-weight:800;letter-spacing:3px;color:var(--teal-d);background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:.15rem .6rem;font-size:1.1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b23208c;display:grid;place-items:center;z-index:60;padding:1rem}.qr-modal-inner{position:relative;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(.9rem,3vw,1.3rem);padding-top:2.6rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;width:min(340px,92vw);max-height:92dvh}.qr-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background:var(--ivory);color:var(--ink);cursor:pointer;font-size:1rem;display:grid;place-items:center}.qr-close:hover{background:var(--ivory-2)}.qr-modal-inner .qr{width:min(72vw,58dvh,260px);height:auto;max-width:100%}.qr-modal-inner .join-link{max-width:100%;font-size:.8rem}.host-grid{flex:1;display:grid;grid-template-columns:300px 1fr;gap:1rem;padding:1rem}.host-side{display:flex;flex-direction:column;gap:1rem}.room-code{font-size:2.6rem;font-weight:800;letter-spacing:6px;text-align:center;color:var(--teal-d)}.qr{display:block;margin:.6rem auto;border-radius:8px}.join-link{display:block;text-align:center;font-size:.78rem;color:var(--muted);word-break:break-all}.player-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.player-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.35rem;padding:.35rem .4rem;background:var(--ivory);border-radius:10px}.player-list li.offline{opacity:.45}.players-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.score-legend{font-size:.7rem;color:var(--muted)}.stats-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted);margin:.4rem 0 .2rem;cursor:pointer}.score-legend b{color:var(--teal-d)}.pscore{display:flex;align-items:baseline;justify-content:flex-end;gap:.2rem;min-width:1.5rem}.pscore-game{color:var(--teal-d);font-size:1.15rem;font-weight:800}.pscore-total{color:var(--muted);font-weight:700}.pscore-btns{display:flex;gap:.2rem}.pscore-btns button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:.15rem .35rem;font-size:.82rem;cursor:pointer;font-weight:700}.pscore-btns .kick{color:var(--danger)}.host-main{min-width:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-top:.8rem}.game-tile{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--ivory);cursor:pointer;text-align:left}.game-title{font-weight:700;font-size:1.1rem;color:var(--teal-d)}.game-control{display:flex;flex-direction:column;gap:1rem}.gc-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.gc-finish{margin-left:auto}.gc-title{font-weight:800;font-size:1.2rem}.preview-card{display:flex;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.preview-card{padding:.6rem .8rem}.preview-img{width:120px;height:80px;object-fit:contain;background:var(--ivory);border-radius:10px;flex-shrink:0}.preview-noimg{width:120px;height:80px;display:grid;place-items:center;background:var(--ivory);border-radius:10px;color:var(--muted);font-size:.8rem;flex-shrink:0}.preview-answer{font-size:1.1rem}.badge{display:inline-block;margin-top:.4rem;background:var(--gold);color:var(--ink);padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700}.gc-controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.buzz-order,.live-answers{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.buzz-order ol{margin-left:1.1rem}.buzz-order li{display:flex;justify-content:space-between;padding:.15rem 0}.live-answers ul{list-style:none}.task-sender textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.6rem;font:inherit;resize:vertical;margin:.5rem 0}.target-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-size:.85rem;cursor:pointer;background:#fff}.chip input{display:none}.chip-on{background:var(--teal);color:#fff;border-color:var(--teal)}.task-actions{display:flex;gap:.5rem}.player-layout{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;padding-top:max(.9rem,env(safe-area-inset-top));padding-left:max(1.2rem,env(safe-area-inset-left));padding-right:max(1.2rem,env(safe-area-inset-right));background:var(--teal);color:#fff}.pname-lg{font-size:1.2rem;font-weight:700}.pscore-lg{display:flex;gap:1.1rem;align-items:flex-end}.ps-part{display:flex;flex-direction:column;align-items:center;line-height:1}.ps-part small{font-size:.6rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}.ps-part b{font-size:1.7rem}.task-banner{background:var(--gold);color:var(--ink);padding:.9rem 1.2rem}.task-label{font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:1px}.player-main{position:relative;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:1.4rem;padding:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.waiting{color:var(--muted);font-size:1.2rem}.waiting-brand{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--panel),var(--ivory-2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.5rem}.waiting-badge{width:min(42vw,34vh,176px);aspect-ratio:1;border-radius:26px;overflow:hidden;box-shadow:0 12px 30px #2d2e8259,var(--shadow);animation:logo-float 3.5s ease-in-out infinite}.waiting-badge img{width:100%;height:100%;object-fit:cover;display:block}.waiting-brandname{font-size:clamp(1.6rem,7vw,2.4rem);font-weight:800;color:var(--teal-d);letter-spacing:.5px}@keyframes logo-float{50%{transform:translateY(-8px)}}.waiting-text{color:var(--muted);font-size:1rem;animation:waiting-pulse 1.8s ease-in-out infinite}@keyframes waiting-pulse{50%{opacity:.5}}.buzzer{width:min(75vw,320px);height:min(75vw,320px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding:.6rem;font-size:2rem;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#e0704f,var(--terracotta));box-shadow:0 10px #93432b,var(--shadow);cursor:pointer}.buzzer:active{transform:translateY(6px);box-shadow:0 4px #93432b}.buzzer.buzzed{background:var(--teal);box-shadow:0 10px 0 var(--teal-d);font-size:1.15rem}.buzzer.idle{background:var(--ivory-2);color:var(--muted);box-shadow:none;font-size:1.15rem;cursor:default}.options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:min(90vw,400px)}.option-btn{padding:1.1rem;font-size:1.1rem}.answer-form{display:flex;gap:.5rem;width:min(90vw,420px)}.answer-form input{flex:1;padding:.8rem;border:2px solid var(--line);border-radius:12px;font-size:1rem}.reveal{font-size:1.3rem}.screen-layout{min-height:100vh;background:var(--ink);color:var(--ivory)}.screen-error{padding:1rem}.screen-lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.brand-xl{font-size:4rem;color:var(--gold)}.lobby-join{display:flex;align-items:center;gap:2rem}.room-code-xl{font-size:5rem;font-weight:900;letter-spacing:10px;color:#fff}.screen-game{min-height:100vh;display:grid;grid-template-columns:1fr 340px}.screen-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.screen-img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:16px;background:var(--ivory)}.screen-placeholder{font-size:2rem;color:var(--muted)}.screen-answer{margin-top:1.4rem;font-size:3rem;font-weight:900;color:var(--gold)}.screen-side{background:#221b18;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.screen-game-title{color:var(--gold)}.buzz-live{background:var(--terracotta);color:#fff;text-align:center;padding:.5rem;border-radius:10px;font-weight:800;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.screen-buzz{list-style:none}.screen-buzz li{display:flex;justify-content:space-between;font-size:1.2rem;padding:.3rem 0;border-bottom:1px solid #3a2f2a}.scoreboard{display:flex;flex-direction:column;gap:.4rem}.score-row{display:flex;justify-content:space-between;background:#2c231f;padding:.5rem .9rem;border-radius:10px;font-size:1.2rem}.score-row.offline{opacity:.4}.sscore-wrap{display:flex;align-items:baseline;gap:.5rem}.sscore-game{font-size:.9rem;color:#d8c9a0;font-weight:700}.sscore{font-weight:900;color:var(--gold)}.btn-big{font-size:1.3rem;padding:1rem 1.4rem}.buzz-order li.answerer{background:#eef8f4;border-radius:8px;padding:.2rem .4rem;font-weight:700;color:var(--teal-d)}.buzz-order li.eliminated{opacity:.5;text-decoration:line-through}.answerer-panel{background:var(--panel);border:2px solid var(--teal);border-radius:14px;padding:1rem}.answerer-name{font-size:1.3rem;font-weight:800;margin-bottom:.6rem}.judge-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.resolved-note{background:#eef8f4;color:var(--teal-d);border-radius:10px;padding:.7rem 1rem;font-weight:700}.buzz-popup{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:1rem;z-index:50;pointer-events:none}.bp-inner{pointer-events:auto;width:100%;max-width:560px;background:var(--panel);border:3px solid var(--terracotta);border-radius:18px;box-shadow:0 -6px 30px #2b232047;padding:.9rem 1.4rem 1.1rem;text-align:center;animation:popup-in .15s ease}@keyframes popup-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.bp-bell{font-size:1.5rem}.bp-name{font-size:2rem;font-weight:900;color:var(--teal-d);line-height:1.1}.bp-sub{font-size:.85rem;margin-bottom:.7rem}.bp-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.results-panel{text-align:center}.results-title{margin-bottom:1rem}.results-actions{margin-top:1rem;display:flex;justify-content:center}.standings{display:flex;flex-direction:column;gap:.3rem}.st-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:10px;text-align:left}.st-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.st-rank{text-align:center;font-size:1.1rem}.st-name{font-weight:700}.st-game{font-weight:800;min-width:3.2rem;text-align:right}.st-total{min-width:2.6rem;text-align:right;opacity:.8}.st-head .st-game,.st-head .st-total{font-weight:600}.standings-light .st-row{background:var(--ivory)}.standings-light .st-head{background:transparent}.standings-light .st-first{background:#eef8f4}.standings-light .st-game{color:var(--teal-d)}.standings-light .st-you{outline:2px solid var(--teal)}.standings-dark .st-row{background:#2c231f}.standings-dark .st-head{background:transparent;color:var(--ivory)}.standings-dark .st-name{color:#fff}.standings-dark .st-game{color:var(--gold)}.standings-dark .st-total{color:#d8c9a0}.standings-dark .st-first{background:#3a2f2a}.player-results{width:min(94vw,460px);text-align:center}.player-results .standings{margin-top:1rem;text-align:left}.screen-results{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.screen-results .standings{width:min(720px,90vw);font-size:1.4rem}.screen-results-title{color:var(--gold);font-size:1.6rem}.cb-player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;flex:1;min-height:0}.cb-image-wrap{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:0;min-height:0}.cb-card-img{min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.cb-card-noimg{width:80vw;height:30vh;display:grid;place-items:center;background:var(--panel);border-radius:16px;color:var(--muted)}.cb-hint{font-size:.9rem}.cb-control{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-control .buzzer{width:min(62vw,230px);height:min(62vw,230px)}.buzzer.static{cursor:default}.buzzer.mimo{background:var(--ivory-2);color:var(--danger);box-shadow:none}@media(orientation:landscape){.player-main{padding:.6rem}.cb-player{flex-direction:row;align-items:center;justify-content:center;gap:1.4rem;height:100%}.cb-image-wrap{flex:1;height:100%;justify-content:center;min-height:0}.cb-card-img{flex:0 1 auto;min-height:0;max-height:100%;max-width:100%}.cb-control{align-self:center}.cb-control .buzzer{width:min(42vh,40vw,240px);height:min(42vh,40vw,240px)}}.player-tools{padding:.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:.8rem 1rem;flex-wrap:wrap}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.avatar-fallback{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0;line-height:1}.avatar-picker{position:relative;display:flex;align-items:center;gap:.6rem}.avatar-cam-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1.2rem;display:grid;place-items:center}.avatar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.avatar-menu{position:absolute;top:calc(100% + .4rem);left:0;z-index:41;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.3rem;display:flex;flex-direction:column;gap:.2rem;min-width:190px}.avatar-menu button{text-align:left;border:none;background:transparent;padding:.55rem .7rem;border-radius:8px;cursor:pointer;font-size:.95rem}.avatar-menu button:hover{background:var(--ivory)}.cam-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b232099;display:grid;place-items:center;z-index:60;padding:1rem}.cam-inner{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:min(420px,92vw)}.cam-video{width:min(80vw,60vh,360px);aspect-ratio:1;object-fit:cover;border-radius:16px;background:#000;transform:scaleX(-1)}.cam-error{text-align:center}.cam-actions{display:flex;gap:.5rem}.pname{display:flex;align-items:center;gap:.5rem;min-width:0}.pname-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sname{display:flex;align-items:center;gap:.6rem}.sound-settings summary{cursor:pointer;font-size:.9rem;color:var(--muted);list-style:none}.sound-settings summary::-webkit-details-marker{display:none}.sound-body{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.6rem}.rec-dot{color:var(--danger);font-weight:700;font-size:.85rem;animation:pulse 1s infinite}.seats-host{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.seat-card{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.seat-card.claiming{border-color:var(--terracotta);box-shadow:0 0 0 3px #c9603f33}.seat-card.guessed{border-color:var(--teal);background:#f0f8f6}.seat-top{display:flex;justify-content:space-between;align-items:center;width:100%}.seat-name{font-weight:700}.seat-img{width:100%;height:150px;object-fit:cover;border-radius:10px;background:var(--ivory)}.seat-noimg{width:100%;min-height:90px;display:grid;place-items:center;background:var(--ivory);border-radius:10px;color:var(--ink);font-weight:700;padding:.5rem}.seat-charname{font-weight:700;color:var(--teal-d)}.seat-claim{background:var(--terracotta);color:#fff;border-radius:8px;padding:.2rem .5rem;font-size:.82rem}.seat-actions{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.whoami-player{width:min(94vw,460px);display:flex;flex-direction:column;gap:1.2rem}.others-row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.other-card{width:130px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.5rem;text-align:center}.other-card img{width:100%;height:110px;object-fit:cover;border-radius:8px}.other-name{font-size:.8rem;color:var(--muted);margin-top:.3rem}.other-char{font-weight:700;color:var(--teal-d);font-size:.95rem}.other-desc{font-size:.72rem;color:var(--muted);line-height:1.25;margin-top:.2rem}.seat-desc{font-size:.75rem;color:var(--muted);line-height:1.3}.board-desc{font-size:.9rem;color:#d8c9a0;line-height:1.3;margin-top:.2rem}.mini-badge{display:inline-block;margin-top:.2rem;font-size:.7rem;background:var(--teal);color:#fff;border-radius:999px;padding:.05rem .5rem}.my-char{text-align:center;font-size:1.3rem}.you-hidden .qmark{font-size:2.4rem;font-weight:900;color:var(--terracotta);display:block}.reveal-self{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;border-radius:14px;background:var(--ivory-2)}.reveal-self.won{background:var(--teal);color:#fff}.reveal-label{font-size:.95rem;font-weight:700}.reveal-self.won .reveal-label{color:#fff}.reveal-card{display:flex;flex-direction:column;align-items:center;gap:.35rem}.reveal-card img{width:min(52vw,200px);aspect-ratio:1;object-fit:cover;border-radius:12px}.reveal-name{font-size:1.25rem;font-weight:800}.reveal-note{max-width:min(70vw,320px);line-height:1.3}.reveal-self.won .reveal-note{color:#ffffffd9}.claiming-self{color:var(--terracotta);font-weight:700}.hint-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}.hint-title{margin-bottom:.5rem}.hint-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.hint-list li{padding-left:1rem;position:relative;font-size:.95rem}.hint-list li:before{content:"•";position:absolute;left:.2rem;color:var(--teal)}.claim-form{display:flex;gap:.5rem}.claim-form input{flex:1;padding:.8rem;border:2px solid var(--line);border-radius:12px;font-size:1rem}.screen-whoami{min-height:100vh;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.whoami-board{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;flex:1;align-content:center}.board-seat{position:relative;width:260px;background:#221b18;border:3px solid #3a2f2a;border-radius:18px;padding:1rem;text-align:center}.board-seat.claiming{border-color:var(--terracotta);animation:pulse 1s infinite}.board-seat.guessed{border-color:var(--teal)}.board-seat img{width:100%;height:260px;object-fit:cover;border-radius:12px;background:var(--ivory)}.board-player{margin-top:.6rem;font-size:1.4rem;font-weight:800;color:#fff}.board-char{font-size:1.1rem;color:var(--gold)}.board-badge{position:absolute;top:-14px;left:-14px;background:var(--teal);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.2rem}.board-claim{position:absolute;top:-14px;right:-14px;background:var(--terracotta);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.4rem}@media(max-width:720px){.host-grid,.screen-game{grid-template-columns:1fr}.preview-card{flex-direction:column}}