@font-face{font-family:Pixel32;src:url(./32-Bo8Q6GYV.woff) format("woff");font-weight:400;font-style:normal}:root{--bg-color: #0d0d0d;--text-color: #f5f5f5;--accent-red: #c0392b;--accent-dark-red: #8b0000;--gold: #d4af37;--gold-bright: #ffd700;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-main: 0 20px 50px rgba(0, 0, 0, .8);--font-main: "Pixel32", "Noto Sans TC", sans-serif;--font-title: "Pixel32", cursive;--font-ui: "Pixel32", cursive}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(192,57,43,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(212,175,55,.1) 0%,transparent 40%),url(https://www.transparenttextures.com/patterns/dark-leather.png);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:none;font-smooth:never;text-rendering:pixelated;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#game-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-container{width:1280px;height:720px;background:#111;border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-main);flex-shrink:0}.game-layout{display:flex;flex-direction:column;width:100%;height:100%}#top-bar{height:110px;background:linear-gradient(to bottom,#111,#1a1a1a);border-bottom:2px solid var(--gold);display:flex;align-items:center;padding:0 40px;box-shadow:0 5px 20px #0009;z-index:10}.generals-strip{display:flex;gap:12px;width:100%}.gen-mini{width:85px;height:100px;background:var(--glass);border:1px solid rgba(212,175,55,.4);border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1rem;font-family:var(--font-ui);color:var(--gold-bright);text-align:center;padding:8px;position:relative;cursor:help;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gen-mini:hover{transform:translateY(-5px) scale(1.05);background:#d4af3726;border-color:var(--gold-bright);box-shadow:0 5px 15px #d4af374d}.sell-btn{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--accent-red);border:2px solid #fff;border-radius:50%;color:#fff;font-size:.75rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #00000080;opacity:0;transition:.2s}.gen-mini:hover .sell-btn{opacity:1}#main-area{display:flex;flex-grow:1;background-image:linear-gradient(#000000b3,#000000b3),url(https://www.transparenttextures.com/patterns/carbon-fibre.png)}#left-bar{width:260px;background:#0006;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-box{margin-bottom:25px;padding:20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;text-align:center}.stat-box h3{font-family:var(--font-ui);color:var(--gold);font-size:1.1rem;margin-bottom:10px;letter-spacing:1px}.stat-val{font-size:2.8rem;font-weight:900;color:var(--gold-bright);text-shadow:0 0 15px rgba(212,175,55,.4)}#center-battle{flex-grow:1;display:flex;justify-content:center;padding:20px}.battle-scene{width:100%;max-width:900px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.target-box{text-align:center}.target-box h3{font-family:var(--font-title);font-size:2.2rem;color:var(--gold-bright);margin-bottom:10px;text-shadow:0 0 10px rgba(0,0,0,.8)}progress{width:450px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000c;border-radius:0;border:2px solid var(--gold);box-shadow:0 0 15px #000c}.side-progress{width:100%!important;height:10px!important}progress::-webkit-progress-bar{background:#ffffff1a}progress::-webkit-progress-value{background:linear-gradient(to right,var(--accent-red),var(--accent-dark-red));box-shadow:0 0 10px var(--accent-red)}.hand-row{display:flex;gap:15px;perspective:1000px}.playing-card{width:110px;height:155px;background:linear-gradient(135deg,#fff,#e0e0e0);color:#111;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;font-family:var(--font-ui);font-weight:700;box-shadow:0 8px 15px #0006;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.1)}.playing-card:hover{transform:translateY(-15px) rotate(2deg);box-shadow:0 15px 30px #0009}.playing-card.selected{transform:translateY(-30px);box-shadow:0 0 20px var(--gold-bright);border:3px solid var(--gold-bright)}.playing-card.back{background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-dark-red) 100%);border:4px solid #fff;position:relative}.playing-card.back:after{content:"派";font-family:var(--font-title);color:#ffffff4d;font-size:4rem}.hand-row.mini{gap:8px}.playing-card.mini{width:55px;height:78px;font-size:1.1rem;box-shadow:0 4px 8px #0006}.playing-card.mini:hover{transform:translateY(-6px) rotate(2deg)}.action-row{display:flex;align-items:center;gap:20px;background:#0000004d;padding:15px 30px;border-radius:50px;border:1px solid var(--glass-border)}.point-bubble{background:var(--gold);color:#111;padding:10px 25px;border-radius:25px;font-weight:900;font-size:1.3rem;font-family:var(--font-ui);box-shadow:inset 0 2px 4px #0000004d}button{background:linear-gradient(to bottom,var(--accent-red),var(--accent-dark-red));color:#fff;border:1px solid var(--gold);padding:10px 25px;font-size:1.1rem;font-family:var(--font-ui);cursor:pointer;border-radius:8px;transition:all .2s ease;box-shadow:0 4px 0 var(--accent-dark-red)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--accent-dark-red);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 0 var(--accent-dark-red)}button:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed;box-shadow:none}.battle-logs{background:#00000080;padding:12px;border-radius:12px;width:90%;min-height:60px;text-align:center;color:#aaa;font-size:.95rem;border:1px solid rgba(255,255,255,.05)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#1a1a1a;padding:40px;border:1px solid var(--gold);border-radius:16px;text-align:center;min-width:550px;max-height:90%;overflow-y:auto;box-shadow:0 0 60px #000c}.title-screen h1{font-family:var(--font-title);font-size:6rem;color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.5);margin-bottom:10px}.title-screen{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:56px 64px 44px;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(212,175,55,.22) 0%,transparent 30%),linear-gradient(135deg,#0e0a10f5,#1a1216e0,#0c0a0eeb)}.title-hero-art{position:absolute;inset:0 0 0 auto;width:min(42%,460px);background:linear-gradient(270deg,#08060a1a,#08060a73 48%,#08060af2),linear-gradient(180deg,#d4af3714,#c0392b1f),url(./diao_chan_sexy_pixel_3-DayWwuRK.png);background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.92;pointer-events:none}.title-backdrop-glow{position:absolute;width:380px;height:380px;right:14%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(192,57,43,.28) 0%,rgba(212,175,55,.14) 38%,transparent 72%);filter:blur(18px);pointer-events:none}.title-copy{position:relative;z-index:2;width:min(100%,640px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.title-kicker{letter-spacing:.28rem;text-transform:uppercase;color:#ffd700c7;font-size:.9rem}.title-subtitle{max-width:520px;font-size:1.22rem;color:#ebe6e0e0;font-style:italic;line-height:1.6}.title-actions{display:flex;flex-direction:column;align-items:center;margin-top:10px;gap:12px}.title-start-button{font-size:1.5rem;padding:16px 64px;min-width:260px;box-shadow:0 16px 30px #8b000059}.title-leaderboard{position:relative;z-index:2;margin-top:38px;width:min(100%,640px);padding:22px 24px;border-radius:16px;background:#08080cad;border:1px solid rgba(212,175,55,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title-language-panel{width:min(260px,100%);padding:12px 14px;border-radius:16px;background:#0a0a0ebd;border:1px solid rgba(212,175,55,.26);box-shadow:0 14px 32px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.difficulty-selector{width:min(420px,100%);padding:16px 20px;border-radius:16px;background:#0a0a0ebd;border:1px solid rgba(212,175,55,.26);box-shadow:0 14px 32px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.difficulty-label{color:var(--gold);font-size:1rem;letter-spacing:1px;display:block;margin-bottom:10px}.difficulty-buttons{display:flex;gap:10px;justify-content:center}.difficulty-btn{padding:8px 16px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;border-radius:4px;transition:all .3s;font-family:var(--font-ui);font-size:.95rem;box-shadow:none}.difficulty-btn.active,.difficulty-btn:hover{background:var(--gold);color:#000;box-shadow:0 2px 8px #d4af374d}.difficulty-desc{font-size:.85rem;color:#aaa;margin-top:10px;line-height:1.4}.title-language-label{display:flex;flex-direction:column;gap:8px;color:#b8b0a6;font-size:.86rem;align-items:center;text-align:center}.title-language-select{width:100%;min-width:0;padding:10px 12px;border-radius:10px;background:#1a1416e6;color:#f2ede6;border:1px solid rgba(212,175,55,.4)}.title-hint{width:min(100%,560px);margin-top:26px;padding:14px 18px;border-radius:14px;background:#09080a85;border:1px solid rgba(212,175,55,.16);color:#8a7d73;font-size:.85rem;line-height:1.5;transition:opacity 1s ease-out}.split-hands-container{display:flex;flex-direction:row;justify-content:center;gap:30px;margin:10px 0;flex-wrap:wrap}.split-hands-container .hand-row{position:relative;padding:10px 40px 10px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:200px}.split-hands-container .active-hand{background:#d4af3733;border:2px solid var(--gold);box-shadow:0 0 15px #d4af374d}.split-hands-container .inactive-hand{background:#0000004d;border:2px solid transparent;opacity:.7}.split-hands-container .inactive-hand:hover{border-color:#d4af3780;opacity:.9}.split-hands-container .hand-row .playing-card{margin-left:-40px}.split-hands-container .hand-row .playing-card:first-child{margin-left:0}.hand-points{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.2rem;font-weight:700;text-align:left}.playing-card.corner-style{position:relative;display:flex;justify-content:space-between;padding:8px}.playing-card.corner-style .card-corner-top{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:center;font-size:1.4rem;line-height:1}.playing-card.corner-style .card-corner-bottom{position:absolute;bottom:8px;right:8px;display:flex;flex-direction:column;align-items:center;font-size:1.4rem;line-height:1;transform:rotate(180deg)}@media(max-width:900px){.title-screen{padding:44px 28px 140px}.title-screen h1{font-size:4.6rem}.title-hero-art{width:52%;opacity:.4;background-position:120% center}.title-language-panel{width:min(100%,320px)}}.reward-card{border:2px solid rgba(212,175,55,.3);background:#ffffff08;border-radius:12px;padding:20px;transition:.3s}.reward-card:hover:not(.cannot-afford){border-color:var(--gold-bright);background:#d4af371a}.tooltip{display:none;position:absolute;top:110px;left:50%;transform:translate(-50%);width:240px;background:#111;border:1px solid var(--gold);border-radius:8px;color:#ddd;padding:15px;font-size:.85rem;z-index:2000;box-shadow:0 10px 30px #000;pointer-events:none}.tooltip-trigger:hover .tooltip{display:block;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.deck-display{display:flex;flex-direction:column;gap:12px}.deck-row{display:flex;justify-content:center;gap:10px}.mini-card{width:50px;height:70px;background:#252525;border:1px solid #444;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-family:var(--font-ui);box-shadow:0 4px 8px #0006;transition:all .2s ease}.mini-card.played{background:#111;border-color:#222;opacity:.25;box-shadow:none;transform:scale(.95)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.pixel-art,img[src*=".png"],img[src*=".gif"]{image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.title-logo{image-rendering:pixelated!important;image-rendering:crisp-edges!important}.settings-button{position:fixed;top:20px;right:20px;width:48px;height:48px;background:#0009;border:2px solid var(--gold);border-radius:50%;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.settings-button:hover{background:#ffd70033;transform:rotate(30deg)}.settings-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;padding:40px 20px;z-index:200;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--gold)}.settings-header h2{color:var(--gold);font-size:2rem;margin:0}.close-settings{width:40px;height:40px;background:transparent;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-settings:hover{background:var(--gold);color:#000}.settings-section{margin-bottom:40px}.settings-section h3{color:var(--gold);font-size:1.3rem;margin-bottom:20px;text-align:center}.language-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.language-btn{padding:12px 24px;background:#ffffff1a;border:2px solid #666;border-radius:8px;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s ease}.language-btn:hover{border-color:var(--gold);color:var(--gold)}.language-btn.active{background:var(--gold);border-color:var(--gold);color:#000}.settings-close-section{display:flex;justify-content:center;margin-top:20px}.close-settings-button{padding:16px 48px;background:transparent;border:2px solid var(--gold);border-radius:8px;color:var(--gold);font-size:1.1rem;cursor:pointer;transition:all .2s ease;min-width:160px}.close-settings-button:hover{background:var(--gold);color:#000}