*{box-sizing:border-box}body{color:#fff;background:#140c24;margin:0;font-family:Arial,Helvetica,sans-serif}.nav-bar{background:#140c24;justify-content:center;gap:32px;padding:20px;display:flex}.nav-link{color:#fff;letter-spacing:2px;font-weight:700;text-decoration:none}.nav-link:hover{color:#ffd75a}.home-page,.rules-page,.game-page{min-height:100vh;padding:40px}.star-home{background:linear-gradient(#171448,#492d7d,#9162b4);border:3px solid #a078ff;border-radius:24px;max-width:1100px;min-height:620px;margin:30px auto;position:relative;overflow:hidden;box-shadow:0 0 35px #a578ffbf}.star-field{background:0 0;position:absolute;inset:0}.blink-star{background:#fff;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite blinkStar;position:absolute;box-shadow:0 0 12px #fff,0 0 24px #d2aaffe6}.blink-star-one{top:70px;left:140px}.blink-star-two{animation-delay:.4s;top:150px;left:330px}.blink-star-three{animation-delay:.8s;top:95px;left:720px}.blink-star-four{animation-delay:1.2s;top:260px;left:850px}.blink-star-five{animation-delay:1.6s;top:340px;left:250px}.blink-star-six{animation-delay:.7s;top:120px;left:1040px}.blink-star-seven{animation-delay:1.4s;top:210px;left:540px}.blink-star-eight{animation-delay:2s;top:420px;left:760px}.blink-star-nine{animation-delay:2.6s;top:510px;left:980px}.blink-star-ten{animation-delay:3.1s;top:300px;left:1000px}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff0,#fff,#ffbeeb);border-radius:999px;width:190px;height:3px;position:absolute;transform:rotate(130deg);box-shadow:0 0 18px #fff,0 0 34px #ffa0e6f2}.shooting-star:after{content:"✦";color:#fff;text-shadow:0 0 8px #fff,0 0 18px #ffd2fff2,0 0 34px #d28cfff2;font-size:26px;animation:1.2s ease-in-out infinite starTwinkle;position:absolute;top:-18px;right:-6px}.shooting-star-one{animation:3.4s linear infinite shootStar;top:20px;left:950px}.shooting-star-two{animation:4.2s linear .8s infinite shootStar;top:90px;left:720px}.shooting-star-three{animation:3.8s linear 1.4s infinite shootStar;top:160px;left:1030px}.shooting-star-four{animation:5s linear 2s infinite shootStar;top:240px;left:760px}.shooting-star-five{animation:4.6s linear 2.7s infinite shootStar;top:310px;left:1080px}.shooting-star-six{animation:5.4s linear 3.2s infinite shootStar;top:390px;left:900px}.shooting-star-seven{animation:6s linear 3.8s infinite shootStar;top:55px;left:520px}.cloud{filter:blur(1px);background:#cd91ebd1;border-radius:80px;height:140px;animation:3.5s ease-in-out infinite cloudGlow;position:absolute;box-shadow:0 0 28px #e6b4ffcc,0 0 70px #b973ffa6}.cloud:before{content:"";background:#d29bf0f2;border-radius:50%;width:160px;height:160px;position:absolute;bottom:25px;left:50px;box-shadow:0 0 35px #f0cdffa6}.cloud:after{content:"";background:#b97ddcf2;border-radius:50%;width:210px;height:210px;position:absolute;bottom:10px;left:160px;box-shadow:0 0 45px #e6afff99}.cloud-one{width:420px;bottom:-30px;left:-80px}.cloud-two{width:500px;bottom:-25px;right:-120px}.cloud-three{opacity:.65;width:340px;top:-45px;left:-100px}.home-content{z-index:3;max-width:620px;padding:330px 0 0 60px;position:relative}.home-label{letter-spacing:4px;color:#ffe1ff;margin:0 0 8px;font-size:14px;font-weight:900}.home-title{letter-spacing:8px;color:#fff5ff;text-shadow:0 0 12px #ffffffe6,0 0 28px #be8cffe6;margin:0;font-size:64px}.home-text{color:#f5e6ff;text-shadow:0 0 10px #231446cc;max-width:560px;font-size:18px}.start-link{color:#3a2173;cursor:pointer;background:#ffebff;border:none;border-radius:14px;margin-top:14px;padding:14px 22px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 0 24px #ffe6ffbf}.start-link:hover{transform:translateY(-3px);box-shadow:0 0 24px #ffd75abf}.chat-game-page{background:radial-gradient(circle at 0 0,#532f67,#261841,#140c24);padding:30px}.chat-game-shell{background:#28193cc7;border:3px solid #ffd2ff8c;border-radius:28px;grid-template-columns:260px 1fr;max-width:1200px;min-height:780px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 0 35px #e696ff73,0 0 80px #785aff59}.chat-side-panel{text-align:center;background:linear-gradient(#271437,#1c0e2c);border-right:2px solid #ffbeff59;padding:34px 24px;position:relative}.side-title{letter-spacing:5px;background:linear-gradient(90deg,#ffeb96,#ffa0f5,#96b4ff);color:#0000;-webkit-background-clip:text;margin:0;font-size:52px}.side-subtitle{letter-spacing:10px;color:#fff5ff;margin:4px 0 20px;font-size:34px}.side-label{color:#ebd7ff;margin:20px 0;font-weight:700}.side-pill{color:#fff5ff;background:linear-gradient(90deg,#ff7dd259,#7db4ff59);border:1px solid #ffdcff47;border-radius:999px;width:165px;margin:13px auto;padding:9px 12px;box-shadow:0 0 18px #f096ff40}.side-star{color:#fff;background:linear-gradient(#ebe1ff,#e696ff,#91afff);border-radius:45% 55% 50% 50%;justify-content:center;align-items:center;width:120px;height:120px;margin:70px auto 0;font-size:54px;animation:3s ease-in-out infinite sideStarFloat;display:flex;box-shadow:0 0 24px #ffe6ffe6,0 0 55px #c878ffb3}.chat-main-panel{background:linear-gradient(#563869eb,#362452f2);padding:36px 40px 50px;position:relative;overflow:hidden}.chat-main-panel:before{content:"";opacity:.45;background-image:radial-gradient(#ffffff52 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.chat-main-panel>*{z-index:2;position:relative}.chat-bubble{color:#37234b;background:#fffaff;border:3px solid #c8d2ffe6;border-radius:14px;max-width:440px;padding:18px 22px;font-weight:700;animation:3s ease-in-out infinite bubbleFloat;box-shadow:0 0 18px #ffd2ffa6}.chat-tag{color:#fff;background:linear-gradient(90deg,#ffafe6,#b9c8ff);border-radius:999px;padding:5px 16px;font-size:13px;position:absolute;top:-18px;left:28px}.top-bubble{margin:0 auto 20px}.bottom-bubble{margin:28px auto 0}.game-header{text-align:center}.game-title{letter-spacing:8px;text-shadow:0 0 18px #ffdcffe6;margin:0;font-size:52px}.game-subtitle{color:#f5e1ff;font-size:18px}.score-board{justify-content:center;gap:24px;margin:32px 0;display:flex}.player-box{text-align:center;border:2px solid #ffffff1f;border-radius:24px;width:230px;padding:24px}.player-box:first-child{background:linear-gradient(145deg,#ffa0dc73,#ff6ecd3d);box-shadow:0 0 30px #ff78d273,inset 0 1px 1px #ffffff2e}.player-box:last-child{background:linear-gradient(145deg,#aadcff73,#6eaaff3d);box-shadow:0 0 30px #78beff73,inset 0 1px 1px #ffffff2e}.turn-box{text-align:center;background:#ffffff14;border:2px solid #ffffff1f;border-radius:24px;width:230px;padding:24px;box-shadow:0 0 24px #ffffff1f,inset 0 1px 1px #ffffff1f}.player-name{color:#fff;margin:0;font-size:24px;font-weight:900}.player-score{color:#fff;margin:18px 0 0;font-size:74px;font-weight:900;animation:1.2s ease-in-out infinite scorePulse}.turn-label{color:#f0e1ff;margin:0;font-size:18px}.turn-name{color:#fff;margin:12px 0 0;font-size:40px;font-weight:900}.message-text{text-align:center;color:#ffd7f5;text-shadow:0 0 10px #ffaaebd9;font-size:20px;font-weight:700}.card-row{perspective:1200px;justify-content:center;gap:28px;margin-top:32px;display:flex}.game-card{cursor:pointer;perspective:1000px;filter:drop-shadow(0 0 18px #b982ff8c);background:0 0;border:none;border-radius:24px;width:230px;height:330px;padding:0;animation:3s ease-in-out infinite cardFloat}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:24px;transition:transform .75s;position:relative}.game-card.revealed .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:24px;width:100%;height:100%;position:absolute;overflow:hidden}.card-back{background:linear-gradient(145deg,#492a74,#231646);border:4px solid #b487ff;justify-content:center;align-items:center;display:flex;box-shadow:0 0 22px #b487ffcc,inset 0 0 28px #ffb9ff2e}.card-back:before{content:"";border:13px solid #ebd7ff2e;border-color:#ffb9e1 #ebd7ff2e #ebd7ff2e #91b9ff;border-radius:50%;width:130px;height:130px;animation:4s linear infinite spinGear;position:absolute;box-shadow:0 0 20px #ffbef580}.card-question-mark{z-index:2;color:#ffebff;text-shadow:0 0 15px #ffc8fff2;font-size:80px;font-weight:900;position:relative}.card-front{color:#372350;background:linear-gradient(145deg,#fffaff,#e6e1ff);border:4px solid #ffb4e6;padding:20px;transform:rotateY(180deg)}.game-card.revealed.normal .card-front{box-shadow:0 0 28px #8296ff99}.game-card.revealed.lucky .card-front{border-color:#ffd75a;animation:1.3s ease-in-out infinite luckyGlow;box-shadow:0 0 18px #ffd75a,0 0 45px #ffd75ae6}.game-card.revealed.dark .card-front{border-color:#9646ff;animation:1.1s ease-in-out infinite darkGlow;box-shadow:0 0 18px #9646ff,0 0 45px #5a00a0e6}.card-type{text-transform:uppercase;letter-spacing:3px;margin:0 0 12px}.card-question{color:#4b325f;font-size:15px;font-weight:700}.code-box{color:#ffebff;text-align:left;white-space:pre-wrap;background:#32204d;border:2px solid #ffb4f073;border-radius:14px;padding:14px;font-size:14px}.answer-area{justify-content:center;gap:14px;margin-top:34px;display:flex}.answer-input{color:#321e4b;background:#fffaff;border:3px solid #c8b9ff;border-radius:14px;outline:none;width:300px;padding:14px;box-shadow:0 0 18px #e6b4ff59}.answer-input:focus{border-color:#ffd75a;box-shadow:0 0 20px #ffd75a66}.answer-button,.reset-button,.dark-button{color:#372355;cursor:pointer;background:linear-gradient(90deg,#ffafe6,#bec8ff);border:none;border-radius:14px;padding:14px 22px;font-weight:800;text-decoration:none;box-shadow:0 0 18px #ffb9f08c}.answer-button:hover,.reset-button:hover,.dark-button:hover{transform:translateY(-3px);box-shadow:0 0 24px #ffd75abf}.dark-choice{text-align:center;background:#280a4bf2;border:2px solid #9646ff;border-radius:22px;max-width:520px;margin:30px auto 0;padding:24px;animation:.5s darkShake;box-shadow:0 0 40px #8200ffb3}.dark-title{color:#dcbeff;margin-top:0}.dark-button{color:#fff;background:#a05fff;margin:8px}.reset-area{text-align:center;margin-top:24px}.moon-rules-card{background:radial-gradient(circle,#4a359b,#181246 55%,#0c0923);border:2px solid #e6dcff80;border-radius:28px;max-width:950px;min-height:560px;margin:50px auto;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 0 45px #a05fffb3}.moon-rules-card:before{content:"";opacity:.45;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:32px 32px;animation:10s linear infinite starsMove;position:absolute;inset:0}.moon-rules-card:after{content:"";border:28px solid #a05fff47;border-radius:50%;width:820px;height:820px;animation:18s linear infinite circleSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moon-row{z-index:2;justify-content:center;align-items:center;gap:54px;margin-top:40px;display:flex;position:relative}.center-moon{color:#1c124b;background:#faf5ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:230px;height:230px;animation:3s ease-in-out infinite moonPulse;display:flex;box-shadow:0 0 35px #fffc}.moon-small-title{letter-spacing:2px;margin:0;font-size:15px;font-weight:900}.moon-title{letter-spacing:5px;margin:4px 0 0;font-size:48px}.moon-shape{filter:drop-shadow(0 0 24px #fffc);background:#faf5ff;border-radius:50%;width:185px;height:185px}.moon-left:after{content:"";background:#251969;border-radius:50%;width:185px;height:185px;position:absolute;transform:translate(58px)}.moon-right:after{content:"";background:#251969;border-radius:50%;width:185px;height:185px;position:absolute;transform:translate(-58px)}.orbit-ring{z-index:1;border:2px solid #ffffff73;border-radius:50%;animation:9s linear infinite circleSpin;position:absolute}.orbit-ring-one{width:360px;height:360px;top:45%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-two{width:250px;height:250px;animation-duration:6s;top:45%;left:50%;transform:translate(-50%,-50%)}.orbit-dot{z-index:3;background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 18px #ffffffe6}.orbit-dot-one{animation:7s linear infinite dotOrbitOne;top:23%;left:50%}.orbit-dot-two{animation:10s linear infinite dotOrbitTwo;top:62%;left:50%}.rules-list{z-index:2;background:#0f0a328c;border:1px solid #ffffff40;border-radius:22px;max-width:720px;margin:60px auto 0;padding:24px;position:relative}.rules-list .rules-text{text-align:center;margin:12px 0;font-size:18px}@keyframes shootStar{0%{opacity:0;transform:translate(0)rotate(130deg)}8%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-620px,430px)rotate(130deg)}}@keyframes blinkStar{0%{opacity:.15;filter:blur(1px);transform:scale(.4)}25%{opacity:.7;transform:scale(1)}50%{opacity:1;filter:blur();transform:scale(1.8)}75%{opacity:.7;transform:scale(1)}to{opacity:.15;filter:blur(1px);transform:scale(.4)}}@keyframes starTwinkle{0%{opacity:.7;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}to{opacity:.7;transform:scale(.8)rotate(0)}}@keyframes cloudGlow{0%{box-shadow:0 0 28px #e6b4ffa6,0 0 70px #b973ff73}50%{box-shadow:0 0 45px #f5d7fff2,0 0 100px #cd8cffcc}to{box-shadow:0 0 28px #e6b4ffa6,0 0 70px #b973ff73}}@keyframes sideStarFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(8deg)}to{transform:translateY(0)rotate(0)}}@keyframes bubbleFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes luckyGlow{0%{box-shadow:0 0 15px #ffd75a,0 0 35px #ffd75ab3}50%{box-shadow:0 0 28px #ffeb8c,0 0 65px #ffd75a}to{box-shadow:0 0 15px #ffd75a,0 0 35px #ffd75ab3}}@keyframes darkGlow{0%{box-shadow:0 0 15px #9646ff,0 0 35px #5a00a0b3}50%{box-shadow:0 0 30px #be78ff,0 0 70px #7800c8}to{box-shadow:0 0 15px #9646ff,0 0 35px #5a00a0b3}}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes darkShake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes circleSpin{0%{rotate:0deg}to{rotate:360deg}}@keyframes dotOrbitOne{0%{transform:rotate(0)translate(180px)rotate(0)}to{transform:rotate(360deg)translate(180px)rotate(-360deg)}}@keyframes dotOrbitTwo{0%{transform:rotate(0)translate(130px)rotate(0)}to{transform:rotate(-360deg)translate(130px)rotate(360deg)}}@keyframes moonPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes starsMove{0%{background-position:0 0}to{background-position:64px 64px}}@media (width<=950px){.chat-game-shell{grid-template-columns:1fr}.chat-side-panel{border-bottom:2px solid #ffbeff59;border-right:none}.score-board,.card-row,.answer-area{flex-direction:column;align-items:center}}