@font-face{font-family:Intro Rust;src:url(/fonts/IntroRust.otf)format("opentype")}:root{--font-family:"Intro Rust", sans-serif;--background-color:#40382d;--card-color:#ccb490;--button-color:#d9d9d9;--text-primary-color:#968469;--text-secondary-color:#d9d9d9;--shadow-color:#00000040;--blue-primary-color:#4365a9;--blue-secondary-color:#283d66;--blue-thirdary-color:#1c2b48;--red-primary-color:#a94343;--red-secondary-color:#662828;--red-thirdary-color:#481c1c;--yellow-primary-color:#a99f43;--yellow-secondary-color:#666028;--yellow-thirdary-color:#48441c;--green-primary-color:#43a954;--green-secondary-color:#286632;--green-thirdary-color:#1c4824;--first-radius:1.5rem;--second-radius:1rem;--third-radius:.5rem;--fourth-radius:.25rem;--edge-radius:.75rem}*{box-sizing:border-box;font-family:var(--font-family);-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--background-color) transparent;outline:none}body{background:var(--background-color);min-height:100vh;color:var(--text-primary-color);margin:0}#root{min-height:100vh}.shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.card{border-radius:var(--first-radius);background:var(--card-color);justify-items:center;width:min(640px,100%);padding:2rem;display:grid}.brand{justify-items:center;gap:.45rem;margin-bottom:1rem;display:grid}.brand-logo{width:clamp(80px,14vw,140px);height:auto;color:var(--text-primary-color)}.brand-title{letter-spacing:.04em;margin:0;line-height:1}.form{text-align:center;justify-items:center;gap:.75rem;width:min(420px,100%);display:grid}.input-group{gap:.15rem;width:100%;display:grid}.toast{z-index:100;border-radius:var(--second-radius);background:var(--card-color);min-width:min(320px,92vw);max-width:min(520px,92vw);color:var(--text-primary-color);text-align:center;opacity:0;pointer-events:none;padding:.75rem 1rem;transition:opacity .24s,transform .24s;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0003}.toast--enter{opacity:1;transform:translate(-50%)}.toast--leave{opacity:0;transform:translate(-50%,-8px)}.toast--success{color:var(--green-primary-color);background-color:var(--green-thirdary-color)}.toast--error{color:var(--red-primary-color);background-color:var(--red-thirdary-color)}.link{width:100%;color:var(--text-primary-color);cursor:pointer;background:0 0;border:none}.link:hover{text-decoration:underline}.home-screen{text-align:center;justify-items:center;gap:.75rem;width:min(420px,100%);display:grid}.home-title{margin:0}.home-meta{color:var(--text-primary-color);margin:0}.avatar-placeholder{color:var(--text-primary-color);text-transform:uppercase;place-items:center;font-size:1rem;font-weight:700;display:grid}.button{aspect-ratio:113/24;border-radius:var(--second-radius);cursor:pointer;height:48px;filter:drop-shadow(0 4px 4px var(--shadow-color));border:none;justify-content:center;align-items:center;font-size:18px;transition:transform .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(2px)}.on-button-icon{width:3rem;height:3rem;filter:drop-shadow(0 4px 4px var(--shadow-color))}.confirm-button{background:var(--green-primary-color);color:var(--green-secondary-color)}.reject-button{background:var(--red-primary-color);color:var(--red-secondary-color)}.input-label{text-align:left;width:100%}.input{border:.5rem solid var(--text-primary-color);border-radius:var(--second-radius);background-color:var(--background-color);width:100%;color:var(--text-secondary-color);filter:drop-shadow(0 4px 4px var(--shadow-color));padding:.5rem}.home-wrap{gap:1rem;width:min(1360px,100%);display:grid}.home-loader-screen{place-items:center;width:100%;min-height:100vh;padding:1.5rem;display:grid}.game-transition-overlay{opacity:0;pointer-events:none;z-index:9999;background:#000;position:fixed;inset:0}.game-transition-overlay--active{animation:2.5s forwards game-transition-full}@keyframes game-transition-full{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}.home-wrap--editor{justify-items:center}.home-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.home-header-profile{align-items:center;gap:.75rem;display:flex}.home-header-avatar-wrap{background:var(--card-color);border-radius:50%;width:56px;height:56px;padding:2px}.home-header-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.home-card{align-content:start;gap:.75rem;display:grid}.home-grid .card{justify-items:stretch;width:100%;min-width:0}.home-card--friends{grid-column:auto}.home-card--friends .friends-columns{grid-template-columns:1fr}.home-card-title{margin:0}.home-card-headline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home-logout{aspect-ratio:auto;width:auto;min-width:10rem;min-height:2.5rem;padding:.5rem 1rem}.room-state{gap:.25rem;display:grid}.room-state p{margin:0}.uid-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.uid-value{color:var(--text-secondary-color);background:var(--background-color);border-radius:var(--third-radius);letter-spacing:.04em;padding:.125rem .375rem}.uid-copy-button{cursor:pointer;border:none;transition:transform .2s,opacity .2s}.uid-copy-button:hover:not(:disabled){transform:translateY(-2px)}.uid-copy-button:active:not(:disabled){transform:translateY(2px)}.uid-copy-button:disabled{cursor:default;opacity:.65}.friend-request-form{gap:.5rem;display:grid}.inline-input-action{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;width:100%;display:grid}.icon-action-button{aspect-ratio:1;width:3rem;min-height:3rem;padding:0}.on-icon-button-icon{width:2rem;height:2rem;filter:drop-shadow(0 4px 4px var(--shadow-color))}.friends-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.friends-list{gap:.5rem;display:grid}.friends-column{align-content:start;gap:.5rem;display:grid}.friends-column h3{margin:0}.friend-item{border-radius:var(--second-radius);filter:drop-shadow(0 4px 4px var(--shadow-color));background:#40382d4d 50%/cover no-repeat;gap:.2rem;padding:.5rem;display:grid}.friend-name,.friend-sub{color:var(--text-secondary-color);margin:0}.friend-actions{gap:.5rem;display:flex}.friend-row{align-items:center;gap:.5rem;display:flex}.friend-avatar-wrap{border:4px solid var(--text-primary-color);background:0 0;border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:2px}.friend-avatar-wrap--online{border-color:var(--green-primary-color)}.friend-avatar-wrap--in_room{border-color:var(--yellow-primary-color)}.friend-avatar-wrap--in_game{border-color:var(--blue-primary-color)}.friend-avatar-wrap--offline{border-color:var(--red-primary-color)}.friend-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.friend-content{flex:1;gap:.2rem;min-width:0;display:grid}.friend-headline{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.friend-headline .friend-actions{margin-left:auto}.join-room-button{background:var(--yellow-primary-color);color:var(--yellow-secondary-color)}.profile-preview{border-radius:var(--second-radius);background:#40382d4d 50%/cover;align-content:center;justify-items:center;gap:.5rem;min-height:140px;padding:.75rem;display:grid}.profile-editor-card{justify-items:stretch;width:min(920px,100%)}.profile-editor-card .profile-preview{width:100%;min-height:200px}.profile-avatar-wrap{background:var(--card-color);border-radius:50%;width:72px;height:72px;padding:3px}.profile-avatar{background:var(--background-color);object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-actions{gap:.5rem;display:flex}.profile-actions .button{aspect-ratio:auto;flex:1;min-height:3rem}.room-wrap{justify-items:center}.room-card{justify-items:stretch;gap:1rem;width:min(1120px,100%)}.room-headline{align-items:flex-start}.room-meta{margin:.2rem 0 0}.room-code-row{margin-top:.2rem}.room-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.room-actions .button{aspect-ratio:auto;min-width:10rem;min-height:3rem}.room-countdown{border-radius:var(--second-radius);background:var(--yellow-thirdary-color);color:var(--yellow-primary-color);margin:0;padding:.6rem .8rem}.room-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.room-panel{align-content:start;gap:.7rem;min-width:0;display:grid}.room-panel-title{margin:0}.room-players-list{gap:.5rem;display:grid}.room-player{border-radius:var(--second-radius);background:#40382d47 50%/cover no-repeat;align-items:center;gap:.6rem;padding:.6rem;display:flex}.room-player-avatar-wrap{border:4px solid var(--text-primary-color);background:0 0;border-radius:50%;flex-shrink:0;width:52px;height:52px;padding:2px}.room-player-avatar-wrap--ready{border-color:var(--green-primary-color)}.room-player-avatar-wrap--not-ready{border-color:var(--red-primary-color)}.room-player-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.room-player-main{flex:1;align-content:center;gap:.2rem;min-width:0;display:grid}.room-player-headline{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.room-chat-body{border-radius:var(--second-radius);background:#40382d59;align-content:start;gap:.45rem;height:min(420px,50vh);padding:.6rem;display:grid;overflow-y:auto}.room-chat-body::-webkit-scrollbar{width:.75rem}.room-chat-body::-webkit-scrollbar-track{background:var(--blue-thirdary-color);border-radius:var(--first-radius)}.room-chat-body::-webkit-scrollbar-thumb{background:var(--text-primary-color);border-radius:var(--first-radius);border:2px solid var(--blue-thirdary-color)}.room-chat-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color)}.room-chat-empty{color:var(--text-secondary-color);margin:0}.room-chat-group{width:100%;display:grid}.room-chat-avatar-wrap{border:3px solid var(--text-primary-color);border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:1px}.room-chat-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.room-chat-group-body{gap:.25rem;width:100%;display:grid}.room-chat-group--self .room-chat-avatar-wrap{border-color:var(--green-primary-color)}.room-chat-message-meta{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.room-chat-meta{color:var(--text-secondary-color);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.1rem;display:flex}.room-chat-meta span{opacity:.85;font-size:.85rem}.room-chat-message{border-radius:var(--third-radius);width:100%;color:var(--text-secondary-color);background:#40382d85;padding:.5rem}.room-chat-message--system{text-align:center}.room-chat-message-text{color:var(--text-secondary-color);width:100%;margin:0}.room-chat-group--system .room-chat-message-text{text-align:center}.game-wrap{justify-items:center}.game-screen{background:var(--background-color);z-index:20;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;inset:0}.game-over-screen{justify-content:center;align-items:center;padding:1rem}.game-over-card{background:var(--card-color);text-align:center;border:1px solid #40382d40;border-radius:24px;width:min(680px,100%);padding:2rem;box-shadow:0 18px 48px #0000001f}.game-over-card h2{margin:0 0 1rem;font-size:2rem}.game-over-message{margin:0 0 1.5rem;font-size:1.1rem}.game-over-summary{text-align:left;margin-bottom:1.5rem}.game-over-summary ol{margin:.75rem 0 0;padding-left:1.25rem}.game-over-summary li{margin-bottom:.55rem}.game-over-card .button{min-width:240px}.game-over-winner-preview{width:100%;color:var(--text-primary-color);text-shadow:0 2px 8px #00000073;background:#40382d40 50%/cover;border-radius:20px;place-items:center;gap:.5rem;padding:1.5rem;display:grid}.game-over-winner-avatar-wrap{background:#00000052;border:4px solid #0000;border-radius:50%;place-items:center;width:108px;height:108px;padding:4px;display:grid;position:relative}.game-over-winner-crown{color:#c9b037;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-9px;right:-9px;transform:rotate(45deg);box-shadow:0 4px 12px #00000040}.game-over-winner-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.game-over-winner-name{color:var(--text-secondary-color);margin:0;font-size:1.6rem}.game-over-winner-rank-delimiter{color:var(--text-secondary-color)}.game-over-winner-rank-badge{color:#c9b037}.game-over-player-rank.game-over-player-rank--silver{color:#d7d7d7}.game-over-player-rank.game-over-player-rank--bronze{color:#6a3805}.game-over-winner-stats{color:var(--text-secondary-color);margin:0;font-size:1rem}.game-over-player-list{gap:.75rem;margin-top:1rem;display:grid}.game-over-player-item{filter:drop-shadow(0 12px 28px #0000001f);background:#40382d38 50%/cover no-repeat;border-radius:18px;padding:.75rem;display:block}.game-over-player-row{align-items:center;gap:.85rem;display:flex}.game-over-player-avatar-wrap{background:#ffffff14;border:4px solid #ffffff1f;border-radius:50%;place-items:center;width:54px;min-width:54px;height:54px;padding:2px;display:grid}.game-over-player-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.game-over-player-info{flex:1;min-width:0}.game-over-player-name{color:var(--text-secondary-color);margin:0;font-size:1.25rem}.game-over-player-sub{color:var(--text-secondary-color);margin:.15rem 0 0;font-size:.95rem}.game-over-player-rank{color:var(--text-secondary-color);font-size:1.5rem}.game-top-panel{background:var(--card-color);border-bottom:1px solid #40382d59;justify-content:flex-start;align-items:center;gap:.7rem;width:100%;height:10vh;min-height:84px;padding:.35rem;display:flex}.game-main-panel{background-color:var(--background-color);flex:auto;justify-content:center;align-items:stretch;width:100%;min-height:0;padding:.6rem;display:flex;overflow:auto}.phase1-layout{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.7rem;width:min(1180px,100%);height:100%;min-height:100%;display:grid;overflow:visible}.phase1-board{border-radius:var(--first-radius);background:var(--card-color);flex-direction:column;place-self:stretch center;width:auto;height:100%;min-height:0;max-height:100%;padding:.5rem;display:flex;overflow:hidden}.phase2-layout{grid-template-rows:1fr auto;justify-items:center;gap:.75rem;width:min(1180px,100%);height:100%;display:grid;overflow:visible}.phase2-header{width:100%;color:var(--text-secondary-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.phase2-subtitle{color:var(--text-primary-color);font-size:.95rem}.phase2-trucks{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;align-items:stretch;gap:.75rem;width:100%;height:100%;min-height:0;display:grid}.phase2-truck{border-radius:var(--first-radius);background:var(--card-color);cursor:pointer;border:none;grid-template-rows:1fr;align-items:stretch;width:100%;height:100%;min-height:260px;padding:.5rem;transition:transform .2s,border-color .2s,opacity .2s,background-color .2s;display:grid}.phase2-truck:hover:not(:disabled){transform:translateY(-2px)}.phase2-truck:active:not(:disabled){transform:translateY(2px)}.phase2-truck--blue{background-color:var(--blue-primary-color)}.phase2-truck--red{background-color:var(--red-primary-color)}.phase2-truck--green{background-color:var(--green-primary-color)}.phase2-truck--selected{border-color:#ffffffa6}.phase2-truck--disabled{cursor:default}.phase2-truck-slots{border-radius:var(--second-radius);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.5rem;width:100%;height:100%;min-height:0;padding:.5rem;display:grid}.phase2-slot{border-radius:var(--third-radius);background:var(--button-color);cursor:default;border:none;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:.6rem .5rem .55rem;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;position:relative;overflow:hidden}.phase2-truck--blue .phase2-truck-slots{background-color:var(--blue-secondary-color)}.phase2-truck--red .phase2-truck-slots{background-color:var(--red-secondary-color)}.phase2-truck--green .phase2-truck-slots{background-color:var(--green-secondary-color)}.phase2-slot--filled{background:var(--button-color);box-shadow:inset 0 0 0 1px #00000014}.phase2-slot--preview{background-color:#ffffffa6}.phase2-slot--placeholder{opacity:0;visibility:hidden;pointer-events:none}.phase2-truck--blue .phase2-slot--empty{background-color:var(--blue-thirdary-color)}.phase2-truck--red .phase2-slot--empty{background-color:var(--red-thirdary-color)}.phase2-truck--green .phase2-slot--empty{background-color:var(--green-thirdary-color)}.phase2-slot--empty .phase1-card-label{display:none}.phase2-slot-icon{object-fit:contain;width:auto;max-width:92%;max-height:3rem;display:block}.phase2-truck-preview-card{border-radius:var(--second-radius);color:var(--text-secondary-color);background:#ffffff24;align-items:center;gap:.5rem;min-height:56px;margin-bottom:.75rem;padding:.65rem .75rem;display:flex}.phase2-truck-preview-icon{object-fit:contain;width:40px;height:40px}.phase2-truck-preview-label{text-align:left;flex:1;font-size:.88rem;line-height:1.3}.phase2-slot:after{content:"";background:var(--phase2-slot-indicator-color,transparent);pointer-events:none;z-index:3;border:6px solid #00000047;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:-6px;right:-6px}.phase2-slot--empty:after{display:none}.phase2-truck-footer{gap:.35rem;margin-top:1rem;display:grid}.phase2-truck-hint{text-align:center;color:#ffffffe0;font-size:.87rem}.phase2-actions-under-board{justify-content:center;display:flex}.phase2-board-buttons{align-items:end;gap:.6rem;display:flex}.phase3-layout{grid-template-rows:auto 1fr auto;justify-items:center;gap:.75rem;width:min(1180px,100%);height:100%;display:grid;overflow:hidden}.phase3-layout.phase3-waiting-layout{grid-template-rows:1fr;place-items:center}.phase3-header{width:100%;color:var(--text-primary-color);text-align:center;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.phase3-header strong{font-size:1.35rem;font-weight:700}.phase3-subtitle{display:none}.phase3-waiting-state{justify-self:center;justify-items:center;gap:1rem;width:min(560px,100%);padding:1rem 0;display:grid}.phase3-panel{gap:1rem;width:100%;display:grid}.phase3-result-card,.phase3-export-card,.phase3-shipped-trucks{border-radius:var(--first-radius);background:var(--card-color);gap:.75rem;width:100%;padding:1rem;display:grid}.phase3-result-list{gap:.35rem;margin:0;padding-left:1rem;display:grid}.phase3-waiting{border-radius:var(--second-radius);color:var(--text-primary-color);text-align:center;background:#40382d26;padding:1.25rem}.phase3-shipped-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.phase3-shipped-card{border-radius:var(--second-radius);background:#40382d14;gap:.35rem;padding:.75rem;display:grid}.phase3-export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.phase3-export-good{border-radius:var(--second-radius);cursor:pointer;text-align:center;background:#40382d14;border:2px solid #0000;align-items:center;gap:.35rem;padding:.85rem;display:grid}.phase3-export-good:hover:not(:disabled){transform:translateY(-2px)}.phase3-export-good--selected{border-color:var(--green-primary-color)}.phase3-export-good--embargo{opacity:.6;cursor:not-allowed}.phase3-export-good img{width:4rem;height:4rem}.phase3-export-quantity{align-items:center;gap:.5rem;display:grid}.phase3-export-quantity-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.phase3-actions-under-board{justify-content:center;display:flex}.phase3-board-buttons{align-items:center;gap:.6rem;display:flex}.phase4-layout{grid-template-rows:1fr auto;place-items:center;gap:.4rem;width:1180px;display:grid;overflow:visible}.phase4-header{display:none}.phase4-panel{gap:1rem;width:100%;display:grid}.phase4-card{border-radius:var(--first-radius);background:var(--card-color);border:1px solid #40382d1f;align-self:center;gap:.75rem;width:auto;padding:1rem;display:grid}.phase4-player-status-grid,.phase6-player-status-grid,.phase3-player-status-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:560px;margin:0 auto;padding:0 .25rem;display:flex}.phase4-player-avatar-wrap{background:#ffffff14;border:3px solid #0000;border-radius:50%;place-items:center;width:clamp(42px,5.2vw,56px);min-width:42px;height:clamp(42px,5.2vw,56px);display:grid}.phase4-player-avatar-wrap--finished,.phase3-player-avatar-wrap--finished{border:3px solid var(--green-primary-color)}.phase4-player-avatar-wrap--waiting,.phase3-player-avatar-wrap--waiting{border:3px solid var(--red-primary-color)}.phase4-player-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%}.phase4-player-avatar-placeholder,.phase6-player-avatar-placeholder{text-align:center;width:36px;height:36px;color:var(--text-secondary-color);background:#40382d24;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:.95rem;font-weight:700;line-height:1;display:flex}.phase6-player-avatar-placeholder,.phase3-player-avatar-placeholder{width:100%;height:100%;color:var(--text-secondary-color);background:#40382d24;border-radius:50%;place-items:center;font-weight:700;display:grid}.phase6-player-decision-label{color:var(--text-secondary-color);text-align:center;width:100%;margin-top:.4rem;font-size:.75rem;display:block}.phase6-player-decision-card{place-items:center;gap:.4rem;display:grid}.phase4-waiting-state,.phase6-waiting-state{justify-self:center;justify-items:center;gap:1rem;width:min(560px,100%);padding:1rem 0;display:grid}.phase4-waiting-title,.phase6-waiting-title{color:var(--text-primary-color);text-align:center;width:100%;font-size:2rem;font-weight:700}.phase4-player-name{color:var(--text-primary-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:5.5rem;font-size:.72rem;line-height:1.1;overflow:hidden}.phase4-waiting-state{justify-items:center;gap:1rem;padding:1rem 0;display:grid}.phase4-waiting-title{color:var(--text-primary-color);text-align:center;font-size:2rem;font-weight:700}.phase4-player-status-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.phase4-player-avatar-placeholder{width:100%;height:100%;color:var(--text-secondary-color);background:#40382d24;border-radius:50%;place-items:center;font-weight:700;display:grid}.phase4-card-title{color:var(--text-primary-color);text-align:center;margin:0;font-size:1.1rem}.phase4-card-text{color:var(--text-secondary-color);text-align:center;margin:0;font-size:.95rem}.phase4-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.phase4-card-description{color:var(--text-secondary-color);max-width:580px;margin:.5rem 0 0}.phase4-card-summary{color:var(--text-secondary-color);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.phase4-characteristics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.phase4-characteristic-card{text-align:center;justify-items:center;gap:.5rem;display:grid}.phase4-target-buttons{flex-wrap:wrap;justify-content:center;gap:0;width:auto;margin:0 auto;display:flex}.phase4-level-button{border-radius:var(--second-radius);background-color:var(--button-color);color:var(--text-primary-color);cursor:pointer;padding:.65rem .95rem}.phase4-level-button--selected{mix-blend-mode:luminosity}.phase4-characteristic-main{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:240px;margin:0 auto;display:flex}.phase4-characteristic-icon{background-color:var(--button-color);border-radius:var(--second-radius);width:100%;max-width:100px;height:auto;padding:.5rem}.phase4-characteristic-main div{gap:.3rem;display:grid}.phase4-actions-under-board{justify-content:center;align-items:center;padding-top:0;display:flex}.phase4-board-buttons{flex-wrap:wrap;gap:.3rem;display:flex}.phase4-board-buttons .button{min-width:160px}.phase4-summary{display:none}.phase4-characteristic-header{color:var(--text-secondary-color);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.phase4-target-buttons{flex-flow:column wrap;gap:.5rem;display:flex}.phase4-target-button{border-radius:var(--second-radius);color:var(--text-primary-color);cursor:pointer;background:#40382d0f;border:1px solid #40382d33;padding:.5rem .75rem}.phase4-target-button:hover:not(:disabled){transform:translateY(-1px)}.phase4-target-button--selected{border-color:var(--green-primary-color);background:#43a9541f}.phase4-target-button:disabled{opacity:.5;cursor:not-allowed}.phase4-characteristic-footer{color:var(--text-secondary-color);justify-content:space-between;gap:.5rem;display:flex}.phase4-actions-under-board{justify-content:center;display:flex}.phase4-board-buttons{align-items:center;gap:.6rem;display:flex}.phase5-layout{grid-template-rows:auto 1fr auto;justify-items:center;gap:.75rem;width:min(1180px,100%);height:100%;display:grid;overflow:hidden}.phase5-header{width:100%;color:var(--text-secondary-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.phase5-subtitle{color:var(--text-primary-color);font-size:.95rem}.phase5-panel{gap:1rem;width:100%;display:grid}.phase5-summary{border-radius:var(--second-radius);background:#40382d14;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;padding:.85rem;display:flex}.phase5-result-card,.phase5-results{border-radius:var(--first-radius);background:var(--card-color);border:1px solid #40382d1f;width:100%;padding:1rem}.phase5-result-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.phase5-waiting{color:var(--text-secondary-color)}.phase5-info-note{border-radius:var(--second-radius);color:var(--text-primary-color);background:#40382d0f;padding:.85rem 1rem}.phase5-board-buttons{align-items:center;gap:.6rem;display:flex}.phase6-layout{grid-template-rows:1fr auto;place-items:center;gap:.4rem;width:min(1180px,100%);height:100%;display:grid;overflow:visible}.phase6-header{width:100%;color:var(--text-secondary-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.phase6-subtitle{color:var(--text-primary-color);font-size:.95rem}.phase6-panel{gap:1rem;width:100%;display:grid}.phase6-summary{border-radius:var(--second-radius);background:#40382d14;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;padding:.85rem;display:flex}.phase6-card,.phase6-status-card{border-radius:var(--first-radius);background:var(--card-color);border:1px solid #40382d1f;width:100%;padding:1rem}.phase6-warning-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.phase6-warning-button{border-radius:var(--second-radius);width:100%;color:var(--text-primary-color);cursor:pointer;background:#40382d0f;border:1px solid #40382d33;padding:.8rem}.phase6-characteristics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.phase6-characteristic-item{text-align:center;justify-items:center;gap:.5rem;display:grid}.phase6-card-title{color:var(--text-primary-color);text-align:center;margin:0 0 1rem;font-size:1.1rem}.phase6-characteristic-icon{border-radius:var(--second-radius);background:var(--button-color);cursor:pointer;border:1px solid #40382d1f;place-items:center;width:clamp(70px,16vw,120px);height:clamp(70px,16vw,120px);transition:transform .15s,box-shadow .15s,opacity .15s;display:grid}.phase6-characteristic-icon:hover:not(:disabled){transform:translateY(-1px)}.phase6-characteristic-icon:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.phase6-characteristic-icon--dim{opacity:.55;mix-blend-mode:luminosity}.phase6-characteristic-icon--selected{box-shadow:inset 0 0 0 2px var(--green-primary-color);background:#43a9541f}.phase6-characteristic-icon-image{width:60%;height:auto}.phase6-characteristic-label{color:var(--text-secondary-color);font-size:.95rem}.phase6-warning-button--selected{border-color:var(--green-primary-color);background:#43a9541f}.phase6-actions-under-board{justify-content:center;width:100%;padding-top:.35rem;display:flex}.phase6-board-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.phase6-note{color:var(--text-secondary-color);max-width:600px}.game-bottom-slot{cursor:default;background-color:var(--button-color);border:none}.game-bottom-slot--negative-warning{border:1px solid #e04b4ba6;position:relative;overflow:visible}.game-bottom-slot--negative-warning:after{content:"";width:3rem;height:3rem;filter:drop-shadow(0 4px 4px var(--shadow-color));background:url(/nav/warning.svg) 50%/80% no-repeat;border-radius:50%;position:absolute;top:-.75rem;right:-.75rem}.game-bottom-slot--selectable{cursor:pointer}.game-bottom-slot--selectable:hover:not(:disabled){transform:translateY(-2px)}.game-bottom-slot--selected{background-color:var(--green-primary-color)!important}.phase1-board-lines{flex-direction:column;flex:auto;align-items:stretch;gap:.5rem;min-height:0;display:flex;overflow:auto}.phase1-board-empty{border-radius:var(--third-radius);color:#40382dd9;text-align:center;background:#40382d14;margin:0;padding:.5rem}.phase1-line{border-radius:var(--second-radius);background:var(--text-primary-color);flex-wrap:nowrap;flex:1 1 0;align-items:stretch;gap:.5rem;width:auto;min-width:0;height:auto;min-height:0;padding:.5rem;display:flex;overflow:auto hidden}.phase1-card-wrap{aspect-ratio:1.04;flex:none;width:auto;height:100%;min-height:0;position:relative}.phase1-card{border-radius:var(--third-radius);background:var(--button-color);cursor:pointer;width:100%;height:100%;filter:drop-shadow(0 4px 4px var(--shadow-color));border:none;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.3rem;padding:.6rem .5rem .55rem;transition:transform .12s,box-shadow .12s,filter .12s;display:grid;position:relative}@supports (height:1cqh){.phase1-card-wrap{--phase1-card-height:clamp(76px, calc((100cqh - (3 * .65rem) - (4 * .84rem)) / 4), 148px)}}.phase1-card:hover:not(:disabled){transform:translateY(-2px)}.phase1-card:active:not(:disabled){transform:translateY(2px)}.phase1-card:disabled{cursor:default}.phase1-card--bought{mix-blend-mode:luminosity}.phase1-card-indicator{background:var(--phase1-selection-color);pointer-events:none;z-index:3;width:1.8rem;height:1.8rem;filter:drop-shadow(0 4px 4px var(--shadow-color));border:7px solid #00000052;border-radius:50%;position:absolute;top:-6px;right:-6px}.phase1-card-icon{object-fit:contain;width:auto;max-width:92%;height:100%;max-height:84%;filter:drop-shadow(0 4px 4px var(--shadow-color))}.phase1-card-label{border-radius:var(--third-radius);background:var(--card-color);width:100%;height:22px;color:var(--text-primary-color);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em;filter:drop-shadow(0 4px 4px var(--shadow-color));place-items:center;font-size:clamp(.58rem,.76vw,.78rem);display:grid;overflow:hidden}.phase1-actions-under-board{justify-content:center;display:flex}.phase1-board-buttons{align-items:center;gap:.6rem;display:flex}.phase1-action{aspect-ratio:auto;min-width:10.5rem;min-height:3rem}.phase1-action:disabled{mix-blend-mode:luminosity;cursor:default}.game-bottom-panel{background:var(--card-color);border-top:1px solid #40382d59;justify-content:center;align-items:stretch;gap:.5rem;width:100%;height:14vh;min-height:126px;margin-top:0;padding:.5rem;display:flex;overflow:auto hidden}.game-bottom-category{flex:none;grid-template-rows:1fr;gap:0;width:max-content;min-width:0;max-width:100%;height:100%;display:grid}.game-bottom-divider{border-radius:var(--first-radius);background-color:var(--text-primary-color);align-self:center;width:10px;height:90%}.game-bottom-slots{justify-content:center;align-items:stretch;gap:.5rem;min-width:0;height:100%;min-height:0;display:flex;overflow:visible}.game-bottom-slots--characteristics,.game-bottom-slots--temporary,.game-bottom-slots--main{justify-content:center}.game-bottom-slot{aspect-ratio:104/130;border-radius:var(--third-radius);background-color:var(--button-color);width:auto;min-width:0;height:100%;min-height:0;filter:drop-shadow(0 4px 4px var(--shadow-color));border:none;flex:none;grid-template-rows:minmax(0,1fr) auto;place-items:stretch center;gap:.5rem;padding:.5rem;display:grid;position:relative;overflow:visible}.game-bottom-slot:disabled{cursor:default}.game-bottom-slot-icon{object-fit:contain;width:auto;max-width:100%;height:100%;min-height:0;max-height:100%;filter:drop-shadow(0 4px 4px var(--shadow-color));display:block}.game-bottom-slot-text{background-color:var(--text-primary-color);color:var(--text-secondary-color);border-radius:var(--third-radius);white-space:nowrap;filter:drop-shadow(0 4px 4px var(--shadow-color));padding:.15rem .25rem;font-size:clamp(.62rem,1.1vw,.85rem)}.game-bottom-slot--unavailable{mix-blend-mode:luminosity}.game-bottom-slot--warning{animation-duration:.3s;animation-timing-function:ease-in-out;animation-name:var(--game-bottom-warning-animation,game-bottom-slot-warning-a)}@keyframes game-bottom-slot-warning-a{0%{background-color:var(--button-color)}50%{background-color:var(--red-primary-color)}to{background-color:var(--button-color)}}@keyframes game-bottom-slot-warning-b{0%{background-color:var(--button-color)}50%{background-color:var(--red-primary-color)}to{background-color:var(--button-color)}}.game-top-player{--player-accent-color:var(--text-primary-color);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:10vw;max-width:20vw;display:grid}.game-top-avatar-wrap{border:5px solid var(--player-accent-color,transparent);width:clamp(42px,5.2vw,56px);height:clamp(42px,5.2vw,56px);filter:drop-shadow(0 4px 4px var(--shadow-color));background:#40382d61;border-radius:50%;place-items:center;display:grid;overflow:hidden}.game-top-avatar-wrap.phase4-player-avatar-wrap--finished,.game-top-avatar-wrap.phase4-player-avatar-wrap--waiting,.game-top-avatar-wrap.phase6-player-avatar-wrap--finished,.game-top-avatar-wrap.phase6-player-avatar-wrap--waiting,.game-top-avatar-wrap.phase6-player-avatar-wrap--continue,.game-top-avatar-wrap.phase6-player-avatar-wrap--skip,.game-top-avatar-wrap.phase6-player-avatar-wrap--pending{border-width:5px}.game-top-avatar-wrap.phase6-player-avatar-wrap--pending{border-style:solid}.game-top-avatar-wrap.phase4-player-avatar-wrap--finished,.game-top-avatar-wrap.phase6-player-avatar-wrap--finished,.game-top-avatar-wrap.phase6-player-avatar-wrap--continue{border-color:var(--green-primary-color)}.game-top-avatar-wrap.phase4-player-avatar-wrap--waiting,.game-top-avatar-wrap.phase6-player-avatar-wrap--waiting,.game-top-avatar-wrap.phase6-player-avatar-wrap--skip{border-color:var(--red-primary-color)}.game-top-avatar-wrap.phase6-player-avatar-wrap--pending{border-color:#ffffff3d}.game-top-avatar{object-fit:cover;background:var(--background-color);border-radius:50%;width:100%;height:100%;display:block}.game-top-avatar--placeholder{text-align:center;width:100%;height:100%;color:var(--text-secondary-color);place-items:center;font-size:1rem;font-weight:700;line-height:1;display:grid}.game-top-player-meta{gap:.08rem;min-width:0;display:grid}.game-top-player-name{color:var(--background-color);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.82rem,1.8vw,1.4rem);line-height:1;overflow:hidden}.game-top-player-stats{color:#40382df2;white-space:nowrap;font-size:clamp(.72rem,1.5vw,1rem)}.game-top-progress{border-radius:var(--first-radius);background:#40382d40;width:min(100%,240px);height:10px;position:relative;overflow:hidden}.game-top-progress-fill{border-radius:inherit;height:100%;filter:drop-shadow(0 4px 4px var(--shadow-color));transition:width .22s,opacity .22s;display:block;position:absolute;top:0;left:0}.game-top-goods{flex:auto;grid-template-columns:repeat(6,minmax(0,1fr));align-self:stretch;align-items:stretch;gap:.42rem;min-width:0;padding-bottom:.1rem;display:grid;overflow:visible}.game-top-goods::-webkit-scrollbar{height:6px}.game-top-goods::-webkit-scrollbar-thumb{border-radius:var(--first-radius);background:#40382d73}.game-top-good{border-radius:var(--third-radius);background:var(--button-color);height:100%;min-height:70px;max-height:94px;filter:drop-shadow(0 4px 4px var(--shadow-color));grid-template-columns:auto 1fr;align-items:stretch;gap:.5rem;padding:.5rem;display:grid;overflow:hidden}.game-top-good--embargo{mix-blend-mode:luminosity}.game-top-good-icon-wrap{aspect-ratio:1;min-width:0;max-width:100%;height:100%;filter:drop-shadow(0 4px 4px var(--shadow-color));justify-content:center;place-self:stretch center;align-items:center;display:flex;overflow:hidden}.game-top-good-icon{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.game-top-good-meta{text-align:center;background-color:var(--text-primary-color);border-radius:var(--third-radius);min-width:0;height:100%;max-height:none;filter:drop-shadow(0 4px 4px var(--shadow-color));flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:.2rem;padding:.35rem;display:flex;overflow:hidden}.game-top-good-name{color:var(--text-secondary-color);white-space:nowrap;text-overflow:ellipsis;filter:drop-shadow(0 4px 4px var(--shadow-color));font-size:clamp(.66rem,1.25vw,1.5rem);overflow:hidden}.game-top-good-price{background-color:var(--text-secondary-color);color:var(--text-primary-color);border-radius:var(--third-radius);white-space:nowrap;filter:drop-shadow(0 4px 4px var(--shadow-color));padding:.15rem .25rem;font-size:clamp(.62rem,1.1vw,.85rem)}@media (width<=940px){.home-grid,.friends-columns{grid-template-columns:1fr}.home-header{flex-direction:column;align-items:stretch}.home-logout{width:100%}.room-layout{grid-template-columns:1fr}.room-actions{justify-content:stretch;width:100%}.room-actions .button{flex:1;min-width:0}.game-top-panel{flex-direction:column;justify-content:center;align-items:stretch;height:auto;min-height:10vh;padding:.5rem}.game-bottom-panel{justify-content:center;min-height:14vh}.game-top-player{width:100%;max-width:none}.game-top-progress{width:min(280px,100%)}.game-top-goods{grid-template-columns:repeat(6,minmax(104px,1fr));width:100%;overflow-x:auto}.game-main-panel{padding:.5rem}.phase1-layout{gap:.55rem}.phase1-board{border-width:6px;padding:.6rem;box-shadow:inset 0 0 0 6px #d7c29f}.phase1-line{gap:.35rem;padding-bottom:.1rem;overflow-x:auto}.phase1-card-wrap{flex:none;width:96px;height:118px}.phase1-card-indicator{width:14px;height:14px;top:2px;right:2px}.phase1-actions-under-board,.phase1-board-buttons{width:100%}.phase1-action{flex:1}}