@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Almendra:ital,wght@0,400;0,700;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--iron-dark: #1a1a1a;--iron-mid: #2d2d2d;--bronze: #cd7f32;--copper: #b87333;--gold-leaf: #d4af37;--parchment: #f4e4bc;--ink: #2c1e14;--fire-glow: rgba(255, 69, 0, .2);--bg-main: #0f0f0f;--forge-bg: rgba(30, 30, 30, .95);--forge-border: #4a4a4a;--forge-shadow: 0 10px 40px rgba(0, 0, 0, .8);--primary: var(--bronze);--secondary: #5d6d7e;--accent: var(--gold-leaf);--success: #3e5622;--text-main: #e0d5c0;--text-dim: #a09080;--card-bg: var(--parchment);--card-text: var(--ink);--font-heading: "MedievalSharp", cursive;--font-body: "Almendra", serif;--radius-lg: 4px;--radius-md: 2px}body{font-family:var(--font-body);background:radial-gradient(circle at center,#2c1e14,#0f0f0f);background-attachment:fixed;color:var(--text-main);margin:0;padding:0;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png);opacity:.3;pointer-events:none;z-index:1000}.app-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;width:100%;padding:0;box-sizing:border-box}h1,h2,h3{font-family:var(--font-heading);margin-top:0}h1{font-size:3rem;text-shadow:0 4px 10px rgba(0,0,0,.3)}.glass-panel,.lobby-form,.sidebar-left,.chat-container,.game-header{background:var(--forge-bg);border:2px solid var(--forge-border);box-shadow:var(--forge-shadow),inset 0 0 20px #00000080;position:relative}.glass-panel:after,.sidebar-left:after,.chat-container:after,.game-header:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.05);pointer-events:none}button{background:linear-gradient(to bottom,#4a4a4a,#2a2a2a);border:2px solid #1a1a1a;border-radius:var(--radius-md);color:var(--text-main);padding:12px 24px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #00000080;text-transform:uppercase}button:hover:not(:disabled){background:linear-gradient(to bottom,#5a5a5a,#3a3a3a);border-color:var(--bronze);color:var(--gold-leaf);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button.craft-btn{background:linear-gradient(to bottom,#8b4513,#5d2e0a);border-color:#3d1e07;color:#f4e4bc;font-size:1.5rem;padding:20px 40px}button.craft-btn:hover:not(:disabled){background:linear-gradient(to bottom,sienna,#704214);box-shadow:0 0 20px var(--fire-glow)}input,textarea{background:#0006;border:1px solid var(--forge-border);border-radius:0;padding:16px;font-family:var(--font-body);font-size:1rem;color:var(--parchment);width:100%;box-sizing:border-box;margin-bottom:20px;resize:none;overflow-y:hidden}input:focus,textarea:focus{outline:none;border-color:var(--bronze);background:#0009}.game-room{width:100%;max-width:none;height:100vh;display:flex;flex-direction:column;gap:0}.game-header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;box-sizing:border-box;width:100%;z-index:10;border-bottom:4px solid var(--bronze);background:#1a1a1a}.header-left h1{font-size:2rem;margin:0;color:var(--gold-leaf);text-shadow:2px 2px 4px #000}.header-center .room-info{background:#2d2d2d;padding:8px 25px;border:1px solid var(--forge-border);border-radius:0;cursor:pointer;transition:all .2s;color:var(--text-dim)}.header-center .room-info:hover{background:#3a3a3a;transform:scale(1.05)}.room-info strong{color:var(--bronze);font-size:1.5rem;margin:0 5px}.game-status-bar{display:flex;justify-content:center;align-items:center;gap:30px;width:100%;margin-bottom:30px;padding:15px;background:#0006;border-bottom:2px solid var(--iron-mid);box-sizing:border-box}.timer-bar-container{flex:1;height:12px;background:#1a1a1a;border:1px solid var(--iron-mid);position:relative;overflow:visible;box-shadow:inset 0 0 10px #000}.timer-bar-fill{height:100%;background:linear-gradient(to right,#ff4500,#ff8c00);box-shadow:0 0 15px #ff4500;transition:width 1s linear;position:relative}.timer-bar-fill:after{content:"";position:absolute;right:0;top:-5px;bottom:-5px;width:2px;background:#fff;box-shadow:0 0 10px #fff}.timer-text{position:absolute;right:0;top:-25px;font-family:var(--font-heading);color:var(--gold-leaf);font-size:.9rem;text-shadow:1px 1px 2px #000}.phase-indicator{font-size:1rem;font-weight:700;color:var(--gold-leaf);text-transform:uppercase;letter-spacing:2px;background:transparent;white-space:nowrap}.timer-large{display:none}.game-body{display:flex;flex:1;min-height:0;padding:20px;gap:20px;box-sizing:border-box}.sidebar-left{width:280px;padding:25px;display:flex;flex-direction:column;overflow-y:auto;border-right:4px solid var(--iron-mid)}.player-list-vertical{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.player-list-vertical li{background:#0000004d;padding:12px;border-radius:0;border-bottom:1px solid var(--iron-mid);display:flex;justify-content:space-between;align-items:center}.player-list-vertical li.is-customer{border:1px solid var(--gold-leaf);background:#d4af371a;box-shadow:inset 0 0 10px #d4af3733}.player-name{font-weight:700;color:var(--parchment)}.player-score{font-size:.9rem;color:var(--gold-leaf)}.main-content{flex:1;background:#0006;border-radius:0;padding:30px;position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;border:1px solid var(--iron-mid)}.game-settings{width:100%;max-width:500px;padding:25px;margin:0 auto 20px;background:var(--forge-bg);border:2px solid var(--iron-mid);box-shadow:var(--forge-shadow)}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.setting-row label{font-family:var(--font-heading);color:var(--text-dim);font-size:.9rem;text-transform:uppercase}.setting-row input[type=number]{width:70px;padding:8px;margin:0;text-align:center;background:#1a1a1a;border:1px solid var(--iron-mid);color:var(--gold-leaf)}.timer-settings{background:#0000004d;padding:20px;border:1px solid var(--iron-mid);margin-top:20px}.timer-settings h4{margin-top:0;color:var(--bronze);font-family:var(--font-heading);border-bottom:1px solid var(--iron-mid);padding-bottom:10px;margin-bottom:15px}.lobby-waiting{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;text-align:center}.lobby-actions{margin-top:30px;width:100%}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--secondary)}input:checked+.slider:before{transform:translate(26px)}.sidebar-right{width:300px;display:flex;flex-direction:column;border-left:4px solid var(--iron-mid)}.chat-container{height:100%;display:flex;flex-direction:column;padding:15px;box-sizing:border-box;background:#1a1a1a}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding-right:5px}.chat-message{font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;padding:8px 12px;background:#ffffff0d;border-left:2px solid var(--bronze);align-self:flex-start;color:var(--text-dim);max-width:85%;display:flex;flex-direction:column;gap:4px}.chat-message.own{background:#d4af370d;align-self:flex-end;border-left:none;border-right:2px solid var(--gold-leaf)}.chat-msg-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px}.chat-msg-header strong{color:var(--gold-leaf);font-size:.8rem}.chat-time{font-size:.7rem;color:#666;font-family:var(--font-body)}.chat-msg-text{line-height:1.4;color:var(--text-main)}.chat-input-form{display:flex;gap:10px}.chat-input-form input{margin-bottom:0;padding:10px;font-size:.9rem}.chat-input-form button{padding:10px 15px;font-size:.9rem}.target-info{background:url(https://www.transparenttextures.com/patterns/dark-wood.png),#2c1e14!important;border:3px solid var(--iron-mid)!important;box-shadow:inset 0 0 50px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 20px;width:100%;box-sizing:border-box;margin-bottom:15px}.target-info h3{color:var(--gold-leaf);text-transform:uppercase;letter-spacing:2px;margin:0 0 5px;font-size:1rem}.role-card{font-size:3rem;color:var(--gold-leaf);text-transform:uppercase;margin:5px 0;text-shadow:2px 2px 0px #000,0 0 30px rgba(212,175,55,.4);line-height:1;font-family:var(--font-heading)}.crafting-area{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.slots{display:flex;gap:20px;margin-bottom:20px;justify-content:center;width:100%;background:#0006;padding:30px;border:1px solid var(--iron-mid)}.slot{width:200px;height:100px;border:2px solid #333;border-radius:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.5rem;color:#444;background:#1a1a1a}.slot.has-card{border:2px solid var(--bronze);background:#2a2a2a;color:var(--gold-leaf);box-shadow:0 0 15px var(--fire-glow);transform:scale(1.05);transition:all .3s}.preview-name{font-size:3rem;color:var(--gold-leaf)!important;text-align:center;min-height:4rem;text-shadow:0 0 15px rgba(212,175,55,.5);background:none!important;-webkit-text-fill-color:initial!important}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;width:100%;padding:20px;background:#0006;border:1px solid var(--iron-mid);box-sizing:border-box}.card{background:#e8d5b5;background-image:url(https://www.transparenttextures.com/patterns/parchment.png);color:#3b2b1a;padding:25px 15px;border-radius:2px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 5px #0000004d;display:flex;align-items:center;justify-content:center;min-height:60px;border:1px solid #c4b08b;position:relative}.card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(0,0,0,.05);pointer-events:none}.card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:4px 12px 20px #00000080;background:#f4e4bc}.card.selected{background:var(--bronze);color:#fff;box-shadow:inset 0 0 15px #0000004d;transform:translateY(-4px) scale(1.05);border-color:#8b4513}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;width:100%;justify-content:center}.product-card{background:#f4e4bc;background-image:url(https://www.transparenttextures.com/patterns/parchment.png);color:#2c1e14;border:1px solid #c4b08b;border-radius:0;padding:40px 30px;display:flex;flex-direction:column;gap:15px;box-shadow:5px 5px 15px #00000080;transition:transform .3s;position:relative;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.speak-btn{position:absolute;top:10px;right:10px;background:var(--bronze);border:1px solid #8b4513;color:#f4e4bc;width:30px;height:30px;padding:0;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 5px #0000004d;cursor:pointer;z-index:10;min-width:auto}.speak-btn:hover{background:var(--gold-leaf);color:#2c1e14;transform:scale(1.1);box-shadow:0 0 10px var(--fire-glow)}.product-card:before,.product-card:after{content:"";position:absolute;left:0;right:0;height:15px;background:#d4c5a0;border:1px solid #bba67a}.product-card:before{top:-10px;border-radius:10px 10px 0 0}.product-card:after{bottom:-10px;border-radius:0 0 10px 10px}.product-card h3{color:#8b4513;font-size:2rem;margin:0;text-decoration:underline;overflow-wrap:break-word}.pitch{background:#0000000d;padding:20px 50px 20px 20px;border-radius:0;font-style:italic;font-size:1.1rem;color:#4a3728;border-left:5px solid #8b4513;overflow-wrap:break-word;line-height:1.5;position:relative;min-height:40px}.lobby{display:flex;flex-direction:column;width:100%;max-width:650px;animation:fadeIn .8s ease;padding:0;overflow:visible;margin:auto 20px;background:#f4e4bc url(https://www.transparenttextures.com/patterns/parchment.png)!important;border:1px solid #c4b08b;box-shadow:0 20px 50px #000c;position:relative;color:#2c1e14}.lobby:before,.lobby:after{content:"";position:absolute;left:-5px;right:-5px;height:25px;background:#d4c5a0;border:1px solid #bba67a;z-index:2}.lobby:before{top:-12px;border-radius:12px 12px 0 0}.lobby:after{bottom:-12px;border-radius:0 0 12px 12px}.lobby-header{background:#0000000d;padding:40px;text-align:center;border-bottom:2px solid rgba(139,69,19,.3)}.lobby-header h1{margin-bottom:10px;font-size:3.5rem;color:#8b4513;text-shadow:none}.subtitle{color:#5d2e0a;font-size:1.2rem;margin:0;font-weight:600;letter-spacing:1px}.lobby-content{padding:40px;display:flex;flex-direction:column;gap:30px}.action-split{display:flex;align-items:stretch;gap:20px;background:#0000000d;padding:20px;border:1px dashed rgba(139,69,19,.3)}.secondary-btn{background:linear-gradient(to bottom,#5d6d7e,#2c3e50);border-color:#1a1a1a}.secondary-btn:hover:not(:disabled){background:linear-gradient(to bottom,#7f8c8d,#34495e)}.error-msg{color:#ff4d4d;background:#ff4d4d1a;padding:10px;border-radius:8px;text-align:center;border:1px solid rgba(255,77,77,.3);margin:0}.seller-view.submitted-view{display:flex!important;justify-content:center;align-items:center;flex-direction:column}.submitted-content{text-align:center;background:var(--glass-bg);padding:40px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.customer-view{text-align:center}.connection-error{position:fixed;top:0;left:0;width:100%;background:#fa0;color:#1a0b2e;text-align:center;padding:12px;font-weight:700;z-index:9999;box-shadow:0 4px 12px #0000004d;animation:fadeIn .3s ease-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.98);opacity:.8;box-shadow:0 0 30px #4a0000}to{transform:scale(1);opacity:1}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#1a1a1a;border-top:3px solid var(--bronze);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{background:none;border:none;box-shadow:none;color:var(--text-dim);font-family:var(--font-body)}.mobile-nav button.active{color:var(--gold-leaf);text-shadow:0 0 10px rgba(212,175,55,.5)}.mobile-nav button.has-notification .nav-icon{position:relative}.mobile-nav button.has-notification .nav-icon:after{content:"";position:absolute;top:-5px;left:-10px;width:8px;height:8px;background:#f44;border-radius:50%;border:2px solid #1a1a1a;animation:notification-pulse 1.5s infinite}@keyframes notification-pulse{0%{transform:scale(1);box-shadow:0 0 #ff4444b3}70%{transform:scale(1.2);box-shadow:0 0 0 10px #f440}to{transform:scale(1);box-shadow:0 0 #f440}}@keyframes embers{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.embers-container{position:fixed;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:400;overflow:hidden}.ember{position:absolute;bottom:-10px;width:4px;height:4px;background:#ff4500;border-radius:50%;filter:blur(1px);box-shadow:0 0 10px #ff4500;animation:embers 5s infinite ease-in}.game-room:after{content:"";position:fixed;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,rgba(255,69,0,.2),transparent);pointer-events:none;z-index:500}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--iron-mid);border:2px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background:var(--bronze)}@media screen and (min-width:769px)and (orientation:landscape){.mobile-nav{display:none!important}}@media(max-width:1200px){.game-body{flex-direction:column}.sidebar-left,.sidebar-right{width:100%;height:auto;max-height:300px}.game-room{height:auto;min-height:100vh}}@media(max-width:600px){.action-split{flex-direction:column}.divider{flex-direction:row;width:100%;justify-content:center}.divider:before,.divider:after{width:40px;height:1px}.lobby-header h1{font-size:2.5rem}}.header-right{display:flex;justify-content:flex-end;align-items:center}.leave-btn{background:none;border:1px solid var(--iron-mid);color:var(--text-dim);width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:none}.leave-btn:hover{border-color:#8b0000;color:#f44;background:#8b00001a}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{width:90%;max-width:400px;padding:40px;text-align:center}.modal-actions{display:flex;gap:20px;margin-top:30px;justify-content:center}.results-view{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.winner-card{background:#f4e4bc url(https://www.transparenttextures.com/patterns/parchment.png)!important;color:#3b2b1a;padding:50px 30px;border:1px solid #c4b08b;box-shadow:0 10px 40px #0009;margin:40px auto;width:90%;max-width:600px;box-sizing:border-box;position:relative}.winner-card:before,.winner-card:after{content:"";position:absolute;left:0;right:0;height:20px;background:#d4c5a0;border:1px solid #bba67a;z-index:2}.winner-card:before{top:-10px;border-radius:10px 10px 0 0}.winner-card:after{bottom:-10px;border-radius:0 0 10px 10px}.winner-card h1{color:#8b4513;font-size:3rem;margin-bottom:10px;overflow-wrap:break-word;text-shadow:none}.winner-card h3{color:#5d2e0a;font-size:2rem;border-top:1px solid rgba(0,0,0,.1);padding-top:15px;overflow-wrap:break-word}.game-over h1{font-size:4rem;color:var(--gold-leaf);text-shadow:0 0 20px var(--fire-glow)}.ready-status{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.ready-indicator{font-family:var(--font-heading);font-size:1.5rem;color:var(--gold-leaf);text-shadow:0 0 10px var(--fire-glow)}.ready-status p{color:var(--text-dim);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}@media screen and (orientation:portrait),screen and (max-width:768px){.header-left h1{font-size:1.2rem}.room-info strong{font-size:1.1rem}.game-header{flex-direction:row;height:60px;padding:0 15px;border-radius:0;justify-content:space-between}.room-info{padding:5px 12px}.room-info strong{font-size:1rem}.game-room{height:100vh;height:100dvh;padding-bottom:70px;box-sizing:border-box;display:flex;flex-direction:column}.game-body{padding:10px;gap:0;flex:1;min-height:0;display:flex;flex-direction:column}.mobile-nav{display:flex}.game-body .sidebar-left,.game-body .sidebar-right,.game-body .main-content{display:none;width:100%;height:100%;max-height:none;flex:1;margin:0;border-radius:0;box-sizing:border-box;overflow-y:auto}.game-body.mobile-tab-players .sidebar-left{display:flex;flex-direction:column;align-items:center}.game-body.mobile-tab-game .main-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.game-body.mobile-tab-chat .sidebar-right{display:flex;flex-direction:column}.sidebar-left,.sidebar-right{border:2px solid var(--iron-mid)!important;background:#1a1a1a!important;padding:20px}.main-content:after{display:none}.hand{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.card{padding:15px 5px;font-size:.9rem;min-height:50px}.role-card{font-size:2rem}.slots{gap:10px}.slot{width:120px;height:70px;font-size:1rem}.preview-name{font-size:1.8rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.product-list{grid-template-columns:1fr;padding:0}.product-card{padding:20px}.product-card h3{font-size:1.5rem}.pitch-input textarea{height:150px}.lobby-waiting,.game-settings{max-width:100%;width:100%;box-sizing:border-box;padding:15px}.setting-row{flex-direction:row;justify-content:space-between;width:100%}.setting-row label{font-size:.8rem}.setting-row input[type=number]{width:60px}.game-status-bar{gap:15px;padding:15px 10px;margin-bottom:20px;width:100%;justify-content:space-between;background:#0009;border-radius:0}.phase-indicator{font-size:.8rem;letter-spacing:1px}.timer-bar-container{height:8px}.timer-text{top:-18px;font-size:.7rem}}