.lobby{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,3vw,46px);overflow-x:hidden}.lobby-content{width:min(1120px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-container{position:relative;isolation:isolate;width:100%;min-height:610px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);grid-template-rows:auto auto 1fr;column-gap:clamp(36px,6vw,90px);padding:clamp(40px,5vw,76px);border:clamp(8px,1vw,13px) solid #3a2113;border-radius:22px;background:radial-gradient(circle at 19% 24%,rgba(239,180,94,.11),transparent 27%),linear-gradient(135deg,#422919fa,#190e09fc 58%,#2e1b11fc);box-shadow:0 5px #8e6441,0 13px #4b2c19,0 35px 80px #0a050294,inset 0 1px #ffffff1a;animation:box-arrival .8s cubic-bezier(.16,1,.3,1) both}.lobby-container:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(91deg,transparent 0 58px,rgba(255,255,255,.012) 59px,transparent 61px),linear-gradient(120deg,rgba(255,255,255,.055),transparent 25%,transparent 74%,rgba(0,0,0,.18))}.lobby-container:after{content:"";position:absolute;top:38px;bottom:38px;left:50%;width:1px;background:linear-gradient(transparent,#d3a66d3b 18%,#d3a66d3b 82%,transparent);box-shadow:1px 0 #0008}.lobby-container>*{position:relative;z-index:2}.lobby-rail{position:absolute;inset:17px;z-index:1;pointer-events:none;border:1px solid rgba(232,190,128,.13);border-radius:8px}.lobby-rail span{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d5af78,#56371f 55%,#1d0f09);box-shadow:0 1px 3px #000}.lobby-rail span:nth-child(1){left:13px;top:13px}.lobby-rail span:nth-child(2){right:13px;top:13px}.lobby-rail span:nth-child(3){left:13px;bottom:13px}.lobby-rail span:nth-child(4){right:13px;bottom:13px}.logo-section{grid-column:1;text-align:left;align-self:end;padding:10px 0 22px}.logo-kicker{color:#dca85f;font:700 11px/1 Crimson Text,serif;letter-spacing:.22em;text-transform:uppercase}.logo{margin:12px 0 0;color:#f0b45e;font-family:Bungee Inline,cursive;font-size:clamp(62px,7vw,92px);line-height:.92;letter-spacing:.08em;text-shadow:0 4px 0 #7b3e17,0 9px 18px #0008,0 0 34px #f0b45e20}.logo-clickable{cursor:pointer;transition:transform .25s ease,filter .25s ease;transform-origin:left center}.logo-clickable:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.1)}.logo-subtitle{margin-top:13px;color:#bba58d;font:700 12px/1 Crimson Text,serif;letter-spacing:.42em;text-transform:uppercase}.hero-pieces{display:flex;gap:14px;align-items:flex-end;margin-top:34px;height:56px}.piece{--piece:#d94b44;display:block;position:relative;width:42px;height:42px;border:2px solid #260e08;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff8 0 8%,var(--piece) 30%,color-mix(in srgb,var(--piece) 62%,#160704));box-shadow:0 5px color-mix(in srgb,var(--piece) 45%,#160704),0 12px 16px #0008,inset 0 3px 5px #fff5;animation:piece-drop .65s cubic-bezier(.16,1.4,.3,1) both}.piece:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#0003;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #0006}.piece-blue{--piece:#318fd1;animation-delay:.08s}.piece-green{--piece:#36a960;animation-delay:.16s}.piece-yellow{--piece:#ecb91d;animation-delay:.24s}.lobby-description{grid-column:1;color:#cbb8a0;font:400 18px/1.65 Crimson Text,serif;max-width:470px;margin:0 0 24px}.features-row{grid-column:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:start}.feature{min-width:0;display:flex;align-items:center;gap:9px;padding:11px 8px;border-top:1px solid #ffffff12}.feature-icon{position:relative;display:block;flex:0 0 28px;width:28px;height:28px;color:#e0b16e}.feature-text{color:#a9937c;font:700 9px/1.2 Crimson Text,serif;text-transform:uppercase;letter-spacing:.11em}.feature-die{border:1px solid #d3a96c;border-radius:6px;transform:rotate(-8deg);box-shadow:0 3px #4b2c19}.feature-die i{position:absolute;width:4px;height:4px;border-radius:50%;background:#e8c188}.feature-die i:nth-child(1){top:5px;left:5px}.feature-die i:nth-child(2){inset:50% auto auto 50%;transform:translate(-50%,-50%)}.feature-die i:nth-child(3){right:5px;bottom:5px}.feature-players i{position:absolute;width:12px;height:12px;border-radius:50%;background:#d8aa68;top:3px;box-shadow:0 11px 0 -1px #d8aa68}.feature-players i:nth-child(1){left:0;transform:scale(.75)}.feature-players i:nth-child(2){left:8px;z-index:2}.feature-players i:nth-child(3){right:0;transform:scale(.75)}.feature-online{border:1px solid #d3a96c;border-radius:50%}.feature-online:before,.feature-online:after,.feature-online i{content:"";position:absolute;inset:5px -1px;border-top:1px solid #d3a96c;border-bottom:1px solid #d3a96c;border-radius:50%}.feature-online:after{inset:-1px 8px}.feature-online i{inset:-1px 12px}.lobby-actions,.lobby-form-wrapper{grid-column:2;grid-row:1/4;align-self:center;width:100%;padding:clamp(22px,3vw,38px);border:1px solid rgba(246,213,164,.18);border-radius:18px;background:linear-gradient(145deg,#ffffff14,#ffffff06);box-shadow:0 18px 40px #0005,inset 0 1px #fff1}.lobby-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}.action-heading{margin:0 0 10px;color:#f1dfc6;font:700 clamp(25px,3vw,34px)/1.1 "Playfair Display",serif}.lobby-action-btn,.submit-btn{position:relative;width:100%;max-width:none;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:17px 20px;border:1px solid #b47b42;border-radius:11px;color:#fff3e1;background:linear-gradient(180deg,#84542e,#4d2a18);font:700 14px/1 Crimson Text,serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px #281309,0 10px 20px #0005,inset 0 1px #fff4;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.lobby-action-btn:after{content:"Explore";margin-left:auto;color:#d2b18b;font-size:9px;letter-spacing:.12em}.lobby-action-btn-join:after{content:"Enter code"}.lobby-action-btn:hover,.submit-btn:hover{transform:translateY(-3px);filter:brightness(1.13);box-shadow:0 8px #281309,0 15px 24px #0006,inset 0 1px #fff4}.lobby-action-btn:active,.submit-btn:active{transform:translateY(4px);box-shadow:0 1px #281309,0 5px 9px #0005}.btn-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9b17d66;border-radius:7px;background:#ffffff0d;font-size:18px}.lobby-divider{position:relative;text-align:center;color:#927b63;font:italic 13px Crimson Text,serif}.lobby-divider:before,.lobby-divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:linear-gradient(90deg,transparent,#ffffff1d)}.lobby-divider:before{left:0}.lobby-divider:after{right:0;transform:scaleX(-1)}.lobby-divider span{padding:0 10px;background:#392317}.lobby-form-wrapper{animation:form-arrival .48s cubic-bezier(.16,1,.3,1) both}.lobby-form-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.lobby-form-section h2{margin:0;color:#f1dfc6;font:700 clamp(23px,2.5vw,31px)/1.1 "Playfair Display",serif}.lobby-back-btn{flex:0 0 auto;padding:8px 12px;border:1px solid #ffffff20;border-radius:8px;color:#c7ae91;background:#ffffff08;font:700 12px Crimson Text,serif;cursor:pointer;transition:.2s ease}.lobby-back-btn:hover{background:#ffffff12;transform:translate(-2px)}.lobby-form-section form{display:flex;flex-direction:column;gap:17px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{color:#c9b399;font:700 12px Crimson Text,serif;letter-spacing:.04em}.input-group .optional{color:#806b59;font-weight:400;font-style:italic}.lobby-form-section input{width:100%;padding:14px 15px;border:1px solid #6f513a;border-radius:9px;color:#f7e8d5;background:#160c08a6;font:600 16px Crimson Text,serif;box-shadow:inset 0 3px 8px #0007,0 1px #fff1;transition:border-color .2s,box-shadow .2s,background .2s}.lobby-form-section input::placeholder{color:#796653}.lobby-form-section input:focus{outline:none;border-color:#d8a25c;background:#120905;box-shadow:inset 0 3px 8px #0008,0 0 0 3px #d8a25c20,0 0 18px #d8a25c18}.room-code-input{text-transform:uppercase;text-align:center;font-family:Georgia,serif!important;font-size:20px!important;letter-spacing:.25em}.submit-btn{justify-content:center;margin-top:4px}.form-hint{margin:0;color:#806f5e;font:italic 12px/1.4 Crimson Text,serif;text-align:center}.lobby-footer{padding:12px}.footer-content{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.footer-text{color:#a18160;font:14px Crimson Text,serif}.github-link{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #c4945b30;border-radius:8px;color:#ba9064;background:#ffffff08;text-decoration:none;font:700 13px Crimson Text,serif;transition:.2s}.github-link:hover{color:#e0b278;background:#ffffff10;transform:translateY(-2px)}@keyframes box-arrival{0%{opacity:0;transform:perspective(1300px) rotateX(5deg) translateY(24px) scale(.98)}}@keyframes form-arrival{0%{opacity:0;transform:translate(22px) scale(.98)}}@keyframes piece-drop{0%{opacity:0;transform:translateY(-25px) scale(.8)}}@media (max-width:820px){.lobby{align-items:start;padding:12px}.lobby-content{max-width:620px}.lobby-container{min-height:0;grid-template-columns:1fr;grid-template-rows:auto;padding:34px 28px;border-width:7px;column-gap:0}.lobby-container:after{display:none}.logo-section,.lobby-description,.features-row,.lobby-actions,.lobby-form-wrapper{grid-column:1;grid-row:auto}.logo-section{text-align:center;padding-bottom:18px}.logo-clickable{transform-origin:center}.hero-pieces{justify-content:center;margin-top:24px;height:45px}.piece{width:34px;height:34px}.lobby-description{text-align:center;margin-inline:auto;font-size:16px}.features-row{margin-bottom:22px}.lobby-actions,.lobby-form-wrapper{padding:24px}.logo{font-size:clamp(52px,15vw,76px)}}@media (max-width:480px){.lobby{padding:7px}.lobby-container{padding:27px 17px;border-width:5px;border-radius:15px}.lobby-rail{inset:9px}.logo-kicker{font-size:9px}.logo-subtitle{font-size:10px;letter-spacing:.28em}.lobby-description{font-size:14px;line-height:1.5}.features-row{gap:2px}.feature{padding:9px 3px;gap:5px}.feature-icon{transform:scale(.82)}.feature-text{font-size:8px}.lobby-actions,.lobby-form-wrapper{padding:18px 14px;border-radius:13px}.lobby-action-btn,.submit-btn{padding:14px 13px;font-size:12px}.lobby-action-btn:after{display:none}.action-heading{font-size:24px}.lobby-footer{padding:7px}.footer-content{gap:8px}.footer-text,.github-link{font-size:12px}}.player-panel{background:#fff9;border-radius:8px;padding:16px;margin-bottom:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80;border:2px solid rgba(139,111,71,.3);transition:all .2s}.player-panel.current-turn{border-color:#d4a574;box-shadow:0 4px 16px #d4a57466,inset 0 1px #fff9;transform:scale(1.02);background:#fff8e6cc}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.player-color-indicator{width:28px;height:28px;border-radius:50%;border:3px solid #2c1810;flex-shrink:0;box-shadow:0 2px 4px #0003,inset 0 2px 4px #ffffff4d}.player-red .player-color-indicator{background:radial-gradient(circle at 30% 30%,#ef5350,#c62828);border-color:#b71c1c}.player-blue .player-color-indicator{background:radial-gradient(circle at 30% 30%,#42a5f5,#1565c0);border-color:#0d47a1}.player-green .player-color-indicator{background:radial-gradient(circle at 30% 30%,#66bb6a,#2e7d32);border-color:#1b5e20}.player-yellow .player-color-indicator{background:radial-gradient(circle at 30% 30%,#ffca28,#f9a825);border-color:#f57f17}.player-name{font-weight:700;font-size:16px;flex:1;color:#5d4037;font-family:Crimson Text,serif}.you-badge{background:linear-gradient(180deg,#5c3d2e,#4a2f1a,#3d2817);color:#f5e6d3;padding:4px 10px;border-radius:4px;font-size:11px;margin-left:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid #8b6f47;box-shadow:0 1px 3px #0003;font-family:Crimson Text,serif}.bot-badge{background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;margin-left:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid #4f46e5;box-shadow:0 1px 3px #0003;font-family:Crimson Text,serif}.turn-indicator{color:#d4a574;font-size:22px;animation:pulse-glow 1.5s infinite;text-shadow:0 0 8px rgba(212,165,116,.6)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.player-stats{display:flex;gap:20px;font-size:14px;padding-top:8px;border-top:1px solid rgba(139,111,71,.2)}.stat{display:flex;gap:6px}.stat-label{color:#8b6f47;font-weight:500;font-family:Crimson Text,serif}.stat-value{font-weight:700;color:#5d4037;font-family:Crimson Text,serif}.player-panel{position:relative;margin:0;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#eadcc8;background:linear-gradient(145deg,#ffffff18,#ffffff09);box-shadow:inset 0 1px #fff1;overflow:hidden}.player-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#777;opacity:.65}.player-panel.player-red:before{background:#df4d48}.player-panel.player-blue:before{background:#3498db}.player-panel.player-green:before{background:#34ad62}.player-panel.player-yellow:before{background:#f1bd21}.player-panel.current-turn{transform:translate(5px);border-color:#ffd3906b;background:linear-gradient(145deg,#fff5dc29,#ffffff0e);box-shadow:0 9px 24px #0004,inset 0 1px #fff2;animation:player-arrives .55s cubic-bezier(.16,1,.3,1)}.player-header{margin-bottom:7px;gap:9px}.player-name,.stat-value{color:#f4e7d4}.stat-label{color:#ad9982}.player-stats{padding-top:6px;gap:12px;border-color:#ffffff12;font-size:12px}.player-color-indicator{width:23px;height:23px;border-width:2px;box-shadow:0 3px #0005,0 5px 8px #0004,inset 0 2px 3px #fff6}.turn-indicator{display:flex;align-items:center;gap:4px;color:#f4d19d;font:700 8px/1 Crimson Text,serif;letter-spacing:.1em;text-shadow:none;animation:none}.turn-indicator i{width:6px;height:6px;border-radius:50%;background:#e85c4f;box-shadow:0 0 8px #e85c4f;animation:pulse-glow 1.1s infinite}.you-badge,.bot-badge{padding:2px 6px;font-size:8px;border-radius:4px}@keyframes player-arrives{0%{opacity:.45;transform:translate(-8px) scale(.98)}}@media (max-width:640px){.player-panel{padding:8px}.player-header{margin:0}.player-stats{display:none}.player-name{font-size:13px}.player-color-indicator{width:19px;height:19px}.turn-indicator{font-size:0}.turn-indicator i{display:block}.you-badge,.bot-badge{display:none}}.waiting-room{--panel: rgba(255,255,255,.055);--line: rgba(239,200,143,.16);position:relative;isolation:isolate;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(18px,2.4vw,34px);overflow:hidden;border:clamp(7px,.8vw,12px) solid #3a2113;border-radius:22px;color:#eadbc7;background:radial-gradient(circle at 15% 10%,#80502d24,transparent 24%),linear-gradient(135deg,#3e2617fc,#190e09fc 58%,#2c190ffc);box-shadow:0 5px #8e6441,0 12px #4b2c19,0 30px 65px #0b0502a8,inset 0 1px #ffffff12;animation:wr-arrival .7s cubic-bezier(.16,1,.3,1) both}.waiting-room:before{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid var(--line);border-radius:9px;pointer-events:none;background:repeating-linear-gradient(91deg,transparent 0 67px,#ffffff06 68px,transparent 70px)}.waiting-room:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#ffffff0a,transparent 28%,transparent 72%,#0003)}.wr-header{display:flex;align-items:center;gap:18px;flex:0 0 auto;padding:3px 6px 19px;border-bottom:1px solid var(--line)}.wr-title-lockup{margin-right:auto}.wr-kicker{display:block;margin-bottom:6px;color:#d6a15c;font:700 9px/1 Crimson Text,serif;letter-spacing:.24em;text-transform:uppercase}.wr-header h2{margin:0;color:#f2e0c7;font:700 clamp(23px,2.4vw,32px)/1 "Playfair Display",serif;text-shadow:0 3px 8px #0008}.wr-lobby-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff12;border-radius:999px;color:#a9947d;background:#ffffff08;font:700 9px Crimson Text,serif;letter-spacing:.12em;text-transform:uppercase}.wr-lobby-state i,.wr-status i{display:block;width:7px;height:7px;border-radius:50%;background:#4dbb73;box-shadow:0 0 9px #4dbb73;animation:wr-pulse 1.6s ease-in-out infinite}.wr-leave-btn{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff18;border-radius:8px;color:#bba58d;background:#ffffff07;font:700 11px Crimson Text,serif;cursor:pointer;transition:.2s}.wr-leave-btn span{font-size:17px;line-height:.6}.wr-leave-btn:hover{color:#f0b4a8;border-color:#d26b5b66;background:#d26b5b12;transform:translateY(-1px)}.wr-main-content{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.4vw,20px);flex:1;min-height:0;padding:clamp(14px,1.6vw,22px) 3px;overflow:hidden}.wr-room-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(14px,1.5vw,20px) clamp(18px,2vw,28px);border:1px solid #cf96534d;border-radius:15px;background:linear-gradient(110deg,#8b5b3029,#ffffff08 45%,#ffffff04);box-shadow:0 12px 30px #0004,inset 0 1px #fff1;animation:wr-card-in .6s cubic-bezier(.16,1,.3,1) .08s both}.wr-room-copy{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 18px}.wr-room-code-label{align-self:end;color:#b99b78;font:700 9px/1 Crimson Text,serif;letter-spacing:.2em;text-transform:uppercase}.wr-room-code{grid-column:2;grid-row:1/3;color:#f0b45e;font:800 clamp(25px,3vw,38px)/1 Georgia,serif;letter-spacing:.24em;text-shadow:0 3px 0 #743a16,0 7px 14px #0008}.wr-room-card p{grid-column:1/-1;margin:2px 0 0;color:#8e7964;font:italic 11px Crimson Text,serif}.wr-copy-btn{flex:0 0 auto;padding:12px 18px;border:1px solid #bd8449;border-radius:9px;color:#fff1de;background:linear-gradient(180deg,#85542e,#4d2917);box-shadow:0 4px #271209,0 8px 16px #0005,inset 0 1px #fff4;font:700 11px Crimson Text,serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.2s}.wr-copy-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 6px #271209,0 12px 18px #0006}.wr-copy-btn:active{transform:translateY(3px);box-shadow:0 1px #271209}.wr-copy-btn.copied{background:linear-gradient(#3a9b5d,#236b3e);border-color:#65c487}.wr-settings-card,.wr-players-card{min-height:0;padding:clamp(16px,1.8vw,24px);border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel),#ffffff05);box-shadow:0 15px 32px #0004,inset 0 1px #fff1;animation:wr-card-in .6s cubic-bezier(.16,1,.3,1) both}.wr-settings-card{display:flex;flex-direction:column;gap:18px;animation-delay:.15s}.wr-players-card{display:flex;flex-direction:column;animation-delay:.22s;margin:0}.wr-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:2px}.wr-card-heading>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c7985d55;border-radius:7px;color:#d5aa72;background:#ffffff08;font:700 9px Georgia,serif}.wr-card-heading h3{margin:0;color:#ebd9c2;font:700 16px Playfair Display,serif}.wr-player-count{margin-left:auto;color:#e5b66f;font:700 20px Georgia,serif}.wr-player-count small{color:#7f6b58;font-size:11px}.wr-setting-row{margin:0}.wr-setting-row label{display:block;margin-bottom:8px;color:#88735e;font:700 9px Crimson Text,serif;letter-spacing:.16em;text-transform:uppercase}.wr-name-display{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid #ffffff0d;border-radius:9px;background:#120a0780}.wr-name-display>span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f0e1ce;font:700 15px Crimson Text,serif}.wr-edit-btn,.wr-cancel-btn{padding:5px 9px;border:1px solid #ffffff17;border-radius:6px;color:#aa947c;background:#ffffff08;font:700 10px Crimson Text,serif;cursor:pointer}.wr-edit-btn:hover,.wr-cancel-btn:hover{background:#ffffff12;color:#e0cdb5}.wr-name-edit{display:grid;grid-template-columns:1fr auto auto;gap:6px}.wr-name-edit input{min-width:0;padding:9px 10px;border:1px solid #6f5038;border-radius:7px;color:#f4e4d0;background:#120906;font:600 14px Crimson Text,serif}.wr-name-edit input:focus{outline:none;border-color:#d09a59;box-shadow:0 0 0 3px #d09a5920}.wr-save-btn{padding:7px 10px;border:1px solid #4ba36b;border-radius:6px;color:#eafff0;background:#24633a;font:700 10px Crimson Text,serif;cursor:pointer}.wr-color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wr-color-btn{--piece:#d94b44;position:relative;width:100%;height:52px;border:1px solid #ffffff0d;border-radius:9px;background:#120a0780!important;cursor:pointer;transition:.2s}.wr-color-btn:before{content:"";position:absolute;inset:50% auto auto 50%;width:29px;height:29px;border:2px solid #1b0a06;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff8 0 8%,var(--piece) 32%,color-mix(in srgb,var(--piece) 58%,#160704));box-shadow:0 4px color-mix(in srgb,var(--piece) 40%,#160704),0 8px 10px #0007,inset 0 2px 4px #fff5;transform:translate(-50%,-56%);transition:.2s}.wr-color-btn.wr-color-blue{--piece:#318fd1}.wr-color-btn.wr-color-green{--piece:#36a960}.wr-color-btn.wr-color-yellow{--piece:#ecb91d}.wr-color-btn:hover:not(.taken){transform:translateY(-2px);background:#ffffff08!important}.wr-color-btn.selected{border-color:color-mix(in srgb,var(--piece) 75%,white 12%);box-shadow:0 0 0 2px color-mix(in srgb,var(--piece) 20%,transparent),inset 0 1px #fff1}.wr-color-btn.selected:before{transform:translate(-50%,-63%) scale(1.08);filter:brightness(1.12)}.wr-color-btn.taken{opacity:.25;cursor:not-allowed}.wr-check{position:absolute;right:5px;top:4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#1b0b06;background:#f1d09e;font:900 9px Arial,sans-serif;z-index:2}.wr-players-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:1;min-height:0;margin-top:14px;overflow-y:auto;padding:1px 3px 1px 1px;scrollbar-width:thin;scrollbar-color:#8b633e transparent}.wr-player-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #ffffff0e;border-radius:10px;background:#120a0766;transition:.25s;animation:slot-in .5s cubic-bezier(.16,1,.3,1) both}.wr-player-item:nth-child(2){animation-delay:.06s}.wr-player-item:nth-child(3){animation-delay:.12s}.wr-player-item:nth-child(4){animation-delay:.18s}.wr-player-item.is-you{border-color:#d8a45b55;background:linear-gradient(120deg,#a76b3220,#ffffff08)}.wr-player-item.is-bot{background:linear-gradient(120deg,#467aa51d,#ffffff05)}.wr-player-item.empty{border-style:dashed;border-color:#ffffff16;background:transparent}.wr-player-color{--piece:#d94b44;flex:0 0 auto;width:30px;height:30px;border:2px solid #1a0905;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff8 0 8%,var(--piece) 30%,color-mix(in srgb,var(--piece) 58%,#160704))!important;box-shadow:0 3px color-mix(in srgb,var(--piece) 38%,#160704),0 6px 8px #0006,inset 0 2px 4px #fff5}.wr-player-color.wr-color-blue{--piece:#318fd1}.wr-player-color.wr-color-green{--piece:#36a960}.wr-player-color.wr-color-yellow{--piece:#ecb91d}.wr-player-color.empty{border:1px dashed #6c5b49;background:#ffffff0b!important;box-shadow:none}.wr-player-name{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;color:#e7d7c3;font:700 13px Crimson Text,serif}.wr-player-item.empty .wr-player-name{color:#746250;font-style:italic;font-weight:400}.wr-you-tag,.wr-host-tag,.wr-bot-tag{padding:2px 5px;border-radius:4px;font:800 7px Crimson Text,serif;letter-spacing:.08em;text-transform:uppercase}.wr-you-tag{color:#1c0e08;background:#e3b36e}.wr-host-tag{color:#bba285;border:1px solid #ffffff15;background:#ffffff08}.wr-bot-tag{color:#b9dcf5;border:1px solid #5790b94d;background:#39769f29}.wr-remove-bot-btn{margin-left:auto;flex:0 0 auto;width:24px;height:24px;border:1px solid #ffffff14;border-radius:50%;color:#947d65;background:#ffffff08;cursor:pointer}.wr-remove-bot-btn:hover{color:#f2aaa0;border-color:#cf6055;background:#cf60551c}.wr-add-bot-btn{margin-top:10px;padding:10px;border:1px dashed #b7875055;border-radius:8px;color:#c99f70;background:#b2763820;font:700 10px Crimson Text,serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.2s}.wr-add-bot-btn:hover{border-style:solid;background:#b2763830;color:#e7bd87;transform:translateY(-1px)}.wr-actions{flex:0 0 auto;padding:0 3px 3px}.wr-status,.wr-start-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px}.wr-status{border:1px solid #ffffff0e;color:#a08a72;background:#ffffff06;font:italic 13px Crimson Text,serif}.wr-status i{background:#d5a34f;box-shadow:0 0 9px #d5a34f}.wr-start-btn{border:1px solid #c38a4b;color:#fff1dc;background:linear-gradient(180deg,#8b592f,#4f2a17);box-shadow:0 5px #271209,0 10px 18px #0005,inset 0 1px #fff4;font:800 14px Crimson Text,serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:.2s}.wr-start-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.13);box-shadow:0 7px #271209,0 13px 22px #0006}.wr-start-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes wr-arrival{0%{opacity:0;transform:perspective(1400px) rotateX(4deg) translateY(22px) scale(.985)}}@keyframes wr-card-in{0%{opacity:0;transform:translateY(14px)}}@keyframes slot-in{0%{opacity:0;transform:translate(10px)}}@keyframes wr-pulse{50%{opacity:.45;transform:scale(.75)}}@media (max-width:900px){.waiting-room{height:auto;min-height:100%;overflow:visible}.wr-main-content{grid-template-columns:1fr;grid-template-rows:auto;overflow:visible}.wr-room-card{grid-column:1}.wr-settings-card,.wr-players-card{min-height:auto}.wr-players-list{min-height:190px}.wr-actions{padding-bottom:12px}}@media (max-width:600px){.waiting-room{padding:16px 12px;border-width:5px;border-radius:15px}.waiting-room:before{inset:7px}.wr-header{gap:8px;padding:2px 2px 14px}.wr-kicker{font-size:7px}.wr-header h2{font-size:21px}.wr-lobby-state{display:none}.wr-leave-btn{font-size:0;padding:7px}.wr-leave-btn span{font-size:20px}.wr-main-content{padding:12px 0;gap:10px}.wr-room-card{padding:13px 12px;gap:10px}.wr-room-copy{gap:3px 9px}.wr-room-card p{display:none}.wr-room-code{font-size:21px;letter-spacing:.16em}.wr-copy-btn{padding:10px 11px;font-size:8px}.wr-settings-card,.wr-players-card{padding:14px}.wr-color-btn{height:46px}.wr-players-list{grid-template-columns:1fr;min-height:0}.wr-name-edit{grid-template-columns:1fr auto}.wr-name-edit input{grid-column:1/-1}.wr-status{padding:9px;font-size:11px;text-align:center}.wr-actions{padding-bottom:28px}}@media (max-width:360px){.wr-room-code-label{display:none}.wr-room-code{grid-column:1}.wr-copy-btn{padding-inline:8px}.wr-player-item{padding:9px}}.move-history{margin-top:24px;background:#fff9;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80;border:2px solid rgba(139,111,71,.3);flex:1;display:flex;flex-direction:column;min-height:0}.move-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#d4a57433;border-bottom:1px solid rgba(139,111,71,.2);transition:background .2s}.move-history-header:hover{background:#d4a5744d}.move-history-header h3{margin:0;font-size:16px;font-weight:700;color:#5d4037;font-family:Crimson Text,serif}.expand-icon{font-size:12px;color:#8b6f47;transition:transform .3s ease;display:inline-block}.expand-icon.expanded{transform:rotate(180deg)}.move-history-content{padding:12px;overflow-y:auto;flex:1;min-height:0}.no-moves{text-align:center;color:#8b6f47;font-style:italic;font-size:14px;padding:12px;margin:0;font-family:Crimson Text,serif}.moves-list{display:flex;flex-direction:column-reverse;gap:8px}.move-entry{padding:12px;background:#ffffff80;border-radius:6px;border-left:3px solid;transition:all .2s;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.move-entry:hover{background:#fffc;transform:translate(2px)}.move-entry.player-red{border-left-color:#c62828}.move-entry.player-blue{border-left-color:#1565c0}.move-entry.player-green{border-left-color:#2e7d32}.move-entry.player-yellow{border-left-color:#f9a825}.move-player{display:flex;align-items:center;gap:8px;margin-bottom:6px}.move-color-indicator{width:16px;height:16px;border-radius:50%;border:2px solid #2c1810;flex-shrink:0;box-shadow:0 1px 2px #0003,inset 0 1px 2px #ffffff4d}.move-color-indicator.player-red{background:radial-gradient(circle at 30% 30%,#ef5350,#c62828);border-color:#b71c1c}.move-color-indicator.player-blue{background:radial-gradient(circle at 30% 30%,#42a5f5,#1565c0);border-color:#0d47a1}.move-color-indicator.player-green{background:radial-gradient(circle at 30% 30%,#66bb6a,#2e7d32);border-color:#1b5e20}.move-color-indicator.player-yellow{background:radial-gradient(circle at 30% 30%,#ffca28,#f9a825);border-color:#f57f17}.move-player-name{font-weight:700;font-size:13px;color:#5d4037;font-family:Crimson Text,serif}.move-description{font-size:13px;color:#6d4c41;margin:0;line-height:1.4;padding-left:24px;font-family:Crimson Text,serif;display:flex;align-items:center;gap:6px}.capture-badge{font-size:16px;animation:pulse 1s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.show-more-hint{text-align:center;color:#8b6f47;font-size:12px;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,111,71,.2);font-family:Crimson Text,serif}.move-history{margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0b;box-shadow:inset 0 1px #fff1}.move-history-header{padding:10px 12px;background:#ffffff0b;border-color:#ffffff0d}.move-history-header h3{color:#d9c4a9;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.move-history-content{padding:8px}.no-moves,.show-more-hint{color:#9e8870}.move-entry{padding:9px;background:#ffffff0a}.move-player-name{color:#e9d9c4}.move-description{color:#bba58e}@media (max-width:1024px){.move-history{max-height:220px}}.screen-transition{flex:1;min-height:0;display:flex;flex-direction:column;animation:screen-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes screen-in{0%{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.screen-transition{animation:none}}