*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container,h1,h2,h3,p{font-family:LXGW WenKai,"Source Han Serif",Arial,sans-serif}.home-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.home-container:before{background:radial-gradient(circle at 20% 50%,#ffb6c14d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff69b44d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.home-container>*{position:relative;z-index:1}.home-header{animation:fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:3rem 2rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 2px 10px #667eea4d}.home-subtitle{color:#555;font-size:1.3rem;font-weight:500;line-height:1.8}.home-intro{animation:fadeInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:2.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-intro p{color:#444;font-size:1.15rem;line-height:2;margin:1rem 0}.home-intro a{border-bottom:2px solid #0000;color:#667eea;font-weight:700;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.home-intro a:hover{border-bottom-color:#764ba2;color:#764ba2;transform:translateY(-1px)}.game-list{animation:fadeInUp .6s ease-out .4s both;padding:2rem 0}.game-list-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:3rem;text-align:center;text-shadow:0 2px 10px #0003}.game-cards{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));list-style:none;padding:0}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #00000026;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{box-shadow:0 20px 40px #00000040;transform:translateY(-10px) scale(1.02)}.game-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.game-thumbnail:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(50%,50%) rotate(180deg)}}.game-thumbnail h3{color:#fff;font-size:2rem;font-weight:700;letter-spacing:2px;position:relative;text-shadow:0 2px 10px #0000004d;z-index:1}.game-info{padding:2rem}.game-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:1.2rem}.game-info p{align-items:center;color:#555;display:flex;font-size:1.05rem;gap:.5rem;line-height:1.6;margin:.8rem 0}.game-info p:before{color:#667eea;content:"•";font-size:1.5rem;font-weight:700}.game-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:1.5rem;padding:1.2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.game-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.game-button:active{transform:translateY(0)}.home-footer{animation:fadeInUp .6s ease-out .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:3rem;padding:1.5rem 2rem;text-align:center}.home-footer p{color:#555;font-size:1.1rem;font-weight:500;margin:0}.x-logo{margin-right:.3rem}.home-footer-link{align-items:center;border-radius:6px;color:#000;display:inline-flex;font-weight:700;gap:.3rem;padding:.2rem .5rem;text-decoration:none;transition:all .3s ease}.home-footer-link:hover{background:#1da1f21a;color:#1da1f2;transform:translateY(-2px)}@media (max-width:768px){.home-container{padding:1rem}.home-header{padding:2rem 1.5rem}.home-title{font-size:2rem}.home-subtitle{font-size:1.1rem}.home-intro{padding:1.5rem}.home-intro p{font-size:1rem}.game-cards{gap:1.5rem;grid-template-columns:1fr}.game-thumbnail{height:180px}.game-thumbnail h3{font-size:1.6rem}.game-info{padding:1.5rem}.game-info h3{font-size:1.5rem}.home-footer{margin-top:2rem;padding:1rem 1.5rem}.home-footer p{font-size:1rem}}@media (max-width:480px){.home-container{padding:.5rem}.home-header{padding:1.5rem 1rem}.home-title{font-size:1.6rem;letter-spacing:1px}.home-subtitle{font-size:1rem}.home-intro{padding:1rem}.home-intro p{font-size:.95rem;line-height:1.6}.game-list-title{font-size:1.8rem}.game-thumbnail{height:150px}.game-thumbnail h3{font-size:1.4rem}.game-info{padding:1rem}.game-info h3{font-size:1.3rem}.game-info p{font-size:.95rem}.game-button{font-size:1rem;padding:1rem}.home-footer{margin-top:1.5rem;padding:.8rem 1rem}.home-footer p{font-size:.95rem}}.game-container{background:linear-gradient(135deg,#2c1a24,#1a0f15);box-sizing:border-box;color:#fff;max-width:1200px;min-height:100vh;padding:1rem}.board-container{align-items:flex-start;container-type:inline-size;display:flex;justify-content:center;margin:1rem 0;overflow:hidden;width:100%}.board{background:#f8e1e8!important;border:2px solid #f0c8d4;border-radius:10px;box-shadow:0 4px 20px #0000004d;box-sizing:border-box;grid-template-columns:repeat(13,1fr);padding:.5rem;width:fit-content}.square{aspect-ratio:1;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.square:hover:not(.unclickable){background:#f1f3f5;border-color:#6c757d}.square.unclickable{cursor:default!important;opacity:.5}.square.unclickable:hover{background:#fff;border-color:#dee2e6}.square.path{background-color:#e8f4f8;border-color:#b8d4e3}.square.finish{transform:scale(1.2)}.player{aspect-ratio:1;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;font-size:.9rem;height:85%;max-height:32px;max-width:32px;position:absolute;transition:all .2s ease;width:85%}.player-A{background:#ff69b4}.player-B{background:#4169e1}.player-C{background:#ff1493}.player-D{background:#1e90ff;color:#fff}.player.current{border-width:3px;box-shadow:0 0 12px #ff69b4cc;transform:scale(1.15);z-index:10}.status-wrapper{background:#fffffff2;border:1px solid #0000001a;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1rem}.status-bar{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between}.back-button{margin:0;width:auto}.back-link{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#333;display:inline-flex;font-size:.95rem;font-weight:500;gap:.3rem;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease}.back-link:hover{background:#e0e0e0;color:#000}.current-player{background:#fff;border:2px solid #ff69b4;border-radius:10px;color:#333;display:flex;flex:1 1;flex-direction:column;font-size:1rem;gap:.3rem;min-width:0;padding:.8rem 1rem}.current-player strong{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px}.current-player span{color:#ff69b4;font-size:1.1rem;font-weight:700}.dice-container{background:#fff;border:2px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:70px;margin:0;padding:8px;perspective:1000px;position:relative;transition:all .2s ease;width:70px}.dice-container:hover{border-color:#ff69b4;box-shadow:0 2px 12px #ff69b44d}.dice{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform-style:preserve-3d;transition:transform .5s ease}.dice img{backface-visibility:hidden;border-radius:12px;height:100%;object-fit:contain;position:absolute;width:100%}.dice.show-1{transform:rotateX(0deg) rotateY(0deg)}.dice.show-2{transform:rotateX(0deg) rotateY(180deg)}.dice.show-3{transform:rotateX(0deg) rotateY(-90deg)}.dice.show-4{transform:rotateX(0deg) rotateY(90deg)}.dice.show-5{transform:rotateX(-90deg) rotateY(0deg)}.dice.show-6{transform:rotateX(90deg) rotateY(0deg)}.dice.rolling{animation:roll 1.5s cubic-bezier(.645,.045,.355,1) forwards}.dice-container.rolling{animation:diceContainerPulse 1.5s ease infinite}@keyframes diceContainerPulse{0%,to{box-shadow:0 4px 15px #ff69b44d}50%{box-shadow:0 8px 25px #ff69b499}}.go-button{background:#ff69b4;box-shadow:0 2px 8px #ff69b44d;flex-shrink:0;font-size:1.3rem;padding:1.2rem 2.5rem;transition:all .2s ease;white-space:nowrap}.go-button:hover:not(:disabled){background:#ff1493;box-shadow:0 3px 12px #ff69b466;transform:translateY(-1px)}.go-button:active:not(:disabled){transform:translateY(0)}.go-button:disabled{box-shadow:none;color:#999}.dialog-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{animation:slideUp .3s ease;background:#fff;border:2px solid #ff69b4;border-radius:15px;box-shadow:0 4px 20px #00000026;color:#333;display:flex;flex-direction:column;max-height:80vh;max-width:550px;min-height:200px;overflow:hidden;padding:2.5rem;position:relative;width:90%}@keyframes shimmerLine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-content p{word-wrap:break-word;flex:1 1;font-size:1rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem;max-height:60vh;overflow-wrap:break-word;overflow-y:auto;padding-right:.5rem;text-align:left;white-space:pre-wrap;word-break:break-word}.dialog-content p::-webkit-scrollbar{width:8px}.dialog-content p::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.dialog-content p::-webkit-scrollbar-thumb{background:#ff69b480;border-radius:10px}.dialog-content p::-webkit-scrollbar-thumb:hover{background:#ff69b4b3}.dialog-content button{background:#ff69b4;border-radius:8px;box-shadow:0 2px 8px #ff69b44d;font-size:1rem;margin-top:.5rem;padding:.8rem 2rem;transition:all .2s ease;width:100%}.dialog-content button:hover{background:#ff1493;box-shadow:0 3px 12px #ff69b466}.dialog-content button:active{transform:translateY(1px)}.dialog-title{color:#ff69b4;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.dialog-buttons{display:flex;gap:1rem;margin-top:2rem}.dialog-buttons button{flex:1 1;margin-top:0}.confirm-button{background:#4caf50!important;box-shadow:0 2px 8px #4caf504d!important}.confirm-button:hover{background:#45a049!important;box-shadow:0 3px 12px #4caf5066!important}.cancel-button{background:#757575!important;box-shadow:0 2px 8px #7575754d!important}.cancel-button:hover{background:#616161!important;box-shadow:0 3px 12px #75757566!important}.name-dialog-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.name-dialog-content{animation:slideUp .3s ease;background:#fff;border:2px solid #ff69b4;border-radius:15px;box-shadow:0 4px 20px #00000026;color:#333;max-width:500px;padding:2rem;position:relative;width:90%}.name-dialog-content h3{color:#ff69b4;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.name-dialog-content p{color:#444;font-size:.95rem;line-height:1.6;margin:.8rem 0}.name-dialog-content p b{color:#ff69b4;font-weight:700}.name-dialog-content>div{margin:1.8rem 0;text-align:left}.player-pair-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin:1.5rem 0;padding:1.2rem}.pair-title{color:#666;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.player-input-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.player-input-item{display:flex;flex-direction:column}.player-input-item label{align-items:center;color:#666;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.gender-tag{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;line-height:1.2;padding:.2rem .6rem}.gender-female{background:#ffe0f0;color:#d63384}.gender-male{background:#e0f2ff;color:#0d6efd}.name-dialog-content label{color:#666;font-size:.95rem;font-weight:600;margin-bottom:.5rem;text-align:left}.name-dialog-content input{background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;padding:.8rem;transition:all .2s ease}.name-dialog-content input:focus{border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a;outline:none}.name-dialog-content input::placeholder{color:#999}.name-dialog-content button{background:#ff69b4;border-radius:8px;box-shadow:0 2px 8px #ff69b44d;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.name-dialog-content button:hover{background:#ff1493;box-shadow:0 3px 12px #ff69b466}.name-dialog-content button:active{transform:translateY(1px)}.tooltip{word-wrap:break-word!important;animation:tooltipFadeIn .2s ease;background:#fffffffa;border:2px solid #ff69b4;box-shadow:0 4px 16px #00000040;box-sizing:border-box;color:#333;font-size:.85rem;line-height:1.6;max-width:90vw;overflow-wrap:break-word!important;padding:.8rem 1rem;position:fixed;text-align:center;white-space:normal!important;width:280px;word-break:break-word!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.game-intro{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#333;margin-top:1.5rem;padding:1.5rem}.game-intro h2{color:#ff69b4;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.game-intro h3{color:#666;font-size:1.2rem;font-weight:600;margin:1rem 0 .8rem;text-align:center}.game-intro p{color:#444;font-size:.95rem;line-height:1.8;margin:.8rem 0;padding-left:1.2rem;position:relative}.game-intro p:before{color:#ff69b4;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.game-intro a{color:#ff69b4;font-weight:600;text-decoration:none;transition:all .2s ease}.game-intro a:hover{color:#ff1493;text-decoration:underline}@media (max-width:768px){.game-container{box-sizing:border-box;margin:0;min-height:100vh;overflow-x:hidden;padding:.3rem;width:100vw}.status-wrapper{background:#fffffff2;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:.8rem;margin-bottom:.5rem;padding:.6rem;width:100%}.back-button{margin:0;width:100%}.back-link{background:#ff69b41a;border-radius:8px;display:block;padding:.6rem;text-align:center;width:100%}.status-bar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;justify-content:center}.current-player{order:1;padding:.8rem;text-align:center;width:100%}.dice-container{height:70px;order:2;width:70px}.go-button{flex:1 1;font-size:1rem;min-width:140px;order:3;padding:.9rem 1.5rem}.board-container{max-width:100vw;overflow-x:hidden;width:100%}.board{border-width:1px;gap:1px;padding:.3rem;transform:scale(clamp(.7,.18182vw,.88));transform-origin:center center}.square{aspect-ratio:1;border-radius:4px;border-width:.5px!important;box-sizing:border-box;font-size:.45rem;min-height:0!important;min-width:0!important}.player{border-width:1.5px;font-size:.75rem;height:80%;max-height:26px;max-width:26px;width:80%}.square.finish{transform:scale(1.1)}.game-intro{margin-top:1rem;padding:1rem}.game-intro h2{font-size:1.3rem}.game-intro p{font-size:.9rem;padding-left:1rem}.dialog-content{max-height:75vh;max-width:90%;min-height:180px;padding:1.5rem}.dialog-content p{font-size:.95rem;max-height:55vh}.name-dialog-content{max-width:95%;padding:1.5rem}.tooltip{display:none!important;font-size:.8rem;max-width:250px;padding:.7rem .9rem}}@media (max-width:480px){.game-container{box-sizing:border-box;margin:0;overflow-x:hidden;padding:.2rem;width:100vw}.status-wrapper{gap:.6rem;margin-bottom:.3rem;padding:.5rem}.back-link{font-size:.9rem;padding:.5rem}.status-bar{gap:.5rem}.current-player{font-size:.85rem;padding:.6rem}.current-player strong{display:block;font-size:.75rem;margin-bottom:.2rem}.current-player span{font-size:.95rem}.dice-container{height:65px;width:65px}.go-button{font-size:.95rem;min-width:120px;padding:.8rem 1.2rem}.board-container{max-width:100vw;overflow-x:hidden;width:100%}.board{border-width:1px;gap:1px;padding:.25rem;transform:scale(clamp(.65,.16667vw,.78));transform-origin:center center}.square{aspect-ratio:1;border-radius:4px;border-width:.5px!important;box-sizing:border-box;font-size:.35rem;min-height:0!important;min-width:0!important}.player{border-width:1.5px;font-size:.65rem;height:75%;max-height:22px;max-width:22px;width:75%}.square.finish{transform:scale(1.05)}.game-intro{padding:.8rem}.game-intro h2{font-size:1.1rem}.game-intro h3{font-size:1rem}.game-intro p{font-size:.85rem;line-height:1.6;margin:.6rem 0;padding-left:.8rem}.dialog-content{max-height:70vh;min-height:160px;padding:1.2rem}.dialog-title{font-size:1.2rem}.dialog-content p{font-size:.9rem;max-height:50vh}.dialog-buttons{flex-direction:column}.name-dialog-content{padding:1.2rem}.name-dialog-content h3{font-size:1.5rem}.name-dialog-content p{font-size:.9rem}.player-input-group{gap:.8rem;grid-template-columns:1fr}.player-pair-box{margin:1rem 0;padding:1rem}.tooltip{display:none!important;font-size:.75rem;max-width:220px;padding:.6rem .8rem;width:200px}}body,button,h1,h2,h3{font-family:LXGW WenKai,"Source Han Serif",Arial,sans-serif}.game-container{align-items:center;background:linear-gradient(135deg,#ffccd5,#e6b3ff);border-radius:20px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:20px;position:relative;width:100%}.board{grid-gap:2px;background:#fcdc;border-radius:12px;box-shadow:0 4px 10px #00000026;display:grid;gap:2px;grid-template-columns:repeat(13,40px);padding:10px;transform-origin:top center}.square{align-items:center;background:#ffb6c1b3;border:2px solid #ff69b4cc;border-radius:8px;box-shadow:inset 0 0 8px #ff69b480;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.arrow{background-color:initial;border:solid #fff9;border-width:1px 1px 0 0;height:1px;position:absolute;transform:rotate(0deg) translate(5px,-5px);transform:rotate(var(--angle,0deg)) translate(5px,-5px);transform-origin:center;width:1px;z-index:2}.arrow-up{border-color:#0000 #0000 #ff69b4;border-width:0 10px 15px;top:-5px}.arrow-down,.arrow-up{left:50%;transform:translateX(-50%)}.arrow-down{border-color:#ff69b4 #0000 #0000;border-width:15px 10px 0;bottom:-5px}.arrow-left{border-color:#0000 #ff69b4 #0000 #0000;border-width:10px 15px 10px 0;left:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{border-color:#0000 #0000 #0000 #ff69b4;border-width:10px 0 10px 15px;right:-5px}.square:hover{background:#ffffffe6;box-shadow:0 0 10px #ff69b4cc;transform:scale(1.1)}.square.empty{background-color:#fff0;border:none;box-shadow:none}.square.path{background-color:#fbd5dbb3}.square.lady{background-color:#ff1538b3}.square.man1{background-color:#7568f0b3}.square.man2{background-color:#8dea81b3};.square.hot{background:linear-gradient(145deg,coral,#cd5c5c);border:2px solid #b22222;box-shadow:inset 0 0 8px #0003;color:#fff;font-size:14px;font-weight:700;text-align:center}.square.finish{background:linear-gradient(135deg,#ff85c0,#d580ff);border-radius:50%;box-shadow:0 0 15px #ff69b4cc,inset 0 0 10px #ffb6c180;color:#fff;font-weight:700;transform:scale(1.5);z-index:3}.empty{background-color:#fff}.A-final{background-color:#f009}.B-final{background-color:#00f9}.C-final{background-color:#00800099}.D-final{background-color:#ff09}.player{align-items:center;border-radius:50%;box-shadow:0 4px 6px #0000004d,inset 0 2px 4px #fff3;display:flex;font-size:14px;font-weight:700;height:35px;justify-content:center;transition:transform .3s ease,background-color .3s ease;width:35px}.player:hover{background-color:#ffffffb3;transform:scale(1.2)}.player-A{background:linear-gradient(145deg,#ff7eb3,#ff4d6d);border:2px solid #ffa3c1;color:#fff}.player-B{background:linear-gradient(145deg,#7eb3ff,#4d6dff);border:2px solid #a3c1ff;color:#fff}.player-C{background:linear-gradient(145deg,#4caf50,#2e7d32);border:2px solid #66bb6a;color:#fff}.player-D{background:linear-gradient(145deg,#ffe47e,#ffcf4d);border:2px solid #ffdfa3;color:#000}.player.current{animation:pulse 1s ease-in-out infinite,shake .5s ease-in-out infinite;box-shadow:0 0 15px #fffc;transform-origin:center;will-change:transform,box-shadow}@keyframes pulse{0%,to{box-shadow:0 0 15px #fffc;transform:scale(1)}50%{box-shadow:0 0 25px #f00c;transform:scale(1.2)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.status-bar{align-items:center;background:#ffccdde6;border-radius:8px;box-shadow:0 4px 8px #0003;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;max-width:600px;padding:10px}.current-player{color:#ff69b4;font-size:16px;font-weight:700;text-align:center}.current-player strong{display:block;font-size:14px;margin-bottom:2px}.current-player span{font-size:16px}.dice-container{align-items:center;display:flex;height:60px;justify-content:center;justify-self:center;margin:0 auto;width:60px}.dice{height:100%;transition:transform .2s ease;width:100%}.go-button{background:linear-gradient(135deg,#ff69b4,#ff85c0);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 16px;transition:transform .3s ease,box-shadow .3s ease}.go-button:disabled{background:#ccc;color:#666;cursor:not-allowed}.dialog-overlay,.name-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.dialog-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:300px;padding:20px;text-align:center}.dialog-content p{color:#333;font-size:18px;font-weight:700;margin-bottom:20px}.dialog-content button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:10px 5px;padding:10px 20px;transition:background-color .3s ease}.dialog-content button:hover{background-color:#45a049}.dialog-content button:first-of-type{background-color:#4caf50}.dialog-content button:last-of-type{background-color:#ccc;color:#333}.dialog-content button:last-of-type:hover{background-color:#bbb}.name-dialog-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px;text-align:center;width:300px}.name-dialog-content h3{margin-bottom:10px}.name-dialog-content label{display:block;margin:10px 0 5px}.name-dialog-content input{margin-bottom:10px;padding:5px;width:100%}.name-dialog-content button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.dice-display{font-size:24px;margin-bottom:20px}.dice-rolling{animation:roll .5s linear infinite;color:#888;font-size:24px}.dice-number{font-size:48px;font-weight:700}@keyframes roll{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.game-container{padding:5px}.board{transform:scale(.9)}}@media (max-width:480px){.game-container{padding:2px}.board{transform:scale(.75)}}.content-box{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;color:#333;cursor:pointer;font-size:14px;max-width:200px;padding:10px;position:absolute;transform:translate(-50%,-100%);white-space:nowrap}.airplanea1{background-image:url(/static/media/plane-a1.19087cf5d9dc2e663663.svg)}.airplanea1,.airplanea2{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;box-shadow:none;height:40px;transform:rotate(180deg);width:40px}.airplanea2{background-image:url(/static/media/plane-a2.9f2dbd8591681adf9356.svg)}.airplaneb1{background-image:url(/static/media/plane-b1.507bc7b694bb19be22fa.svg)}.airplaneb1,.airplaneb2{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;box-shadow:none;height:40px;transform:rotate(270deg);width:40px}.airplaneb2{background-image:url(/static/media/plane-b2.b6581abaa50d4df998d3.svg)}.airplanec1{background-image:url(/static/media/plane-c1.7e4ca94ac8a57ecf5c70.svg)}.airplanec1,.airplanec2{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;box-shadow:none;height:40px;width:40px}.airplanec2{background-image:url(/static/media/plane-c2.40e3c24b491fc80e6017.svg)}.airplaned1{background-image:url(/static/media/plane-d1.629bfdbc70dc2d65f592.svg)}.airplaned1,.airplaned2{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;box-shadow:none;height:40px;transform:rotate(90deg);width:40px}.airplaned2{background-image:url(/static/media/plane-d2.c76bedcb9059521e3d68.svg)}.game-intro{background:#fcdc;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#ff69b4;font-size:16px;margin-top:20px;padding:15px;text-align:center}.x-logo{display:inline-block;margin-right:.2rem;vertical-align:middle}.game-intro-link{align-items:center;color:#000;display:inline-flex;font-weight:600;gap:.2rem;text-decoration:none;transition:all .2s ease}.game-intro-link:hover{color:#1da1f2;text-decoration:none}.tooltip{background-color:#ffe4e1;border:1px solid #f8c8dc;border-radius:8px;box-shadow:0 4px 8px #0003;color:#8b5fbf;font-size:14px;font-weight:700;opacity:.95;padding:8px 12px;pointer-events:none;position:absolute;transform:translate(-50%,-150%);transition:opacity .3s ease,transform .2s ease;white-space:nowrap;z-index:1000}.status-wrapper{align-items:center;display:flex;margin-bottom:20px}.back-button{background-color:linear-gradient(135deg,#ffccd5,#e6b3ff);border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;display:inline-block;font-size:16px;font-weight:700;margin-right:10px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.back-button:hover{background-color:#fff;box-shadow:0 4px 6px #00000026}
/*# sourceMappingURL=main.7c214307.css.map*/