:root{font-family:Inter,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}body{margin:0;display:block;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}button{background-color:#f9f9f9}}.card{width:12.5cqw;height:18.75cqw;background:#fff;border-radius:8px;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s;-webkit-user-select:none;user-select:none;position:relative;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0 0% 30%,#fffc 50%,#fff0 70% 100%);background-size:200% 100%;background-position:-50% 0;pointer-events:none;z-index:5;animation:shine .6s ease-in-out forwards}@keyframes popIn{0%{transform:scale(.7) translateY(15px);opacity:0;box-shadow:0 0 #00f2fe00}50%{transform:scale(1.06) translateY(-4px);box-shadow:0 0 20px #00f2feb3}to{transform:scale(1) translateY(0);opacity:1;box-shadow:0 2px 4px #0000001a}}@keyframes shine{0%{background-position:-50% 0}to{background-position:150% 0}}.card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 16px #0003;z-index:10}.card.selected{border:2px solid #007bff;transform:translateY(-12px) scale(1.05);box-shadow:0 0 20px #007bff99;z-index:10}.card.hidden{border:2px solid #fff;background:#333}.card-back-classic .card-back{background:repeating-linear-gradient(45deg,#2c3e50,#2c3e50 10px,#34495e 10px 20px)}.card-back-red-modern{border-color:#ffcdd2!important}.card-back-red-modern .card-back{background:radial-gradient(circle at center,#d32f2f,#b71c1c);background-size:20px 20px;background-image:radial-gradient(circle,#e57373 1px,transparent 1px)}.card-back-blue-modern{border-color:#bbdefb!important}.card-back-blue-modern .card-back{background:linear-gradient(135deg,#1565c0 25%,#0d47a1 25% 50%,#1565c0 50% 75%,#0d47a1 75% 100%);background-size:20px 20px}.card-back-gold-luxury{border-color:gold!important}.card-back-gold-luxury .card-back{background:linear-gradient(45deg,gold,#ffecb3,#ffb300,gold);background-size:200% 200%;animation:shimmer 5s ease infinite}.card-back-cyber-neon{border-color:#00e5ff!important;box-shadow:0 0 5px #00e5ff!important}.card-back-cyber-neon .card-back{background:#000;background-image:linear-gradient(0deg,transparent 24%,rgba(0,229,255,.3) 25%,rgba(0,229,255,.3) 26%,transparent 27%,transparent 74%,rgba(0,229,255,.3) 75%,rgba(0,229,255,.3) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,229,255,.3) 25%,rgba(0,229,255,.3) 26%,transparent 27%,transparent 74%,rgba(0,229,255,.3) 75%,rgba(0,229,255,.3) 76%,transparent 77%,transparent);background-size:30px 30px}.card-back-dark-matter{border-color:#424242!important}.card-back-dark-matter .card-back{background:#202020;background-image:radial-gradient(grey 1px,transparent 0);background-size:10px 10px}.card-back-wood-grain{border-color:#d7ccc8!important}.card-back-wood-grain .card-back{background:#8d6e63;background-image:linear-gradient(90deg,rgba(255,255,255,.07) 50%,transparent 50%),linear-gradient(90deg,rgba(255,255,255,.13) 50%,transparent 50%),linear-gradient(90deg,transparent 50%,rgba(255,255,255,.17) 50%),linear-gradient(90deg,transparent 50%,rgba(255,255,255,.19) 50%);background-size:13px,29px,37px,53px}.card-back-matrix{border-color:#00c853!important}.card-back-matrix .card-back{background:#000;color:#00c853;font-family:monospace;position:relative;overflow:hidden}.card-back-matrix .card-back:before{content:"010101 101010 001100";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:8px;opacity:.5;white-space:nowrap}.card-back-sunset{border-color:#ff4081!important}.card-back-sunset .card-back{background:linear-gradient(to bottom,#ff4081,#ff80ab,#ffd180)}.card-back-royal-purple{border-color:#b388ff!important}.card-back-royal-purple .card-back{background:#6200ea;background-image:radial-gradient(circle,#7c4dff 10%,transparent 10%),radial-gradient(circle,#7c4dff 10%,transparent 10%);background-size:20px 20px;background-position:0 0,10px 10px}.card-back-cool-mint{border-color:#a7ffeb!important}.card-back-cool-mint .card-back{background:#a7ffeb;background-image:repeating-linear-gradient(45deg,#a7ffeb 0 2px,#1de9b6 2px 4px)}.card-back-dragon-scale{border-color:#bf360c!important}.card-back-dragon-scale .card-back{background:#bf360c;background-image:radial-gradient(circle at 100% 150%,#bf360c 24%,#ff5722 25%,#ff5722 28%,#bf360c 29%,#bf360c 36%,#ff5722 36%,#ff5722 40%,transparent 40%,transparent),radial-gradient(circle at 0 150%,#bf360c 24%,#ff5722 25%,#ff5722 28%,#bf360c 29%,#bf360c 36%,#ff5722 36%,#ff5722 40%,transparent 40%,transparent),radial-gradient(circle at 50% 100%,#ff5722 10%,#bf360c 11%,#bf360c 23%,#ff5722 24%,#ff5722 30%,#bf360c 31%,#bf360c 43%,#ff5722 44%,#ff5722 50%,#bf360c 51%,#bf360c 63%,#ff5722 64%,#ff5722 71%,transparent 71%,transparent),radial-gradient(circle at 100% 50%,#ff5722 5%,#bf360c 6%,#bf360c 15%,#ff5722 16%,#ff5722 20%,#bf360c 21%,#bf360c 30%,#ff5722 31%,#ff5722 35%,#bf360c 36%,#bf360c 45%,#ff5722 46%,#ff5722 49%,transparent 50%,transparent),radial-gradient(circle at 0 50%,#ff5722 5%,#bf360c 6%,#bf360c 15%,#ff5722 16%,#ff5722 20%,#bf360c 21%,#bf360c 30%,#ff5722 31%,#ff5722 35%,#bf360c 36%,#bf360c 45%,#ff5722 46%,#ff5722 49%,transparent 50%,transparent);background-size:20px 20px}.card-back{width:100%;height:100%;border-radius:4px}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card.hearts,.card.diamonds{color:#e74c3c}.card.clubs,.card.spades{color:#2c3e50}.card.joker{color:#8e44ad}.card-top,.card-bottom{display:flex;flex-direction:column;align-items:center;font-size:clamp(8px,1.1cqw,11px);line-height:1;min-width:0}.card-bottom{transform:rotate(180deg)}.card-center{font-size:clamp(14px,2.3cqw,22px);text-align:center;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:0;line-height:1}.card .rank,.card .suit{line-height:1;white-space:nowrap}.card .rank,.card .suit{font-size:inherit}@media(max-width:600px){.card{padding:2px;border-radius:4px}.card-top,.card-bottom{font-size:10px}.card-center{font-size:16px}}.card.peeking{border:2px solid #f39c12;box-shadow:0 0 10px #f39c1299}.peek-overlay{position:absolute;inset:0;background:#f39c1233;border-radius:8px;pointer-events:none;z-index:1}.card.small{width:36px;height:54px;padding:2px;border-radius:4px}.card.small .card-top,.card.small .card-bottom{font-size:8px}.card.small .card-center{font-size:16px}.card.xs{width:30px;height:45px;padding:1px;border-radius:3px}.card.xs .card-top,.card.xs .card-bottom{font-size:7px}.card.xs .card-center{font-size:12px}.hand .card{padding:6px!important}.hand .card .card-top,.hand .card .card-bottom{font-size:12px!important;font-weight:700!important}.hand .card .card-center{font-size:28px!important}.dice{font-size:2.1cqw;width:4em;height:4em;background:#fff;border:.1em solid #ccc;border-radius:.8em;position:relative;box-shadow:0 .2em .4em #0000001a;display:flex;flex-shrink:0}.dice.small{font-size:1.45cqw}.dice.medium{font-size:2.1cqw}.dice.large{font-size:4.2cqw}.dot{width:.8em;height:.8em;background:#333;border-radius:50%;position:absolute}.center{top:50%;left:50%;transform:translate(-50%,-50%)}.top-left{top:.8em;left:.8em}.top-right{top:.8em;right:.8em}.bottom-left{bottom:.8em;left:.8em}.bottom-right{bottom:.8em;right:.8em}.middle-left{top:50%;left:.8em;transform:translateY(-50%)}.middle-right{top:50%;right:.8em;transform:translateY(-50%)}.dice.white{background:#fff;border-color:#ccc}.dice.white .dot{background:#333}.dice.red{background:#d32f2f;border-color:#b71c1c}.dice.red .dot{background:#fff}.dice.blue{background:#1976d2;border-color:#0d47a1}.dice.blue .dot{background:#fff}.dice.green{background:#388e3c;border-color:#1b5e20}.dice.green .dot{background:#fff}.dice.yellow{background:#fbc02d;border-color:#f57f17}.dice.yellow .dot{background:#333}.dice.purple{background:#7b1fa2;border-color:#4a148c}.dice.purple .dot{background:#fff}.dice.black{background:#212121;border-color:#000}.dice.black .dot{background:gold;box-shadow:0 0 2px #ffd70080}.dice.pink{background:#e91e63;border-color:#c2185b}.dice.pink .dot{background:#fff}.dice.orange{background:#f57c00;border-color:#e65100}.dice.orange .dot{background:#fff}.dice.teal{background:#00796b;border-color:#004d40}.dice.teal .dot{background:#fff}.dice.silver{background:#e0e0e0;border-color:#9e9e9e;box-shadow:0 .2em .4em #0003,inset 0 0 10px #ffffff80}.dice.silver .dot{background:#424242;box-shadow:0 0 1px #ffffff80}.dice.gold{background:gold;border-color:#ff8f00;box-shadow:0 .2em .4em #0003,inset 0 0 10px #ffffff80}.dice.gold .dot{background:#3e2723;box-shadow:0 0 1px #ffffff80}.shared-board{display:flex!important;gap:clamp(10px,2cqw,18px)!important;padding:clamp(8px,1.8cqh,16px)!important;width:min(100%,1000px)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;max-height:70cqh!important;overflow:hidden!important;transform:none!important;transform-origin:center center!important;position:relative!important;z-index:100!important;box-shadow:0 8px 24px #0006!important}.shared-column{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:center!important;flex:1 1 0!important;min-width:0!important;height:100%!important;justify-content:center!important}.shared-column.interactive:hover .player-slots{background:#0000000d!important;border-radius:8px!important}.shared-column.winning-column-p1{background:#4facfe26!important;border-radius:12px!important;padding:4px!important;border:2px solid rgba(79,172,254,.8)!important;box-shadow:0 0 15px #4facfe80!important;animation:glow-p1 2s ease-in-out infinite!important}.shared-column.winning-column-p2{background:#ff585826!important;border-radius:12px!important;padding:4px!important;border:2px solid rgba(255,88,88,.8)!important;box-shadow:0 0 15px #ff585880!important;animation:glow-p2 2s ease-in-out infinite!important}@keyframes glow-p1{0%,to{box-shadow:0 0 15px #4facfe80;border-color:#4facfecc}50%{box-shadow:0 0 25px #4facfecc;border-color:#4facfe}}@keyframes glow-p2{0%,to{box-shadow:0 0 15px #ff585880;border-color:#ff5858cc}50%{box-shadow:0 0 25px #ff5858cc;border-color:#ff5858}}.card-slot{height:8.4cqh!important;aspect-ratio:5 / 7!important;width:auto!important;max-width:100%!important;border:2px dashed rgba(255,255,255,.3)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.card-slot .card{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;box-sizing:border-box!important}.empty-slot{width:100%!important;height:100%!important}.dice-row{padding:4px!important;margin:2px 0!important;background:#ffffff26!important;border-radius:50%!important;box-shadow:inset 0 1px 3px #0003!important}.dice-row .dice{font-size:3.2cqw!important}.opponent-slot .card{transform:rotate(180deg)!important}.board-theme-classic{background:#27ae60!important;border:3px solid #1e7e43!important}.board-theme-wood{background:#8e44ad!important;border:3px solid #732d91!important}.board-theme-neon{background:#111!important;border:2px solid #00f2fe!important;box-shadow:0 0 20px #00f2fe4d!important}.board-theme-dark-gold{background:#1a1a1a!important;border:2px solid #ffd700!important;box-shadow:0 0 25px #ffd70040!important}.board-theme-cyberpunk{background:#0f0c1b!important;border:2px solid #ff007f!important}.board-theme-ocean{background:#0b2545!important;border:3px solid #134074!important}.board-theme-crimson{background:#210a04!important;border:3px solid #3d1308!important}.winning-slot-p1{border:2px solid rgba(79,172,254,.9)!important;box-shadow:0 0 12px #4facfeb3,inset 0 0 6px #4facfe4d!important;animation:slot-glow-p1 1.5s ease-in-out infinite alternate!important}.winning-slot-p2{border:2px solid rgba(255,88,88,.9)!important;box-shadow:0 0 12px #ff5858b3,inset 0 0 6px #ff58584d!important;animation:slot-glow-p2 1.5s ease-in-out infinite alternate!important}.winning-row-yellow{border:2px solid #f1c40f!important;box-shadow:0 0 15px #f1c40fcc,inset 0 0 8px #f1c40f66!important;animation:slot-glow-yellow 1.5s ease-in-out infinite alternate!important}@keyframes slot-glow-p1{0%{box-shadow:0 0 6px #4facfe66,inset 0 0 3px #4facfe33;border-color:#4facfeb3}to{box-shadow:0 0 16px #4facfee6,inset 0 0 8px #4facfe80;border-color:#4facfe}}@keyframes slot-glow-p2{0%{box-shadow:0 0 6px #ff585866,inset 0 0 3px #ff585833;border-color:#ff5858b3}to{box-shadow:0 0 16px #ff5858e6,inset 0 0 8px #ff585880;border-color:#ff5858}}@keyframes slot-glow-yellow{0%{box-shadow:0 0 6px #f1c40f66,inset 0 0 3px #f1c40f33;border-color:#f1c40fb3}to{box-shadow:0 0 18px #f1c40fe6,inset 0 0 9px #f1c40f80;border-color:#f1c40f}}.hand{display:flex;gap:2cqw;padding:3cqw;background:#fffc;border-radius:12px;min-height:110px;align-items:center;justify-content:center;transition:background .3s}.hand.active{background:#fff;box-shadow:0 0 15px #007bff33}.hand-card-wrapper{transition:transform .2s}.hand-card-wrapper:hover{transform:translateY(-5px)}.animate-deal{animation:deal-slide-in .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes deal-slide-in{0%{opacity:0;transform:translate(-50px,-50px) scale(.5) rotate(-20deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@media(max-width:9999px){.hand{padding:4px;gap:4px;min-height:125px!important;overflow-x:auto;justify-content:center;width:100%;box-sizing:border-box}.hand::-webkit-scrollbar{display:none}.hand-card-wrapper{height:100%;display:flex;align-items:center}.hand .card{height:100%;width:auto;aspect-ratio:5/7;min-width:0}.hand-card-wrapper:hover,.hand .card:hover,.hand .card.selected{transform:none}}.game-info{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 2px 2px;background:transparent;border-radius:8px;box-shadow:none;margin-bottom:0;width:100%;box-sizing:border-box}.status-bar{font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.turn-indicator{padding:.5rem 1rem;border-radius:6px;font-weight:700}.turn-indicator.your-turn{font-size:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-radius:6px;font-weight:700;animation:pulse-color 1.5s ease-in-out infinite}.turn-indicator.opponent-turn{font-size:1rem;padding:.5rem 1rem;background:#ffffff1a;color:#aaa;border-radius:6px}@keyframes pulse-color{0%,to{opacity:1}50%{opacity:.7}}.scores{display:flex;gap:16px;width:100%;justify-content:center;align-items:center}.player-score-row{display:flex;gap:8px;align-items:center}.score-item{font-size:.8rem;font-weight:500;padding:2px 8px;border-radius:4px}.score-item.active{background:#e3f2fd;color:#1976d2;font-weight:700}.bonus-item{font-size:.7rem;color:#666}.surrender-btn{position:absolute;left:0;padding:.3rem .6rem;font-size:.7rem;background:#ff585833;color:#ff5858;border:1px solid #ff5858;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.surrender-btn:hover{background:#ff58584d}@media(max-width:600px){.game-info{display:grid;grid-template-columns:80px 1fr 80px;grid-template-rows:1fr auto 1fr;padding:0;margin:0;background:transparent;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;align-items:center;transform:translateY(-20px)}.status-bar,.scores{display:contents}.game-info>*{pointer-events:auto}.player-score-row{grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:.7rem;writing-mode:horizontal-tb;transform:none;max-width:none;background:#ffffffe6;padding:6px;border-radius:4px;z-index:20;box-shadow:0 2px 4px #0003}.score-item{font-weight:700;font-size:.65rem;padding:0}.bonus-item{font-size:.55rem}.game-info[data-my-index="0"] .player-1{grid-column:1;align-items:flex-start;text-align:left;margin-left:4px}.game-info[data-my-index="0"] .player-2{grid-column:3;align-items:flex-end;text-align:right;margin-right:4px}.game-info[data-my-index="1"] .player-2{grid-column:1;align-items:flex-start;text-align:left;margin-left:4px}.game-info[data-my-index="1"] .player-1{grid-column:3;align-items:flex-end;text-align:right;margin-right:4px}.turn-indicator{grid-row:1;align-self:end;padding:4px 8px;font-size:.7rem;background:#fffffff2!important;border-radius:4px;margin-bottom:8px;z-index:20;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.turn-indicator.your-turn{grid-column:1;margin-left:4px;border:2px solid #00d2ff;color:#00d2ff!important;background:#e0f9ff!important;font-weight:700;text-align:center}.turn-indicator.opponent-turn{grid-column:3;margin-right:4px;text-align:center;border:1px solid #888}.surrender-btn{grid-column:3;grid-row:3;align-self:start;margin-top:8px;margin-right:4px;background:#ff4757;color:#fff;border:none;padding:8px 12px;border-radius:4px;font-size:.75rem;z-index:20}.winner-banner,.scoring-banner{display:none!important}}@media(max-width:600px){body:has(.game-result-overlay) .game-info{display:none}}.game-info[data-my-index="1"] .turn-indicator.your-turn{background:linear-gradient(135deg,#ff5858,#ffbdbe);box-shadow:0 4px 15px #ff585866}.player-score-row.player-2 .score-item.active{background:#ffebee;color:#d32f2f;border:1px solid rgba(211,47,47,.2)}.game-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-result-modal{background:#1a1a1a;border:2px solid #444;border-radius:16px;padding:2rem;width:90%;max-width:800px;color:#fff;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:1.5rem}.winner-announcement{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;margin-top:10px}.p1-text{color:#4facfe}.p2-text{color:#ff5858}.results-table{display:flex;flex-direction:column;gap:.5rem;background:#222;padding:1rem;border-radius:8px}.table-header,.table-row{display:grid;grid-template-columns:.5fr 2fr 2fr;gap:1rem;align-items:center;text-align:center;padding:.5rem}.table-header{font-weight:700;color:#888;border-bottom:1px solid #444;padding-bottom:.5rem}.table-row{background:#ffffff05;border-radius:4px}.hand-name{font-size:.9rem;color:#ccc}.hand-name.p1-text{color:#4facfe;font-weight:700}.hand-name.p2-text{color:#ff5858;font-weight:700}.draw-text{color:#ffa726;font-weight:700;font-size:1.2em}.winner-col.p1{color:#4facfe}.winner-col.p2{color:#ff5858}@media(max-width:600px){.game-result-modal{transform:scale(.8) translateY(25px);width:100%}}.score-box.winner-box{box-shadow:0 0 20px #ffd70099;border:2px solid #ffd700;background:#ffd7001a;animation:winner-glow 2s infinite ease-in-out}@keyframes winner-glow{0%{box-shadow:0 0 15px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}to{box-shadow:0 0 15px #ffd70080}}.winner-col.draw{color:#888}.table-divider{height:1px;background:#444;margin:.5rem 0}.x-hand-row{background:#ffd7000d;border:1px solid rgba(255,215,0,.2)}.final-scores{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.score-box{background:#333;padding:1.5rem;border-radius:12px;text-align:center;min-width:150px}.score-box.p1{border-bottom:4px solid #4facfe}.score-box.p2{border-bottom:4px solid #ff5858}.score-box h3{margin:0;font-size:1rem;color:#aaa}.score-val{font-size:2.5rem;font-weight:700;margin:.5rem 0}.bonus-val{font-size:.8rem;color:#888}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.restart-btn,.view-board-btn{padding:1rem 2rem;font-size:1.1rem}@media(max-width:600px){.game-result-modal{padding:.25rem;width:95%;max-height:90vh;overflow-y:auto;transform:translateY(-20px)}.game-result-modal h2{font-size:.8rem;margin-bottom:.25rem}.winner-announcement{margin-top:30px;margin-bottom:.5rem}.final-scores{gap:.25rem;margin:0 0 .15rem;transform:translateY(-50px)}.score-box{padding:.4rem;min-width:90px}.score-box h3{font-size:.9rem}.score-val{font-size:1.5rem;margin:.2rem 0}.bonus-val{font-size:.7rem}.results-table{padding:.15rem;margin:0 0 .15rem;transform:translateY(-30px)}.table-header,.table-row{grid-template-columns:.5fr 1.5fr 1.5fr;font-size:.5rem;gap:.15rem;padding:.15rem}.button-group{gap:.25rem;margin-top:0;transform:translateY(-65px)}.restart-btn,.view-board-btn{padding:.4rem .8rem;font-size:.65rem}}.rating-update{margin-top:10px;padding:8px;background:#0003;border-radius:6px;font-size:.9rem;color:#eee}.rating-values{font-weight:700;margin:4px 0}.rating-new{color:#fff;font-size:1.1em}.rating-change{font-weight:700;font-size:1.2rem}.rating-change.pos{color:#4cd137;text-shadow:0 0 5px rgba(76,209,55,.5)}.rating-change.neg{color:#e74c3c;text-shadow:0 0 5px rgba(231,76,60,.5)}.game-result-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2500!important;display:flex!important;flex-direction:column!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important}.game-result-modal{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow-y:auto!important;box-sizing:border-box!important}.results-table{overflow-y:auto!important;max-height:250px!important}.button-group{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin-top:auto!important}.button-group button{width:100%!important;padding:12px!important;border-radius:12px!important;font-weight:700!important;font-size:.9rem!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s!important;margin:0!important}.button-group .restart-btn{background:linear-gradient(135deg,#f36,#f05)!important;border:1px solid #fff!important;color:#fff!important;box-shadow:0 4px 15px #ff33664d!important}.button-group .restart-btn:hover{background:linear-gradient(135deg,#f58,#f27)!important;transform:translateY(-2px)!important}.button-group .view-board-btn,.button-group .quit-btn{background:linear-gradient(135deg,#333,#111)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f36!important}.button-group .view-board-btn:hover,.button-group .quit-btn:hover{background:linear-gradient(135deg,#444,#222)!important;transform:translateY(-2px)!important}.lobby-container.online-lobby{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a);padding:8px;align-items:stretch;justify-content:flex-start;gap:0}.lobby-top-bar-online{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:8px 16px;margin-top:25px;z-index:10;box-shadow:0 4px 15px #0000004d}.back-btn{background:linear-gradient(135deg,#f36,#f05);border:1px solid #fff;border-radius:12px;color:#fff;padding:6px 12px;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 0 8px #f366;transition:all .2s}.back-btn:hover{transform:scale(1.05)}.player-meta-info-online{display:flex;align-items:center;gap:12px}.player-meta-info-online .player-display-name{font-size:.95rem;color:#fff;font-weight:700}.player-rating-badge{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:4px 10px;font-size:.85rem;color:gold;font-weight:700}.online-lobby-bg-character{position:absolute;bottom:-40px;right:-60px;width:280px;height:auto;opacity:.12;z-index:1;pointer-events:none;animation:float-character-subtle 8s ease-in-out infinite}.online-lobby-bg-character img{width:100%;height:auto;object-fit:contain}@keyframes float-character-subtle{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.3deg)}to{transform:translateY(0) rotate(0)}}.online-lobby-content{flex:1;margin-top:15px;margin-bottom:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;z-index:2;overflow-y:auto;box-shadow:inset 0 0 10px #ffffff0d,0 10px 25px #00000080;display:flex;flex-direction:column;gap:14px}.section-title{font-size:1.1rem;font-weight:800;color:#f36;letter-spacing:.05em;margin:0;text-transform:uppercase;border-bottom:2px solid rgba(255,51,102,.2);padding-bottom:6px;text-align:left}.lobby-field-row{display:flex;align-items:center;gap:12px;background:#0003;border-radius:12px;padding:8px 12px;border:1px solid rgba(255,255,255,.08)}.lobby-field-row label{font-size:.8rem;color:#aaa;font-weight:700}.lobby-field-row input{flex:1;background:none;border:none;border-bottom:1.5px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;padding:2px 4px;font-weight:700;text-align:left}.lobby-field-row input:focus{outline:none;border-color:#f36}.action-card-primary{display:flex;flex-direction:column;gap:6px}.hint-text{font-size:.7rem;color:#888;margin:0;padding-left:4px;text-align:left}.divider-text{display:flex;align-items:center;font-size:.65rem;color:#ffffff4d;font-weight:800;margin:4px 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider-text span{padding:0 8px}.room-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card-secondary{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.action-card-secondary h4{margin:0;font-size:.85rem;color:#fff;font-weight:700;text-align:left}.card-desc{font-size:.65rem;color:#888;margin:0;text-align:left;min-height:28px}.room-id-input{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.8rem;padding:6px;text-align:center;font-weight:700}.room-id-input:focus{outline:none;border-color:#f36}.waiting-room-overlay{background:#00000080;border:2px solid #ff3366;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.room-id-box{font-size:1.5rem;font-weight:700;color:gold;display:flex;align-items:center;gap:8px}.id-num{font-size:1.8rem;color:#f36;letter-spacing:.05em;background:#00000080;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.copy-id-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:2px 8px;font-size:.7rem;cursor:pointer}.room-status-text{font-size:.75rem;color:#aaa;margin:0}.quest-btn-cancel{background:linear-gradient(135deg,#333,#111);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ff4d4d;font-size:.8rem;font-weight:700;padding:8px;width:100%;cursor:pointer}.skin-store-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skin-store-modal{background:#1e1e24;border:1px solid #333;padding:30px;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;text-align:center;position:relative;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.skin-store-modal h2{margin-top:0;margin-bottom:5px;color:#fff;font-size:2rem;text-shadow:0 0 10px rgba(255,255,255,.2)}.store-subtitle{color:#aaa;margin-bottom:20px;font-size:.9rem}.expiry-notice{color:#fff;margin-bottom:20px;font-size:.9rem;font-weight:700;text-shadow:0 0 5px rgba(255,0,0,.5)}.store-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-btn{background:transparent;border:2px solid #333;color:#888;padding:8px 20px;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .2s}.tab-btn.active{background:#fff;color:#000;border-color:#fff;font-weight:700;box-shadow:0 0 10px #ffffff4d}.skins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-bottom:30px;flex:1;overflow-y:auto}.skin-item{background:#2b2b35;border-radius:12px;padding:15px;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.skin-item:hover{background:#363642;transform:translateY(-2px)}.skin-item.selected{border-color:#4da8da;background:#4da8da1a;box-shadow:0 0 15px #4da8da33}.skin-item.pending{border-color:#fc0;animation:pulse-border 2s infinite}.skin-preview{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.preview-card{width:40px;height:56px;border-radius:4px;background-color:#1a1a1a;border:2px solid #444;position:relative}.preview-board{width:60px;height:60px;border-radius:50%;border:2px solid #555;position:relative;background-color:#2e7d32;overflow:hidden}.gacha-banner{background:linear-gradient(135deg,#7b2cbf,#240046);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;cursor:pointer;box-shadow:0 4px 15px #7b2cbf66;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.gacha-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b2cbf99}.gacha-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.gacha-icon{font-size:2.5rem;margin-right:16px;animation:bounce 2s infinite}.gacha-text{flex:1}.gacha-text h3{margin:0;color:gold;font-size:1.2rem;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.5)}.gacha-text p{margin:4px 0 0;font-size:.9rem;color:#fffc}.gacha-btn{background:#ff006e;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 2px 10px #ff006e66}.gacha-pending{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center;border:1px solid #333}.btn-claim-gacha{background:linear-gradient(45deg,#ff9e00,#ff0054);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 0 20px #ff005480;margin-top:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes shake-hint{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px);background:linear-gradient(135deg,#9d4edd,#3c096c)}20%,40%,60%,80%{transform:translate(10px)}}.shake-hint{animation:shake-hint .4s ease-in-out}.skin-name{font-size:.9rem;color:#ddd;font-weight:500}.lock-icon{position:absolute;top:5px;right:5px;font-size:.8rem;opacity:.7}.check-icon{position:absolute;top:5px;right:5px;color:#4da8da;font-weight:700;font-size:1rem;background:#00000080;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.claim-overlay{position:absolute;inset:0;background:#000c;border-radius:10px;display:flex;justify-content:center;align-items:center;z-index:10}.watching-text{color:#aaa;font-size:.8rem;font-style:italic;animation:pulse 1.5s infinite}.btn-claim{background:#fc0;color:#000;border:none;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 0 10px #ffcc0080}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.coin-balance{background:#0009;border:1px solid #ffd700;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:8px;color:gold;font-weight:700}.btn-add-coins{background:#28a745;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.gacha-actions{display:flex;gap:10px;margin-bottom:1.5rem}.gacha-option{flex:1;background:linear-gradient(135deg,#4da8da,#007bb5);padding:15px;border-radius:12px;cursor:pointer;text-align:center;transition:transform .1s;border:2px solid rgba(255,255,255,.1)}.gacha-option:active{transform:scale(.98)}.gacha-option.special{background:linear-gradient(135deg,#9c40ff,#7000e0);border:2px solid #ffd700}.gacha-label{font-size:1.1rem;font-weight:700;margin-bottom:5px}.gacha-cost{font-size:.9rem;opacity:.9}.store-tabs{display:flex;gap:10px;margin-bottom:1rem;justify-content:center}.btn-close{background:#e74c3c;color:#fff;border:none;padding:10px 30px;font-size:1rem;border-radius:25px;cursor:pointer;transition:background .2s;margin-top:auto}.btn-close:hover{background:#c0392b}.btn-close-x{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#666;font-size:1.5rem;cursor:pointer;line-height:1;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s}.btn-close-x:hover{color:#fff;background:#ffffff1a}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse-border{0%{border-color:#fc0}50%{border-color:#fff}to{border-color:#fc0}}@media(max-width:480px){.skin-store-modal{padding:20px;width:95%}.skins-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.skin-store-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}.skin-store-modal{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;overflow-y:auto!important;margin:0!important}.gacha-reveal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.stage-summon .energy-orb{animation:pulse-summon 1.5s infinite ease-in-out}.energy-orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff,#7b2cbf,#240046);box-shadow:0 0 20px #7b2cbf,0 0 50px #3c096c;position:relative;z-index:10}.summon-circle{position:absolute;width:300px;height:300px;border:2px solid rgba(123,44,191,.5);border-radius:50%;animation:spin-slow 10s linear infinite}.summon-circle:before{content:"";position:absolute;inset:-10px;border:2px dashed rgba(224,170,255,.3);border-radius:50%;animation:spin-reverse 15s linear infinite}.stage-charging .energy-orb{animation:shake-charge .1s infinite;background:radial-gradient(circle,#fff,#ff006e,#590d22);box-shadow:0 0 40px #ff006e,0 0 80px #800f2f;scale:1.2}.stage-charging .summon-circle{border-color:#ff006e;animation:spin-fast 1s linear infinite,collapse 2.5s forwards}.charge-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(255,0,110,.2) 21%,transparent 22%),radial-gradient(circle at 40% 60%,transparent 20%,rgba(131,56,236,.2) 21%,transparent 22%);animation:zoom-in 2s linear infinite;pointer-events:none}.white-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;animation:flash-fade .5s ease-out forwards;z-index:100}.stage-reveal{background:radial-gradient(circle at center,#240046,#000)}.reveal-container{display:flex;flex-direction:column;align-items:center;animation:float-in 1s ease-out;justify-content:center;width:100%;height:100%;max-width:none!important;animation:pop-in .2s cubic-bezier(.175,.885,.32,1.275);z-index:20}.gacha-title{color:#ff9e00;font-size:3rem;text-transform:uppercase;text-shadow:0 0 20px #ff9e00;margin-bottom:2rem;animation:scale-bounce .8s cubic-bezier(.175,.885,.32,1.275)}.item-showcase{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;transform:scale(1.5);margin:40px 0}.item-showcase:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,var(--item-color, #fff) 0%,transparent 70%);opacity:.5;z-index:2000;animation:pulse-glow 2s infinite}.preview-card-large{width:120px;height:180px;border-radius:12px;perspective:1000px;box-shadow:0 10px 30px #00000080}.preview-board-large{width:180px;height:120px;border-radius:12px;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #00000080}.gacha-reveal-content{background:transparent;padding:0;border:none;box-shadow:none;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.gacha-reveal-content h2{color:#ff9e00;margin-bottom:40px;font-size:3.5rem;text-shadow:0 0 20px rgba(255,158,0,.8);z-index:10}.results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px;padding:20px;max-height:70vh;overflow-y:auto;z-index:10;width:100%;max-width:1000px;justify-items:center}.reveal-item{display:flex;flex-direction:column;align-items:center;width:120px;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275) backwards}.reveal-item:nth-child(1){animation-delay:.1s}.reveal-item:nth-child(2){animation-delay:.2s}.reveal-item:nth-child(3){animation-delay:.3s}.reveal-item:nth-child(4){animation-delay:.4s}.reveal-item:nth-child(5){animation-delay:.5s}.reveal-item:nth-child(6){animation-delay:.6s}.reveal-item:nth-child(7){animation-delay:.7s}.reveal-item:nth-child(8){animation-delay:.8s}.reveal-item:nth-child(9){animation-delay:.9s}.reveal-item:nth-child(10){animation-delay:1s}.reveal-preview{width:60px;height:60px;border-radius:12px;background:#ffffff1a;display:flex;justify-content:center;align-items:center;margin-bottom:10px;border:2px solid rgba(255,255,255,.3)}.reveal-preview.type-dice{border-color:gold;color:gold}.reveal-preview.type-card{border-color:#ff006e;color:#ff006e}.reveal-preview.type-board{border-color:#00d4ff;color:#00d4ff}.reveal-name{color:#fff;font-size:.8rem;text-align:center;word-break:break-all}.gacha-title,h2{color:#ff9e00;font-size:2.5rem;text-transform:uppercase;text-shadow:0 0 20px #ff9e00;margin-bottom:2rem;animation:scale-bounce .8s cubic-bezier(.175,.885,.32,1.275)}.item-name{font-size:2rem;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:3rem}.tap-to-close,.btn-collect{color:#fff9;font-size:1rem;animation:blink 2s infinite;cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.5);padding:10px 40px;border-radius:30px;margin-top:20px}.btn-collect:hover{background:#ffffff1a;color:#fff}.god-rays{position:absolute;top:50%;left:50%;width:100vmax;height:100vmax;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.1) 10deg,transparent 20deg,rgba(255,255,255,.1) 30deg,transparent 40deg,rgba(255,255,255,.1) 50deg,transparent 60deg,rgba(255,255,255,.1) 70deg,transparent 80deg);transform:translate(-50%,-50%);animation:spin-slow 20s linear infinite;mix-blend-mode:screen;pointer-events:none;z-index:0}@keyframes pulse-summon{50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spin-fast{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes shake-violent{0%{transform:translate(0) rotate(0) scale(1.2)}25%{transform:translate(-10px,10px) rotate(-1deg) scale(1.25);filter:hue-rotate(90deg)}50%{transform:translate(10px,-10px) rotate(1deg) scale(1.3);filter:hue-rotate(180deg)}75%{transform:translate(-10px,-10px) rotate(-1deg) scale(1.25);filter:hue-rotate(270deg)}to{transform:translate(0) rotate(0) scale(1.2)}}.warp-lines{position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.8) 2deg,transparent 5deg);transform:translate(-50%,-50%);animation:warp-speed .2s linear infinite;opacity:.5;pointer-events:none;z-index:5}@keyframes warp-speed{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(180deg) scale(1.5)}}@keyframes bg-pulse{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}@keyframes shake-charge{0%{transform:translate(0) scale(1.2)}25%{transform:translate(-5px,5px) scale(1.25)}50%{transform:translate(5px,-5px) scale(1.2)}75%{transform:translate(-5px,-5px) scale(1.25)}to{transform:translate(0) scale(1.2)}}@keyframes collapse{0%{width:300px;height:300px;opacity:1}to{width:0;height:0;opacity:0}}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}@keyframes float-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:.5}}@keyframes blink{0%,to{opacity:.6}50%{opacity:.2}}.contact-modal{background:#1a1a1a;width:90%;max-width:500px;padding:24px;border-radius:12px;border:1px solid #333;box-shadow:0 10px 30px #00000080;color:#eee}.contact-modal h2{margin:0 0 20px;font-size:1.5rem;color:#fff;display:flex;align-items:center;gap:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:#ffffff1a;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:#fff3;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#ccc;font-weight:500}.required{color:#f44}.category-options{display:flex;gap:10px}.cat-btn{flex:1;padding:10px;border-radius:8px;border:1px solid #333;background:#252525;color:#aaa;cursor:pointer;transition:all .2s;font-size:.9rem}.cat-btn:hover{background:#333}.cat-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #333;background:#252525;color:#fff;font-family:inherit;font-size:.95rem;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:#4a90e2;background:#2a2a2a}textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{background:transparent;border:1px solid #444;color:#ccc;padding:10px 20px;border-radius:8px;cursor:pointer}.btn-secondary:hover{background:#333;color:#fff}.btn-primary{background:#4a90e2;border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary:hover:not(:disabled){background:#357abd}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#f44;font-size:.9rem;margin-bottom:15px;padding:10px;background:#ff44441a;border-radius:6px}.contact-modal.success{text-align:center;padding:40px}.success-icon{font-size:3rem;margin-bottom:15px}.modal-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}.contact-modal{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;overflow-y:auto!important;margin:0!important}body{background:linear-gradient(135deg,#1f4068,#162447,#1b1b2f);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;margin:0}.app{container-type:size;flex-shrink:0;text-align:center;min-height:100vh;max-width:480px;width:100vw;height:100dvh;max-height:850px;margin:auto;box-shadow:0 0 30px #0009;border-radius:12px;overflow:hidden;position:relative;background:#121212;display:flex;flex-direction:column;justify-content:center;align-items:center}.shake-intense{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.app:before,.app:after{content:"";position:fixed;left:0;right:0;height:0;background:#0a0a0a;z-index:999;transition:height .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.app:before{top:0}.app:after{bottom:0}.app.showdown-active:before,.app.showdown-active:after{height:12vh}.app-header{background:#2c3e50;color:#fff;padding:.3rem;box-shadow:0 2px 4px #0000001a}.header-title-row{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:1.5rem}.app-header h1{font-size:1rem;margin:0;text-align:center}.app-header .version{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:#888;font-weight:400}.btn-fullscreen{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;margin-left:auto;margin-right:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s}.btn-fullscreen:hover{background:#fff3;transform:scale(1.05)}.btn-fullscreen:active{transform:scale(.95)}body:has(.game-result-overlay) .app-header{display:none}.game-board{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.play-area{transform:none;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:1.5vh}.opponent-area,.player-area{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 6px #0000000d}.opponent-area{opacity:.9;transform:scale(.95)}.opponent-area .board{transform:rotate(180deg)}.controls{padding:8px;box-sizing:border-box;background:#fffffff2;width:100%;flex-shrink:0;z-index:10}.hand-container{margin-bottom:8px;display:flex;justify-content:center}.action-bar{display:flex;justify-content:center;align-items:center;gap:10px;min-height:30px;font-size:.85rem}.btn-primary{background:#007bff;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#28a745;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#1e7e34}.btn-secondary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.toggle-hidden{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;white-space:nowrap}.instruction{color:#666;font-style:italic;min-height:1.2em;display:block}@media(max-width:9999px){.instruction{width:100%;text-align:center}}.setup-screen{display:flex;flex-direction:column;align-items:center;gap:20px}@media(max-width:9999px){.app{container-type:size;flex-shrink:0;width:100vw;max-width:480px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:0}.app-header{padding:.2rem .2rem 0;flex-shrink:0;z-index:20}.app-header h1{font-size:1rem;margin:0;line-height:1.2}.game-board{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.play-area{transform:none;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:1.5vh}.controls{padding:8px;box-sizing:border-box;background:#fffffff2;width:100%;flex-shrink:0;z-index:10}.action-bar{display:flex;justify-content:center;align-items:center;width:100%;margin-top:5px}.place-controls{display:flex;justify-content:center;width:100%}.toggle-hidden{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font-size:.8rem;background:#ffffffe6;padding:6px 8px;border-radius:20px;max-width:95vw;width:fit-content;flex:0 0 auto}.toggle-hidden input{margin:0;padding:0;width:16px;height:16px;flex-shrink:0}.app-header.battle-mode{display:none!important}}.waiting-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 6px #0000001a}.waiting-message h3{margin:0;color:#333}.loading-spinner{width:24px;height:24px;border:3px solid #ddd;border-top-color:#007bff;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.mode-switch{display:flex;gap:10px;justify-content:center;margin-top:5px}.mode-switch button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#ccc;padding:4px 12px;font-size:.8rem;border-radius:15px;cursor:pointer;transition:all .2s}.mode-switch button:hover{background:#fff3;color:#fff}.mode-switch button.active{background:#3498db;border-color:#3498db;color:#fff;font-weight:700;box-shadow:0 0 5px #3498db80}.auth-status{position:absolute;top:10px;right:10px;z-index:50}.btn-auth{padding:6px 12px;background:#4da8da;border:none;color:#000;border-radius:4px;font-weight:700;cursor:pointer;font-size:1rem}@media(max-width:9999px){.auth-status{top:2px;right:2px}.btn-auth{padding:10px 4px;font-size:.65rem;line-height:1.1;white-space:break-spaces;max-width:60px;text-align:center}}.ad-banner-container{width:100%;height:50px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-top:2rem;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 10px 25px #00000080;max-width:90%;width:320px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.modal-content h3{margin-top:0;color:#2c3e50}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.finish-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}.finish-text{font-size:clamp(3rem,15vw,6rem);text-align:center;width:100%;font-weight:900;color:#fc0;text-shadow:0 0 20px rgba(0,0,0,.5),0 0 10px white;animation:finishPop .5s cubic-bezier(.175,.885,.32,1.275) forwards;letter-spacing:.5rem}@keyframes finishPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.active-auto{animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #e91e63b3}70%{box-shadow:0 0 0 10px #e91e6300}to{box-shadow:0 0 #e91e6300}}.turn-selection-overlay{position:absolute;inset:0;background:#0003;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff;text-shadow:0px 2px 4px rgba(0,0,0,.8)}.coin-container{width:200px;height:200px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;perspective:1200px}.coin{width:160px;height:160px;position:relative;transform-style:preserve-3d;transition:transform .3s ease;border-radius:50%!important}.coin.flipping{transition:none!important;animation:coin-glow-spin 2.5s ease-in-out infinite}.coin.flipped{transition:none!important}.coin.flipping.winner-0{animation:coin-spin-blue 2.5s cubic-bezier(.16,1,.3,1) forwards,coin-glow-spin 2.5s ease-in-out infinite}.coin.flipping.winner-1{animation:coin-spin-red 2.5s cubic-bezier(.16,1,.3,1) forwards,coin-glow-spin 2.5s ease-in-out infinite}.coin.flipped.winner-0{transform:rotateY(1080deg);animation:coin-result-glow-blue 2s infinite alternate}.coin.flipped.winner-1{transform:rotateY(900deg);animation:coin-result-glow-red 2s infinite alternate}.coin-front{width:160px;height:160px;border-radius:50%;position:absolute;top:50%;left:50%;background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #00000059,inset 0 2px 5px #fff6,inset 0 -2px 5px #0003,inset 0 0 10px #1e40af80;transform:translate(-50%,-50%) translateZ(8px);backface-visibility:hidden}.coin-back{width:160px;height:160px;border-radius:50%;position:absolute;top:50%;left:50%;background:radial-gradient(circle at 30% 30%,#f87171,#dc2626);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #00000059,inset 0 2px 5px #fff6,inset 0 -2px 5px #0003,inset 0 0 10px #991b1b80;transform:translate(-50%,-50%) rotateY(180deg) translateZ(-8px);backface-visibility:hidden}@keyframes coin-spin-blue{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}@keyframes coin-spin-red{0%{transform:rotateY(0)}to{transform:rotateY(900deg)}}@keyframes coin-glow-spin{0%,to{box-shadow:0 0 10px #fff3}50%{box-shadow:0 0 30px #fffc}}@keyframes coin-result-glow-blue{0%{box-shadow:0 0 10px #3b82f680,0 0 30px #3b82f64d}to{box-shadow:0 0 25px #3b82f6,0 0 60px #3b82f6b3}}@keyframes coin-result-glow-red{0%{box-shadow:0 0 10px #ef444480,0 0 30px #ef44444d}to{box-shadow:0 0 25px #ef4444,0 0 60px #ef4444b3}}.turn-choice-buttons{display:flex;gap:20px;margin-top:20px}.turn-choice-buttons button{padding:15px 30px;font-size:1.2rem;border-radius:12px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .2s,filter .2s}.turn-choice-buttons button:hover{transform:scale(1.05);filter:brightness(1.1)}.turn-choice-buttons button:active{transform:scale(.95)}.toss-winner-text{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(255,255,255,.3)}.waiting-turn-text{font-size:1.5rem;color:#ccc;animation:pulse 1.5s infinite}.turn-announce-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:turn-announce-fade 3s ease forwards;pointer-events:none}@keyframes turn-announce-fade{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1.02)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.turn-announce-content{display:flex;flex-direction:column;align-items:center;gap:16px}.turn-announce-row{display:flex;align-items:center;gap:20px;animation:slide-in-announce .4s ease}.turn-announce-row.second{animation-delay:.15s;opacity:0;animation-fill-mode:forwards}@keyframes slide-in-announce{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.turn-announce-badge{font-size:1.1rem;font-weight:900;letter-spacing:.1em;padding:6px 18px;border-radius:6px;min-width:72px;text-align:center}.first-badge{background:linear-gradient(135deg,#f6d365,#fda085);color:#1a1a2e;box-shadow:0 4px 15px #fda08599}.second-badge{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#1a1a2e;box-shadow:0 4px 15px #a18cd199}.turn-announce-name{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:900;color:#fff;text-shadow:0 2px 20px rgba(255,255,255,.4),0 0 40px rgba(255,200,100,.3);letter-spacing:.02em;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-announce-divider{font-size:1.4rem;font-weight:900;color:#fff6;letter-spacing:.3em}.app-header{position:relative!important;min-height:52px!important;padding:8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.header-title-row h1{font-size:1.2rem!important;padding:0 45px!important;margin:0!important;line-height:1.2!important}.btn-fullscreen{position:absolute!important;left:8px!important;top:8px!important;width:32px!important;height:32px!important;margin:0!important}.auth-status{position:absolute!important;right:8px!important;top:8px!important;margin:0!important;z-index:100!important}.auth-status button{padding:4px 8px!important;font-size:.65rem!important}.auth-status span{font-size:.65rem!important}.lobby-home{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a);padding:8px}.lobby-top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:8px 16px;margin-top:25px;z-index:10;box-shadow:0 4px 15px #0000004d}.player-rank-badge{background:linear-gradient(135deg,#f36,#f05);border:2px solid #fff;border-radius:50%;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px #f369}.rank-label{font-size:.5rem;color:#fffc;font-weight:800;line-height:1}.rank-value{font-size:1.1rem;color:#fff;font-weight:900;line-height:1}.player-meta-info{display:flex;flex-direction:column;align-items:flex-start}.player-display-name{font-size:.95rem;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-display-id{font-size:.65rem;color:#aaa}.rating-resource-box{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:4px 10px;display:flex;align-items:center;gap:6px}.resource-icon{font-size:.9rem}.resource-value{font-size:.9rem;color:gold;font-weight:700}.lobby-character-area{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-top:10px}.lobby-character-image{height:440px;object-fit:contain;z-index:2;pointer-events:none;animation:float-character 6s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,.6));margin-top:-10px}@keyframes float-character{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}to{transform:translateY(0) rotate(0)}}.speech-bubble{position:absolute;top:15px;background:#fffffff2;border-radius:16px;padding:10px 14px;width:85%;box-sizing:border-box;box-shadow:0 10px 25px #0006;z-index:5;border:2px solid #ff3366}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:rgba(255,255,255,.95) transparent;display:block;width:0}.speaker-name{font-size:.65rem;color:#f36;font-weight:800;text-transform:uppercase;margin-bottom:2px;letter-spacing:.05em}.speech-text{font-size:.75rem;color:#1a1a2e;margin:0;line-height:1.3;font-weight:600;text-align:left}.lobby-actions-panel{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 8px;box-sizing:border-box;z-index:10;margin-bottom:70px}.quest-btn-primary{width:100%;background:linear-gradient(135deg,#d32f2f,#b71c1c,maroon);border:3px solid #ffd700;border-radius:12px;color:#fff;padding:14px 20px;cursor:pointer;box-shadow:0 5px 15px #d32f2f66,inset 0 0 15px #ffd70033;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,1,.5,1);transform:skew(-4deg)}.quest-btn-primary:hover{transform:skew(-4deg) scale(1.02);box-shadow:0 8px 25px #d32f2f99,inset 0 0 25px #ffd70066}.quest-btn-primary:active{transform:skew(-4deg) scale(.98)}.quest-tag{font-size:.65rem;font-weight:800;color:gold;letter-spacing:.1em;text-transform:uppercase}.quest-title{font-size:1.15rem;font-weight:900;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.6)}.sub-battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quest-btn-secondary{background:linear-gradient(135deg,#1f4068,#162447);border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0003}.quest-btn-secondary:hover{background:linear-gradient(135deg,#3282b8,#1f4068);border-color:#fff6;transform:translateY(-2px)}.lobby-footer-tabs{position:absolute;bottom:0;left:0;width:100%;display:grid;grid-template-columns:repeat(5,1fr)!important;background:#12121ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1.5px solid rgba(255,255,255,.1);padding:6px 0;z-index:20}.tab-item{background:none;border:none;color:#777;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .2s}.tab-icon{font-size:1.1rem}.tab-label{font-size:.6rem;font-weight:700}.tab-item:hover,.tab-item.active{color:#f36}.tab-item.active .tab-icon{transform:scale(1.1);text-shadow:0 0 10px rgba(255,51,102,.5)}.app:has(.lobby-home) .app-header,.app:has(.online-lobby) .app-header{display:none!important}.lobby-home .sub-battle-actions{display:flex!important;justify-content:center!important;width:100%!important}.rules-overlay,.modal-overlay,.skin-store-overlay,.mypage-overlay,.auth-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important;animation:modalFadeIn .2s ease-out!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.rules-content,.contact-modal,.skin-store-modal,.mypage-content,.auth-modal{flex:1!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow-y:auto!important;width:100%!important;box-sizing:border-box!important}.rules-content h2,.contact-modal h2,.contact-modal h3,.store-header h2,.mypage-header .username,.auth-modal h2{font-size:1.15rem!important;font-weight:800!important;color:#f36!important;letter-spacing:.05em!important;margin:0!important;text-transform:uppercase!important;border-bottom:2px solid rgba(255,51,102,.2)!important;padding-bottom:6px!important;text-align:left!important}.btn-close,.rules-overlay .btn-secondary,.contact-modal form .btn-secondary,.mypage-footer button,.auth-modal .btn-secondary,.modal-actions button:first-child{background:linear-gradient(135deg,#333,#111)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;color:#f36!important;font-size:.85rem!important;font-weight:700!important;padding:10px!important;width:100%!important;cursor:pointer!important;margin-top:auto!important;box-shadow:0 4px 10px #0003!important;transition:all .2s!important}.btn-close:hover,.rules-overlay .btn-secondary:hover,.contact-modal form .btn-secondary:hover,.mypage-footer button:hover,.auth-modal .btn-secondary:hover{background:linear-gradient(135deg,#444,#222)!important;transform:translateY(-2px)!important}.rules-close-btn{background:linear-gradient(135deg,#333,#111)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;color:#f36!important;font-size:.85rem!important;font-weight:700!important;padding:10px!important;width:100%!important;cursor:pointer!important;margin-top:auto!important;box-shadow:0 4px 10px #0003!important;transition:all .2s!important}.rules-close-btn:hover{background:linear-gradient(135deg,#444,#222)!important;transform:translateY(-2px)!important}.app{width:100vw!important;max-width:480px!important;height:100dvh!important;max-height:850px!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.lobby-home,.lobby-container.online-lobby,.rules-overlay,.modal-overlay,.skin-store-overlay,.mypage-overlay,.auth-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:480px!important;max-height:850px!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important}.lobby-home{z-index:1!important;padding:12px!important}.rules-content,.contact-modal,.skin-store-modal,.mypage-content,.auth-modal{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow:hidden!important}.rules-content h2,.contact-modal h2,.contact-modal h3,.store-header h2,.mypage-header .username,.auth-modal h2{font-size:1.15rem!important;font-weight:800!important;color:#f36!important;letter-spacing:.05em!important;margin:15px 0 0!important;text-transform:uppercase!important;border-bottom:2px solid rgba(255,51,102,.2)!important;padding-bottom:8px!important;text-align:left!important}.rules-scroll-area,.mypage-body,.skins-grid,.contact-modal form{flex:1!important;overflow-y:auto!important;padding-right:4px!important;box-sizing:border-box!important}.rules-content .close-btn,.contact-modal .close-btn,.skin-store-modal .btn-close-x,.mypage-content .close-btn{display:none!important}.btn-close,.rules-close-btn,.rules-overlay .btn-secondary,.contact-modal form .btn-secondary,.mypage-footer button,.auth-modal .btn-secondary{background:linear-gradient(135deg,#f36,#f05)!important;border:1px solid #fff!important;border-radius:12px!important;color:#fff!important;font-size:.9rem!important;font-weight:700!important;padding:12px!important;width:100%!important;cursor:pointer!important;margin-top:10px!important;box-shadow:0 4px 15px #ff33664d!important;transition:all .2s!important;text-transform:uppercase!important;letter-spacing:.05em!important}.btn-close:hover,.rules-close-btn:hover,.rules-overlay .btn-secondary:hover,.contact-modal form .btn-secondary:hover,.mypage-footer button:hover,.auth-modal .btn-secondary:hover{background:linear-gradient(135deg,#f58,#f27)!important;transform:translateY(-2px)!important}.btn-close:active,.rules-close-btn:active{transform:translateY(0)!important}.hand .card{width:14.5cqw!important;height:21.75cqw!important}.hand-card-wrapper{margin:0 1px!important}.player-rating-badge{background:linear-gradient(135deg,gold,#fa0);border:2px solid #fff;border-radius:12px;min-width:60px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px #ffd70066;padding:0 6px;box-sizing:border-box}.rating-label{font-size:.55rem;color:#111;font-weight:900;line-height:1;letter-spacing:.05em}.rating-value{font-size:.95rem;color:#111;font-weight:900;line-height:1.1}.play-area{padding-bottom:12px!important;box-sizing:border-box!important}.controls{margin-top:auto!important;position:relative!important;z-index:100!important;box-shadow:0 -5px 15px #0000004d!important}.controls{background:#0f0f1bfa!important;border-top:1.5px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:8px!important;box-sizing:border-box!important;width:100%!important;flex-shrink:0!important;z-index:150!important}.hand{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;min-height:20cqw!important;padding:4px!important}.toggle-hidden{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:8px!important;padding:5px 10px!important}.game-board{overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.play-area{height:100%!important;max-height:100%!important;overflow:hidden!important}.dice-roll-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dice-roll-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.dice-container-large .dice{font-size:3rem;box-shadow:0 10px 25px #00000080}@media(max-width:900px){.dice-container-large{transform:scale(.3);transform-origin:center center}}.dice-roll-title{color:#fff;font-size:2.5rem;text-shadow:0 0 10px rgba(79,172,254,.8);font-weight:700;letter-spacing:2px}.dice-container-large{display:flex;gap:1.5rem}.rolling-dice{transition:transform .2s}.rolling-dice.shaking{animation:shake .1s infinite}.rolling-dice.landed{transform:scale(1.1);animation:land-pulse .3s ease-out}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes land-pulse{0%{transform:scale(1.1);filter:brightness(1.5)}50%{transform:scale(1.3);filter:brightness(2);box-shadow:0 0 20px #ffffff80}to{transform:scale(1.1);filter:brightness(1)}}@media(max-width:600px){.dice-container-large{gap:.5rem}.dice-roll-title{font-size:1.5rem}}.rules-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.rules-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4da8da;border-radius:16px;padding:24px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 30px #4da8da4d;position:relative;color:#e0e0e0}.rules-content h2{margin-top:0;margin-bottom:20px;text-align:center;color:#4da8da;border-bottom:2px solid rgba(77,168,218,.2);padding-bottom:10px}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#888;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.rules-scroll-area{overflow-y:auto;padding-right:10px}.rules-scroll-area::-webkit-scrollbar{width:6px}.rules-scroll-area::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.rules-scroll-area::-webkit-scrollbar-thumb{background:#4da8da;border-radius:3px}section{margin-bottom:24px;background:#ffffff08;padding:15px;border-radius:8px}h3{margin-top:0;color:#fc0;display:flex;align-items:center;gap:8px}.rules-list,ol{padding-left:20px;line-height:1.6}.score-explanation{display:flex;flex-direction:column;gap:12px}.score-item{background:#0000004d;padding:10px;border-radius:6px;border-left:3px solid #ffcc00}.score-item strong{color:#fff;display:block;margin-bottom:4px}.score-item p{margin:4px 0;font-size:.95rem;color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.rules-content{padding:16px;max-height:90vh}.rules-content h2{font-size:1.5rem}.rankings-grid{flex-direction:column}}.rankings-grid{display:flex;gap:20px}.ranking-column{flex:1;background:#0003;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ranking-column h4{margin-top:0;margin-bottom:10px;color:#4da8da;border-bottom:1px solid rgba(77,168,218,.3);padding-bottom:5px;font-size:1rem}.hand-list{margin:0;padding-left:20px}.hand-list li{margin-bottom:4px;font-size:.9rem;color:#ddd}.note{font-size:.8em;color:#888;margin-left:4px}.hand-example{margin-bottom:12px;background:#0003;padding:8px;border-radius:6px}.hand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hand-title{color:#e0e0e0;font-weight:700;font-size:.95rem}.hand-note{font-size:.8rem;color:gold;background:#ffd7001a;padding:2px 6px;border-radius:4px}.hand-cards{display:flex;gap:4px;justify-content:flex-start;flex-wrap:wrap}.rules-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}.rules-content{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;overflow-y:auto!important;margin:0!important}.turn-timer{position:fixed;top:80px;right:20px;background:#000000d9;border:4px solid #fff;border-radius:12px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;z-index:100;width:100px;transition:border-color .3s ease}@media(max-width:600px){.turn-timer{top:55px;bottom:auto;right:5px;width:80px;padding:5px 10px;transform:scale(.8);transform-origin:top right}}.timer-label{font-size:.8rem;color:#aaa;margin-bottom:2px}.timer-value{font-size:1.8rem;font-weight:700;color:#fff;font-family:monospace}.turn-timer.warning .timer-value{color:#fc0;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.auth-content{background:#1a1a1a;padding:30px;border-radius:12px;width:90%;max-width:400px;position:relative;border:1px solid #333;box-shadow:0 4px 20px #00000080;color:#fff;text-align:center}.auth-content h2{margin-top:0;margin-bottom:10px}.auth-description{color:#888;margin-bottom:20px;font-size:.9rem}.auth-error{background:#ff00001a;border:1px solid #ff4444;color:#f44;padding:10px;border-radius:4px;margin-bottom:20px;font-size:.9rem}.auth-content form input{width:100%;padding:12px;background:#333;border:1px solid #444;border-radius:6px;margin-bottom:12px;color:#fff;box-sizing:border-box}.auth-content form input:focus{outline:none;border-color:#4da8da}.auth-submit-btn{width:100%;padding:12px;background:#4da8da;color:#000;border:none;border-radius:6px;font-weight:700;cursor:pointer;margin-top:10px;transition:background .2s}.auth-submit-btn:hover{background:#3d98c9}.auth-submit-btn:disabled{background:#555;cursor:wait}.auth-toggle{margin-top:20px;padding-top:20px;border-top:1px solid #333}.auth-toggle button{background:none;border:none;color:#888;font-size:.9rem;cursor:pointer;text-decoration:underline}.auth-toggle button:hover{color:#fff}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer}.close-btn:hover{color:#fff}.auth-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}.auth-content{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;overflow-y:auto!important;margin:0!important}.mypage-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mypage-content{background:#1a1a1a;width:90%;max-width:500px;height:80vh;border-radius:12px;border:1px solid #333;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px #00000080;color:#eee}.close-btn{position:absolute;top:10px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:1.8rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;z-index:10}.close-btn:hover{background:#fff3}.mypage-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;gap:15px}.header-left{display:flex;flex-direction:column;gap:5px}.mypage-header h2{margin:0;font-size:1.5rem;background:linear-gradient(45deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-identity{min-height:24px}.name-display-row{display:flex;align-items:center;gap:8px}.username{font-size:1rem;color:#4da8da;font-weight:700}.edit-icon-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:0}.edit-icon-btn:hover{color:#fff}.name-edit-row{display:flex;align-items:center;gap:5px}.name-input{background:#333;border:1px solid #555;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9rem;width:120px}.save-btn,.cancel-btn{padding:4px 8px;border-radius:4px;border:none;cursor:pointer;font-size:.8rem;font-weight:700}.save-btn{background:#4da8da;color:#000}.cancel-btn{background:#444;color:#ccc}.level-badge{background:linear-gradient(135deg,#f09819,#edde5d);padding:5px 10px;border-radius:20px;color:#000;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 0 10px #f0981966}.level-label{font-size:.7rem;opacity:.8}.level-val{font-size:1.2rem}.mypage-tabs{display:flex;background:#111}.mypage-tabs button{flex:1;background:transparent;border:none;padding:15px;color:#666;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.mypage-tabs button.active{color:#fff;border-bottom-color:#4da8da;background:#4da8da0d}.mypage-body{flex:1;overflow-y:auto;padding:20px}.stats-view{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.stat-card{background:#252525;padding:15px;border-radius:8px;text-align:center;border:1px solid #333}.stat-card label{display:block;font-size:.8rem;color:#888;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.stat-card .value{font-size:1.5rem;font-weight:700;color:#fff}.stat-card .value.highlight{color:#4da8da}.xp-section{grid-column:1 / -1;margin-top:20px;background:#252525;padding:15px;border-radius:8px;border:1px solid #333}.xp-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#ccc}.xp-bar-bg{height:10px;background:#111;border-radius:5px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4da8da,#00cdac);border-radius:5px}.ranking-view table{width:100%;border-collapse:collapse}.ranking-view th{text-align:left;color:#666;font-size:.8rem;padding-bottom:10px;border-bottom:1px solid #333}.ranking-view td{padding:12px 0;border-bottom:1px solid #222;font-size:.95rem}.ranking-view tr.highlight td{color:#f09819;font-weight:700}.achievement-item{display:flex;align-items:center;gap:15px;background:#252525;padding:12px;margin-bottom:10px;border-radius:8px;border:1px border #333}.achievement-item .icon{font-size:1.5rem;background:#333;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.achievement-item .info{flex:1}.achievement-item .title{font-weight:700;color:#eee}.achievement-item .date{font-size:.8rem;color:#666}.empty-state{text-align:center;color:#666;margin-top:50px}.mypage-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1b1b2f,#0d0d1a)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}.mypage-content{flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 25px #00000080!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;overflow-y:auto!important;margin:0!important}.showdown-popup-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none;z-index:10000!important;overflow:hidden!important;box-sizing:border-box!important}.showdown-cutin-left,.showdown-cutin-right{position:absolute!important;width:150%!important;height:11%!important;z-index:4!important;pointer-events:none!important;box-shadow:0 8px 25px #000000d9!important}.showdown-cutin-left{top:36%!important;left:-25%!important;transform:translateY(-50%) skew(-25deg)!important;border-bottom:4px solid rgba(255,255,255,.9)!important}.showdown-cutin-right{top:50%!important;right:-25%!important;transform:translateY(-50%) skew(-25deg)!important;border-top:4px solid rgba(255,255,255,.9)!important}.cutin-p1{background:linear-gradient(90deg,#051c30,#0052d4,#00f2fe,#0052d4,#051c30)!important}.cutin-p2{background:linear-gradient(90deg,#2a080c,#b20a2c,#ff0844,#b20a2c,#2a080c)!important}.cutin-draw{background:linear-gradient(90deg,#111,#444,#e0e0e0,#888,#111)!important}.cutin-xhand-p1{background:linear-gradient(90deg,#051c30,#00f2fe,gold,#00f2fe,#051c30)!important;border-top:3px solid #ffd700!important;border-bottom:5px solid #ffd700!important}.cutin-xhand-p2{background:linear-gradient(90deg,#2a080c,#ff0844,gold,#ff0844,#2a080c)!important;border-top:5px solid #ffd700!important;border-bottom:3px solid #ffd700!important}.showdown-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff,#ffffffb3,#fff0 80%);z-index:6;pointer-events:none;mix-blend-mode:overlay}.showdown-popup-content{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#040408f5!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:3px solid #fff!important;padding:20px 15px!important;border-radius:18px!important;z-index:10!important;box-shadow:0 15px 45px #000000f2!important;width:92%!important;min-width:unset!important;box-sizing:border-box!important}.popup-p1{border-color:#00f2fe!important;box-shadow:0 0 35px #00f2fe80!important}.popup-p1 .popup-title{color:#fff!important;text-shadow:0 0 10px #00f2fe,0 0 25px #0052d4,0 0 45px #00f2fe!important}.popup-p1 .popup-subtitle{color:#00f2fe!important;text-shadow:0 0 8px rgba(0,242,254,.85)!important}.popup-p2{border-color:#ff0844!important;box-shadow:0 0 35px #ff084480!important}.popup-p2 .popup-title{color:#fff!important;text-shadow:0 0 10px #ff0844,0 0 25px #b20a2c,0 0 45px #ff0844!important}.popup-p2 .popup-subtitle{color:#ff0844!important;text-shadow:0 0 8px rgba(255,8,68,.85)!important}.popup-draw{border-color:#ccc!important;box-shadow:0 0 25px #cccccc4d!important}.popup-draw .popup-title{color:#fff!important;text-shadow:0 0 8px #ffffff,0 0 20px #888888!important}.popup-draw .popup-subtitle{color:#ccc!important}.popup-xhand-p1{border-color:gold!important;box-shadow:0 0 45px #ffd700b3,inset 0 0 20px #00f2fe4d!important}.popup-xhand-p1 .popup-title{color:#fff!important;text-shadow:0 0 10px #ffd700,0 0 25px #00f2fe,0 0 45px #ffd700!important}.popup-xhand-p1 .popup-subtitle{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.95)!important}.popup-xhand-p2{border-color:gold!important;box-shadow:0 0 45px #ffd700b3,inset 0 0 20px #ff08444d!important}.popup-xhand-p2 .popup-title{color:#fff!important;text-shadow:0 0 10px #ffd700,0 0 25px #ff0844,0 0 45px #ffd700!important}.popup-xhand-p2 .popup-subtitle{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.95)!important}.popup-subtitle{font-size:4.8cqw!important;font-weight:900!important;letter-spacing:.15em!important;margin-bottom:8px!important;text-transform:uppercase!important;text-align:center!important}.popup-title{font-weight:1000!important;text-transform:uppercase!important;text-align:center!important;white-space:nowrap!important;letter-spacing:.02em!important;padding:5px 0!important}.showdown-cards-container{display:flex!important;justify-content:center!important;gap:2cqw!important;margin-top:15px!important;width:100%!important;box-sizing:border-box!important}.showdown-card-wrapper{margin:0!important}.showdown-card-wrapper .card{width:14cqw!important;height:21cqw!important;border-radius:6px!important;padding:3px!important;box-sizing:border-box!important;box-shadow:0 4px 10px #0006!important}.showdown-card-wrapper .card .rank,.showdown-card-wrapper .card .suit{font-size:2.2cqw!important}.showdown-card-wrapper .card .card-center{font-size:5.5cqw!important}.showdown-asset-container{display:flex!important;justify-content:center!important;align-items:center!important;margin:10px 0!important;max-height:25%!important;width:100%!important}.showdown-asset-effect{max-height:20vh!important;max-width:90%!important;object-fit:contain!important}