*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c1810;background-color:#3d2817;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:repeating-linear-gradient(90deg,#3d2817 0px 2px,#352414 2px 4px),radial-gradient(ellipse at center,#4a2f1a,#3d2817,#2d1f12);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(45,31,18,.05) 25%,rgba(45,31,18,.05) 26%,transparent 27%,transparent 74%,rgba(45,31,18,.05) 75%,rgba(45,31,18,.05) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(45,31,18,.05) 25%,rgba(45,31,18,.05) 26%,transparent 27%,transparent 74%,rgba(45,31,18,.05) 75%,rgba(45,31,18,.05) 76%,transparent 77%);background-size:50px 50px;pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}.lobby{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:24px}.lobby-container{background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");border-radius:4px;padding:48px;box-shadow:0 8px 24px #0006,inset 0 1px #fff6;border:6px solid #1e3a5f;max-width:600px;width:100%;position:relative}.lobby-container:before{content:"";position:absolute;inset:-6px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.lobby-container h1{text-align:center;color:#d4a574;margin-bottom:40px;font-size:48px;font-weight:900;letter-spacing:3px;font-family:Playfair Display,serif;text-shadow:3px 3px 0px rgba(30,58,95,.5),2px 2px 0px rgba(0,0,0,.3),1px 1px 0px rgba(255,255,255,.2);text-transform:uppercase}.lobby-actions{display:flex;flex-direction:column;gap:24px;align-items:center}.lobby-action-btn{padding:18px 48px;background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3;border:3px solid #8b6f47;border-style:double;border-radius:4px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Crimson Text,serif;text-shadow:1px 1px 1px rgba(0,0,0,.5);box-shadow:0 4px 8px #0006,inset 0 1px #fff3;min-width:240px;text-transform:uppercase;letter-spacing:1px}.lobby-action-btn:hover{background:linear-gradient(135deg,#1a0f08,#0f0804);transform:translateY(-3px);box-shadow:0 6px 12px #00000080,inset 0 1px #ffffff40;border-color:#a67c52}.lobby-action-btn:active{transform:translateY(-1px)}.lobby-form-wrapper{animation:fadeIn .3s ease-in}.lobby-form-section{width:100%}.lobby-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-form-section h2{color:#5d4037;margin:0;font-size:22px;font-weight:600;font-family:Playfair Display,serif;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.lobby-back-btn{padding:8px 16px;background:transparent;color:#5d4037;border:2px solid #8b6f47;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.lobby-back-btn:hover{background:#8b6f471a;border-color:#a67c52;transform:translate(-2px)}.lobby-back-btn:active{transform:translate(0)}.lobby-forms{display:flex;flex-direction:column;gap:32px}.lobby-form-section form{display:flex;flex-direction:column;gap:16px}.lobby-form-section input{padding:14px 16px;border:3px solid #8b6f47;border-style:double;border-radius:4px;font-size:15px;font-family:Crimson Text,serif;transition:all .2s;background:linear-gradient(135deg,#fff,#f5e6d3);color:#2c1810;box-shadow:inset 0 2px 4px #0000001a,0 1px #ffffff80}.lobby-form-section input:focus{outline:none;border-color:#4a6fa5;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #4a6fa533,0 1px #ffffff80}.lobby-form-section input::placeholder{color:#8b6f47;opacity:.7}.lobby-form-section button{padding:14px 24px;background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3;border:2px solid #8b6f47;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;text-shadow:1px 1px 1px rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,inset 0 1px #fff3}.lobby-form-section button:hover{background:linear-gradient(135deg,#1a0f08,#0f0804);transform:translateY(-2px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff40}.lobby-form-section button:active{transform:translateY(0)}.lobby-divider{text-align:center;position:relative;margin:8px 0}.lobby-divider:before,.lobby-divider:after{content:"";position:absolute;top:50%;width:45%;height:2px;background:repeating-linear-gradient(90deg,#8b6f47 0px 4px,#b8935f 4px 8px)}.lobby-divider:before{left:0}.lobby-divider:after{right:0}.lobby-divider span{background:linear-gradient(135deg,#f5e6d3,#e8d4b8);padding:0 16px;color:#8b6f47;font-weight:600;font-size:14px;font-family:Crimson Text,serif}.token{position:absolute;width:32px;height:32px;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.token-inner{width:100%;height:100%;border-radius:50%;border:3px solid #2c1810;box-shadow:0 3px 6px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003;transition:all .3s ease;position:relative}.token-inner:before{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent);pointer-events:none}.token-red .token-inner{background:radial-gradient(circle at 30% 30%,#d32f2f,#b71c1c);border-color:#8b1a1a}.token-blue .token-inner{background:radial-gradient(circle at 30% 30%,#4a90e2,#2e5c8a);border-color:#1e3a5f}.token-green .token-inner{background:radial-gradient(circle at 30% 30%,#4a8b6f,#2d5a45);border-color:#1e3d2e}.token-yellow .token-inner{background:radial-gradient(circle at 30% 30%,#d4a574,#b8935f);border-color:#8b6f47}.token.clickable{cursor:pointer;animation:pulse 1.5s infinite}.token.clickable:hover{transform:translate(-50%,-50%) scale(1.4);z-index:20}.token.clickable .token-inner{border-color:#4a6fa5;border-width:4px;box-shadow:0 0 16px #4a6fa599,0 4px 8px #0000004d,inset 0 1px #ffffff4d}.token.finished{opacity:.8}.token.finished .token-inner{border-color:#4a8b6f;border-width:4px;box-shadow:0 0 12px #4a8b6f80,0 3px 6px #0000004d,inset 0 1px #ffffff4d}@keyframes pulse{0%,to{box-shadow:0 0 #4a6fa5b3}50%{box-shadow:0 0 0 12px #4a6fa500}}.game-board{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin:0 auto;background:beige;border-radius:8px;padding:0;box-shadow:0 8px 24px #0000004d,0 4px 8px #0003,inset 0 1px #ffffff4d;border:4px solid #8b4513;overflow:hidden}.board-svg{width:100%;height:100%;display:block}.tokens-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tokens-container>*{pointer-events:all}.player-panel{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;border:2px solid #e5e7eb;transition:all .2s}.player-panel.current-turn{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:scale(1.02);background:#eff6ff}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.player-color-indicator{width:24px;height:24px;border-radius:50%;border:2px solid #1a1a1a;flex-shrink:0}.player-red .player-color-indicator{background:#ef4444;border-color:#dc2626}.player-blue .player-color-indicator{background:#3b82f6;border-color:#2563eb}.player-green .player-color-indicator{background:#10b981;border-color:#059669}.player-yellow .player-color-indicator{background:#f59e0b;border-color:#d97706}.player-name{font-weight:600;font-size:16px;flex:1;color:#5d4037;font-family:Crimson Text,serif}.you-badge{background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3;padding:3px 10px;border-radius:4px;font-size:11px;margin-left:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #8b6f47;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff1a;font-family:Crimson Text,serif}.turn-indicator{color:#4a6fa5;font-size:20px;animation:blink 1.5s infinite;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.player-stats{display:flex;gap:20px;font-size:14px}.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}.dice-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.dice-3d{width:100px;height:100px;perspective:1000px;perspective-origin:center center}.dice-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(0) rotateY(0)}.dice-3d:not(.rolling):hover .dice-cube{transform:rotateX(10deg) rotateY(10deg)}.dice-face{position:absolute;width:100px;height:100px;background:linear-gradient(145deg,#fff,#f5f5f5);border:2px solid #333;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 8px #ffffff80,inset 0 -4px 8px #0000001a,0 4px 12px #0000004d}.dice-face.front{transform:rotateY(0) translateZ(50px)}.dice-face.back{transform:rotateY(180deg) translateZ(50px)}.dice-face.right{transform:rotateY(90deg) translateZ(50px)}.dice-face.left{transform:rotateY(-90deg) translateZ(50px)}.dice-face.top{transform:rotateX(90deg) translateZ(50px)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(50px)}.dots-container{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px}.dice-dot{width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#2a2a2a,#0a0a0a);border-radius:50%;margin:auto;box-shadow:0 2px 4px #00000080,inset -1px -1px 2px #0006,inset 1px 1px 2px #ffffff1a}.dice-value-display{font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;animation:fadeIn .3s ease-in}.dice-3d.rolling .dice-cube{animation:realistic-roll 1.2s cubic-bezier(.25,.46,.45,.94),dice-fade-roll 1.2s cubic-bezier(.25,.46,.45,.94)}.dice-3d.settled .dice-cube{animation:dice-fade-in .3s ease-out}@keyframes realistic-roll{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(0)}15%{transform:rotateX(180deg) rotateY(180deg) rotate(90deg) translateY(-20px)}30%{transform:rotateX(360deg) rotateY(360deg) rotate(180deg) translateY(0)}45%{transform:rotateX(540deg) rotateY(540deg) rotate(270deg) translateY(-15px)}60%{transform:rotateX(720deg) rotateY(720deg) rotate(360deg) translateY(0)}75%{transform:rotateX(900deg) rotateY(900deg) rotate(450deg) translateY(-10px)}85%{transform:rotateX(1020deg) rotateY(1020deg) rotate(510deg) translateY(0)}92%{transform:rotateX(1080deg) rotateY(1080deg) rotate(540deg) translateY(-3px)}to{transform:rotateX(1080deg) rotateY(1080deg) rotate(540deg) translateY(0)}}@keyframes dice-fade-roll{0%,75%{opacity:1}85%{opacity:.3}to{opacity:0}}@keyframes dice-fade-in{0%{opacity:0;transform:rotateX(0) rotateY(0) scale(.8)}to{opacity:1;transform:rotateX(0) rotateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dice-3d.rolling:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%;animation:shadow-pulse 1.2s cubic-bezier(.25,.46,.45,.94)}@keyframes shadow-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}15%,45%,75%{opacity:.2;transform:translate(-50%) scale(.6)}30%,60%,85%{opacity:.5;transform:translate(-50%) scale(1)}}.game-controls{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");border-radius:4px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;position:relative}.game-controls:before{content:"";position:absolute;inset:-4px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.dice-container{display:flex;justify-content:center;min-height:150px;align-items:center}.control-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:220px}.roll-dice-btn,.end-turn-btn,.start-game-btn{padding:14px 28px;border:2px solid #8b6f47;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;text-shadow:1px 1px 1px rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,inset 0 1px #fff3}.roll-dice-btn{background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3}.roll-dice-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a0f08,#0f0804);transform:translateY(-2px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff40}.roll-dice-btn:active:not(:disabled){transform:translateY(0)}.roll-dice-btn:disabled{opacity:.5;cursor:not-allowed}.end-turn-btn{background:repeating-linear-gradient(45deg,#4a8b6f 0px 2px,#3d7a5f 2px 4px);color:#fff;border-color:#2d5a45}.end-turn-btn:hover:not(:disabled){background:repeating-linear-gradient(45deg,#3d7a5f 0px 2px,#336b52 2px 4px);transform:translateY(-2px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff40}.end-turn-btn:active:not(:disabled){transform:translateY(0)}.start-game-btn{background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3;font-size:18px;padding:16px 32px}.start-game-btn:hover{background:linear-gradient(135deg,#1a0f08,#0f0804);transform:translateY(-2px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff40}.start-game-btn:active{transform:translateY(0)}.waiting-message,.wait-turn-message,.game-finished{text-align:center;color:#8b6f47;font-size:16px;margin:0;font-weight:500;font-family:Crimson Text,serif}.game-finished{color:#5d4037;font-weight:700;font-size:24px;font-family:Playfair Display,serif}.waiting-room{background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");padding:40px;border-radius:4px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;position:relative}.room-id-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.room-id-display{text-align:center;font-size:18px;color:#8b6f47;font-weight:500;margin:0;font-family:Crimson Text,serif}.room-id-display strong{color:#5d4037;font-size:32px;letter-spacing:4px;font-weight:800;font-family:Courier New,monospace;text-shadow:1px 1px 0px rgba(0,0,0,.2)}.copy-link-btn{padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.copy-link-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.copy-link-btn:active{transform:translateY(0)}.waiting-message{text-align:center;color:#8b6f47;font-style:italic;margin-bottom:24px;font-weight:500;font-family:Crimson Text,serif}.app{min-height:100vh;background:transparent}.error-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:repeating-linear-gradient(45deg,#c73e2d 0px 2px,#b83525 2px 4px);color:#fff;padding:16px 32px;border-radius:4px;box-shadow:0 10px 25px #00000080,inset 0 1px #fff3;border:3px solid #8b2a1a;z-index:1000;animation:slideDown .3s ease;font-weight:600;font-size:14px;font-family:Crimson Text,serif;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.game-container{max-width:1400px;margin:0 auto;padding:24px}.game-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");padding:24px 32px;border-radius:4px;margin-bottom:24px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;position:relative}.game-header:before{content:"";position:absolute;inset:-4px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.game-header h1{margin:0;color:#8b4513;font-size:36px;font-weight:900;letter-spacing:2px;font-family:Playfair Display,serif;text-shadow:2px 2px 0px rgba(139,111,71,.3),1px 1px 0px rgba(255,255,255,.5);text-transform:uppercase}.room-info{display:flex;align-items:center;gap:12px}.copy-link-btn-header{padding:8px 16px;background:linear-gradient(135deg,#2c1810,#1a0f08);color:#f5e6d3;border:2px solid #8b6f47;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.copy-link-btn-header:hover{background:linear-gradient(135deg,#1a0f08,#0f0804);transform:translateY(-1px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff26}.copy-link-btn-header:active{transform:translateY(0)}.room-info span{font-weight:600;color:#5d4037;font-size:14px;font-family:Crimson Text,serif}.leave-room-btn{padding:10px 20px;background:repeating-linear-gradient(45deg,#c73e2d 0px 2px,#b83525 2px 4px);color:#fff;border:2px solid #8b2a1a;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;font-family:Crimson Text,serif;box-shadow:0 2px 4px #0006,inset 0 1px #fff3;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.leave-room-btn:hover{background:repeating-linear-gradient(45deg,#b83525 0px 2px,#a52d1f 2px 4px);transform:translateY(-1px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff40}.waiting-room{background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");padding:40px;border-radius:4px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;position:relative}.waiting-room:before{content:"";position:absolute;inset:-4px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.waiting-room h2{text-align:center;color:#8b4513;margin-bottom:24px;font-size:28px;font-weight:700;font-family:Playfair Display,serif;text-shadow:1px 1px 0px rgba(139,111,71,.3),1px 1px 0px rgba(255,255,255,.5)}.players-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.game-play{display:grid;grid-template-columns:320px 1fr;gap:24px}.game-sidebar{background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");padding:24px;border-radius:4px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;height:fit-content;position:relative}.game-sidebar:before{content:"";position:absolute;inset:-4px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.game-main{display:flex;flex-direction:column;gap:24px}.game-finished-screen{background:linear-gradient(135deg,#f5e6d3,#e8d4b8),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");padding:48px;border-radius:4px;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6;border:4px solid #8b6f47;border-style:double;text-align:center;position:relative}.game-finished-screen:before{content:"";position:absolute;inset:-4px;background:repeating-linear-gradient(90deg,#d4a574 0px 8px,#b8935f 8px 16px);border-radius:4px;z-index:-1}.game-finished-screen h2{color:#8b4513;font-size:36px;font-weight:700;margin-bottom:24px;font-family:Playfair Display,serif;text-shadow:2px 2px 0px rgba(139,111,71,.3),1px 1px 0px rgba(255,255,255,.5)}.winner-announcement{display:flex;flex-direction:column;align-items:center;gap:20px}.winner-announcement p{font-size:24px;font-weight:600;color:#5d4037;font-family:Crimson Text,serif}.winner-color{display:flex;align-items:center;gap:12px}@media(max-width:1024px){.game-play{grid-template-columns:1fr}.game-sidebar{order:2}.game-main{order:1}}