:root{--bg-primary: #0a130e;--bg-table: radial-gradient(circle at 50% 45%, #184b2c 0%, #0d2818 60%, #05140b 100%);--felt-border: #3b2814;--gold-primary: #d4af37;--gold-light: #fceea7;--gold-dark: #997b1e;--gold-gradient: linear-gradient(135deg, #fceea7 0%, #d4af37 50%, #997b1e 100%);--crimson: #a31d1d;--crimson-gradient: linear-gradient(135deg, #e53935 0%, #a31d1d 100%);--card-shadow: 0 10px 28px rgba(0, 0, 0, .5);--card-hover-shadow: 0 16px 36px rgba(212, 175, 55, .4);--text-main: #f0f4f1;--text-muted: #9ab3a0;--font-serif: "Cinzel", "Playfair Display", serif;--font-sans: "Noto Sans JP", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html{height:100%;height:100dvh}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);overflow:hidden;height:100%;height:100vh;height:100dvh;min-height:-webkit-fill-available;width:100vw}#root{height:100%;height:100vh;height:100dvh;min-height:-webkit-fill-available;width:100vw;display:flex;flex-direction:column}.game-container{position:relative;width:100%;height:100%;height:100vh;height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column;background:var(--bg-table);overflow:hidden;transition:box-shadow .4s ease}.game-container.my-turn-active{box-shadow:inset 0 -40px 100px #d4af3740}.table-surface{position:relative;flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;box-shadow:inset 0 0 120px #000000d9}.table-surface:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:16px solid var(--felt-border);border-radius:40px;pointer-events:none;box-shadow:inset 0 0 40px #000000f2,0 0 24px #000000d9;opacity:.9}.game-header{position:absolute;top:14px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:none}.game-header>*{pointer-events:auto}.header-left-group{display:flex;align-items:center;gap:14px}.game-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:900;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 12px rgba(0,0,0,.7);display:flex;align-items:center;gap:6px;letter-spacing:1.5px;flex-shrink:0}.header-badges,.header-controls{display:flex;gap:8px;align-items:center}.badge-label-short{display:none}.badge-label-full,.btn-text-full{display:inline}.status-badge{padding:6px 14px;border-radius:var(--radius-md);background:#0a140ed9;border:1px solid rgba(212,175,55,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 14px #0006}.status-badge.revolution{background:#b71c1ce6;border-color:#ff5252;color:#fff;animation:pulse-red-glow 1.5s infinite alternate}.status-badge.jback{background:#7b1fa2e6;border-color:#e1bee7;color:#fff}@keyframes pulse-red-glow{0%{box-shadow:0 0 10px #ff525266}to{box-shadow:0 0 24px #ff5252f2}}.card-item{position:relative;width:86px;height:124px;border-radius:9px;background:linear-gradient(150deg,#fff,#f7f3ec);box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:flex-start;padding:6px 8px;cursor:pointer;transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s ease,opacity .2s ease,filter .2s ease;border:1.5px solid #d4c5b3;color:#111;font-weight:900;flex-shrink:0}.card-item.red{color:#d32f2f}.card-item.black{color:#111}.card-item.joker{color:#4a148c;background:linear-gradient(150deg,#fffdf5,#faecd7);border:2px solid #ffd700}.card-corner.top-left-prominent{display:flex;flex-direction:column;align-items:flex-start;line-height:.95;font-family:var(--font-serif);z-index:5;padding-left:2px}.card-rank-text{font-size:1.45rem;font-weight:900;letter-spacing:-1px}.card-suit-text{font-size:1.15rem;margin-top:1px}.card-center-icon{position:absolute;top:55%;left:60%;transform:translate(-50%,-50%);font-size:2.2rem;opacity:.45;line-height:1;pointer-events:none}.card-item.selected{transform:translateY(-28px)!important;box-shadow:0 16px 36px #d4af3799,0 0 0 2.5px gold!important;border-color:gold!important}.card-item.highlighted:not(.selected){transform:translateY(-8px);box-shadow:0 0 20px #ffd700cc,0 8px 24px #00000080!important;border-color:gold!important;animation:card-partner-pulse 1.4s infinite alternate}@keyframes card-partner-pulse{0%{box-shadow:0 0 12px #ffd70099}to{box-shadow:0 0 26px gold,0 0 10px #fff}}.card-item.dimmed:not(.selected){opacity:.35!important;filter:grayscale(60%) brightness(.7)!important;transform:translateY(0) scale(.96)}.card-item.playable:not(.selected):not(.dimmed):hover{transform:translateY(-12px);box-shadow:var(--card-hover-shadow)}.card-item.hidden{background:repeating-linear-gradient(45deg,#143a25,#143a25 10px,#0c2517 10px,#0c2517 20px);border:2px solid #3c6e4e;box-shadow:0 6px 16px #0009;cursor:default}.card-flight-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:340;pointer-events:none}.flying-back-card{width:76px;height:110px;border-radius:8px;background:linear-gradient(135deg,#1c4e33,#0d2818);border:2px solid #d4af37;box-shadow:0 16px 36px #000000bf,0 0 18px #d4af3759;display:flex;align-items:center;justify-content:center;will-change:transform,left,top}.flying-card-inner{width:86%;height:90%;border:1px dashed rgba(212,175,55,.6);border-radius:5px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(212,175,55,.1),rgba(212,175,55,.1) 6px,transparent 6px,transparent 12px)}.card-back-ornament{width:24px;height:24px;border-radius:50%;background:var(--gold-gradient);box-shadow:0 0 10px #d4af3799}.tableau-area{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:20}.tableau-center-row{display:flex;align-items:center;justify-content:center;gap:20px}.tableau-mini-history{display:flex;flex-direction:column;align-items:center;gap:4px;background:#0a140ea6;border:1px dashed rgba(212,175,55,.3);border-radius:var(--radius-md);padding:6px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.mini-history-label{font-size:.68rem;font-weight:800;color:var(--gold-light);letter-spacing:.5px;opacity:.85}.mini-history-slots{display:flex;gap:8px;align-items:center}.mini-history-play-group{display:flex;opacity:.7;transform:scale(.9);transition:opacity .2s ease}.mini-history-play-group:last-child{opacity:.95;transform:scale(1)}.mini-history-cards{display:flex;align-items:center}.tableau-mini-card{width:36px!important;height:52px!important;padding:2px 4px!important;border-radius:4px!important;box-shadow:-1px 2px 6px #00000080!important;pointer-events:none}.tableau-mini-card .card-rank-text{font-size:.85rem!important}.tableau-mini-card .card-suit-text{font-size:.7rem!important}.tableau-mini-card .card-center-icon{display:none!important}.tableau-cards{display:flex;justify-content:center;align-items:center;min-height:135px}.tableau-empty{width:100px;height:135px;border:2.5px dashed rgba(212,175,55,.4);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold-light);background:#0a18104d;text-align:center;padding:8px;gap:4px}.tableau-meta-row{display:flex;align-items:center;gap:10px;animation:fadeIn .25s ease}.last-player-badge{display:flex;align-items:center;gap:6px;background:#163220e6;border:1px solid var(--gold-primary);border-radius:20px;padding:3px 12px;font-size:.78rem;box-shadow:0 4px 12px #00000080}.last-player-avatar-mini{width:18px;height:18px;border-radius:50%;background:var(--gold-gradient);color:#111;display:flex;align-items:center;justify-content:center}.last-player-name{font-weight:800;color:var(--gold-light)}.last-player-action-text{color:var(--text-muted);font-size:.72rem}.tableau-combo-badge{font-size:.82rem;font-weight:700;color:var(--gold-light);background:#0a140ed9;border:1px solid rgba(212,175,55,.4);padding:3px 12px;border-radius:20px;display:flex;align-items:center;box-shadow:0 4px 14px #0006}.shibari-banner{padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:6px;box-shadow:0 6px 18px #00000080;animation:banner-pop .3s ease}.shibari-banner.suit-lock{background:#d4af37e6;color:#111;border:1px solid #fff}.shibari-banner.partial-lock{background:#ffb300e6;color:#111}.shibari-banner.number-lock{background:#1e88e5e6;color:#fff}.shibari-banner.super-lock{background:linear-gradient(135deg,#ff3d00,#d50000);color:#fff;border:1px solid #ffd700;animation:super-lock-glow 1.2s infinite alternate}@keyframes super-lock-glow{0%{box-shadow:0 0 10px #ff3d00}to{box-shadow:0 0 25px #ff1744,0 0 40px #ff9100}}@keyframes banner-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.seats-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.player-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;transition:transform .3s ease}.seat-top{top:60px;left:50%;transform:translate(-50%)}.seat-left{top:38%;left:36px;transform:translateY(-50%)}.seat-right{top:38%;right:36px;transform:translateY(-50%)}.seat-top-left{top:80px;left:14%}.seat-top-right{top:80px;right:14%}.seat-card{padding:10px 18px;border-radius:var(--radius-md);background:#0a1810e6;border:1.5px solid rgba(212,175,55,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;box-shadow:0 6px 22px #00000073;transition:all .3s ease}.player-seat.turn .seat-card{border-color:gold;background:#163220f2;box-shadow:0 0 30px #ffd700bf,0 8px 24px #0009;transform:scale(1.05)}.seat-turn-indicator{padding:2px 10px;border-radius:12px;background:gold;color:#111;font-size:.72rem;font-weight:900;display:flex;align-items:center;gap:4px;box-shadow:0 0 12px #ffd700cc;animation:turn-badge-bounce 1s infinite alternate}@keyframes turn-badge-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.player-seat.passed .seat-card{opacity:.5;filter:grayscale(70%)}.player-seat.eliminated .seat-card{opacity:.45}.player-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;font-weight:900;color:#111}.player-name{font-weight:800;font-size:1rem}.rank-finish-badge{padding:2px 8px;border-radius:6px;font-weight:900;font-size:.8rem}.rank-finish-badge.rank-1{background:gold;color:#111;box-shadow:0 0 10px #ffd70099}.rank-finish-badge.rank-2{background:#e0e0e0;color:#111}.rank-finish-badge.rank-3{background:#cd7f32;color:#fff}.rank-finish-badge.foul{background:#b71c1c;color:#fff}.pass-text-badge{font-weight:900;color:#ff9800;font-size:.85rem;letter-spacing:1px}.opponent-cards-fan{display:flex;margin-top:4px}.mini-card-back{width:22px;height:32px;border-radius:3px;background:#143a25;border:1px solid #3c6e4e;margin-left:-14px;box-shadow:-2px 0 4px #0006}.mini-card-back:first-child{margin-left:0}.user-bottom-area{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;width:96%;max-width:1040px}.hand-status-row{display:flex;justify-content:center;align-items:center;width:100%;min-height:24px;pointer-events:none}.inline-no-moves-badge{background:#b71c1ce6;border:1px solid #ff8a80;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0006}.action-bar{display:flex;align-items:center;background:#0a1810f0;padding:8px 18px;border-radius:var(--radius-lg);border:1.5px solid rgba(212,175,55,.35);box-shadow:0 10px 32px #000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;min-height:48px}.action-bar.my-turn-bar{border-color:gold;box-shadow:0 0 26px #ffd70073,0 10px 32px #000000a6}.action-buttons-group{display:flex;align-items:center;gap:10px}.legality-reason-badge{font-size:.82rem;font-weight:700;color:#ffb74d;background:#ff980033;border:1px solid rgba(255,152,0,.4);padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.legality-success-badge{font-size:.82rem;font-weight:800;color:#69f0ae;background:#00c85333;border:1px solid rgba(0,200,83,.4);padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-action-container{display:flex;align-items:center;gap:14px;width:100%;justify-content:space-between}.mode-action-title{font-weight:800;color:var(--gold-light);display:flex;align-items:center;gap:6px;font-size:.9rem}.mode-action-buttons{display:flex;gap:8px}.hand-cards-fan{display:flex;justify-content:center;align-items:flex-end;padding:8px 10px 18px;width:100%;box-sizing:border-box}.btn-play{font-size:1.05rem;padding:10px 28px}.pulse-btn{animation:pulse-btn-anim 1.2s infinite alternate}@keyframes pulse-btn-anim{0%{transform:scale(1)}to{transform:scale(1.06)}}.effect-toast-container{position:absolute;z-index:220;pointer-events:none;white-space:nowrap}.effect-toast-container.toast-over-field{top:28%;left:50%;transform:translate(-50%,-50%);animation:toastFloatOverField .32s cubic-bezier(.175,.885,.32,1.275)}.effect-toast-container.toast-at-top{top:72px;left:50%;transform:translate(-50%);animation:toastDrop .28s cubic-bezier(.175,.885,.32,1.275)}.effect-toast{display:flex;align-items:center;gap:12px;padding:10px 24px;border-radius:30px;box-shadow:0 12px 36px #000c,0 0 20px #d4af374d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid transparent}.toast-content{display:flex;flex-direction:column}.toast-title{font-size:1.05rem;font-weight:900;letter-spacing:.5px}.toast-desc{font-size:.78rem;opacity:.85;margin-top:1px}.toast-blue{background:#0d47a1f0;border-color:#64b5f6;color:#fff;box-shadow:0 0 24px #2196f399}.toast-orange{background:#bf360cf0;border-color:#ff8a65;color:#fff;box-shadow:0 0 24px #ff572299}.toast-gold{background:#1e180af5;border-color:gold;color:var(--gold-light);box-shadow:0 0 28px #ffd700b3}.toast-green{background:#1b5e20f0;border-color:#81c784;color:#fff;box-shadow:0 0 20px #4caf5080}.toast-purple{background:#4a148cf0;border-color:#ce93d8;color:#fff;box-shadow:0 0 20px #9c27b080}.game-container.revolution-active .table-surface:before{border-color:#5a0c0c!important;box-shadow:inset 0 0 60px #ff174466,0 0 40px #d5000080!important;animation:revolution-border-pulse 2.5s infinite alternate}@keyframes revolution-border-pulse{0%{box-shadow:inset 0 0 40px #ff17444d,0 0 30px #d5000066}to{box-shadow:inset 0 0 80px #ff174499,0 0 50px #ff5252b3}}.table-surface.screen-shake{animation:micro-screen-shake .22s cubic-bezier(.36,.07,.19,.97) both}@keyframes micro-screen-shake{10%,90%{transform:translate3d(-1px,-2px,0)}20%,80%{transform:translate3d(2px,1px,0)}30%,50%,70%{transform:translate3d(-2px,2px,0)}40%,60%{transform:translate3d(2px,-1px,0)}}.field-shockwave{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,215,0,.9);box-shadow:0 0 24px #ffd700cc,inset 0 0 16px #ffd70080;transform:translate(-50%,-50%) scale(.2);pointer-events:none;z-index:15;animation:shockwave-expand .6s cubic-bezier(.1,.8,.3,1) forwards}@keyframes shockwave-expand{0%{transform:translate(-50%,-50%) scale(.2);opacity:1;border-width:4px}to{transform:translate(-50%,-50%) scale(5.5);opacity:0;border-width:1px}}.card-item.highlighted:not(.selected){transform:translateY(-8px);box-shadow:0 0 22px #ffd700f2,0 0 8px #fff,0 8px 24px #0009!important;border-color:gold!important;animation:card-resonance-glow 1.2s infinite alternate ease-in-out}@keyframes card-resonance-glow{0%{box-shadow:0 0 14px #ffd70099,0 8px 20px #00000080;border-color:#ffd700b3}to{box-shadow:0 0 30px gold,0 0 12px #fff,0 10px 28px #000000b3;border-color:#fff}}.field-slash-overlay{position:absolute;top:50%;left:50%;width:260px;height:260px;transform:translate(-50%,-50%);pointer-events:none;z-index:45}.field-slash-line{position:absolute;top:50%;left:-20%;width:140%;height:4px;background:linear-gradient(90deg,transparent 0%,#fff 40%,#64b5f6 60%,transparent 100%);box-shadow:0 0 20px #64b5f6,0 0 35px #2196f3;transform:rotate(-35deg);animation:slash-strike .55s cubic-bezier(.1,.9,.2,1) forwards}@keyframes slash-strike{0%{transform:rotate(-35deg) scaleX(.1);opacity:0}30%{transform:rotate(-35deg) scaleX(1.2);opacity:1}to{transform:rotate(-35deg) scaleX(1.4);opacity:0}}.field-chain-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:30;animation:chain-lock-appear .6s cubic-bezier(.175,.885,.32,1.275) forwards}.chain-lock-badge{background:#140f05eb;border:2px solid #ffd700;border-radius:30px;padding:6px 18px;color:var(--gold-light);font-weight:900;font-size:.85rem;display:flex;align-items:center;gap:8px;box-shadow:0 0 28px #ffd700cc,0 8px 24px #000c}@keyframes chain-lock-appear{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.joker-shatter-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:140px;pointer-events:none;z-index:40}.shatter-shard{position:absolute;background:linear-gradient(135deg,#ffffffe6,#ffd700cc);clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:0 0 10px #ffd700e6;animation:shard-fly .7s cubic-bezier(.1,.8,.3,1) forwards}@keyframes shard-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.2);opacity:0}}.player-seat.reach-active .seat-card{border-color:#ff3d00!important;box-shadow:0 0 20px #ff3d00bf,0 4px 14px #0009!important;animation:reach-heartbeat 1.4s infinite ease-in-out}.seat-reach-badge{position:absolute;top:-12px;right:-6px;background:linear-gradient(135deg,#ff1744,#d50000);color:#fff;font-size:.68rem;font-weight:900;padding:2px 8px;border-radius:12px;border:1px solid #ff8a80;box-shadow:0 0 12px #ff1744e6;display:flex;align-items:center;gap:3px;z-index:10;animation:reach-badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes reach-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.05)}28%{transform:scale(1.02)}42%{transform:scale(1.06)}70%{transform:scale(1)}}@keyframes reach-badge-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.crown-fall-icon{display:inline-block;animation:crown-shatter-fall 1s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes crown-shatter-fall{0%{transform:translateY(0) rotate(0);opacity:1;filter:drop-shadow(0 0 8px #ffd700)}30%{transform:translateY(-8px) rotate(-15deg);opacity:1}to{transform:translateY(30px) rotate(85deg);opacity:0;filter:grayscale(100%)}}.effect-rank-finish-banner{position:fixed;top:0;left:0;right:0;z-index:250;display:flex;justify-content:center;pointer-events:none;animation:rankBannerSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}.rank-finish-inner{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 36px;border-radius:0 0 20px 20px;background:linear-gradient(135deg,#1e180af7,#2d230ff7);border:2px solid #ffd700;border-top:none;box-shadow:0 8px 36px #000000bf,0 0 32px #ffd70080;color:var(--gold-light)}.rank-finish-inner .toast-title{font-size:1.15rem;font-weight:900;letter-spacing:.6px}.rank-finish-inner .toast-desc{font-size:.82rem;opacity:.85}@keyframes rankBannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastFloatOverField{0%{transform:translate(-50%,-30%) scale(.85);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes toastDrop{0%{transform:translateY(-30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.effect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:500;animation:fadeIn .2s ease}.effect-modal{text-align:center}.effect-title{font-family:var(--font-serif);font-size:3.6rem;font-weight:900;letter-spacing:4px;margin-top:12px}.effect-sub{font-size:1.3rem;font-weight:800;margin-top:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.effect-skip-hint{display:inline-block;margin-top:18px;font-size:.9rem;color:#ffffffb3;background:#0006;padding:4px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.glow-red{color:#fff;text-shadow:0 0 35px #ff1744,0 0 12px #ff5252}.glow-gold{color:#fff;text-shadow:0 0 35px #ffd700,0 0 12px #fff}.card-history-sidebar{position:absolute;top:76px;right:20px;width:220px;background:#0a140ee0;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;box-shadow:0 8px 24px #00000080;transition:all .3s ease}.card-history-sidebar.collapsed{width:120px}.history-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:6px;border-bottom:1px solid rgba(212,175,55,.25)}.history-toggle-btn{background:none;border:none;color:var(--gold-light);cursor:pointer;display:flex;align-items:center}.history-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:250px;overflow-y:auto}.history-empty{font-size:.72rem;color:var(--text-muted);text-align:center;padding:8px 0}.history-item{display:flex;flex-direction:column;gap:4px;padding:4px 6px;border-radius:4px;background:#ffffff0a}.history-item-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}.history-player-name{color:var(--gold-light)}.history-combo-type{color:var(--text-muted)}.history-cards-row{display:flex;align-items:center}.mini-history-card{width:32px!important;height:46px!important;padding:2px 4px!important;border-radius:4px!important;box-shadow:-1px 2px 5px #00000080!important}.mini-history-card .card-rank-text{font-size:.75rem!important}.mini-history-card .card-suit-text{font-size:.6rem!important}.mini-history-card .card-center-icon{display:none!important}.dev-timing-modal{background:linear-gradient(160deg,#14281c,#09170e);max-height:90vh;overflow-y:auto}.timing-slider-row{display:flex;flex-direction:column;gap:6px;background:#00000040;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.slider-value-text{font-family:monospace;font-weight:800;color:var(--gold-light);background:#d4af3733;padding:2px 8px;border-radius:4px}.timing-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;cursor:pointer}.timing-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold-primary);box-shadow:0 0 8px #ffd700cc;cursor:pointer}.toggle-switch-container{display:flex;align-items:center;justify-content:space-between;background:#00000040;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:var(--gold-gradient)}input:checked+.toggle-slider:before{transform:translate(20px)}.btn{padding:10px 24px;border-radius:var(--radius-md);font-weight:800;font-size:.95rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--gold-gradient);color:#111;box-shadow:0 4px 18px #d4af3766}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #d4af37a6}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(60%)}.btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-secondary:hover:not(:disabled){background:#ffffff38}.btn-danger{background:var(--crimson-gradient);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(160deg,#16291e,#0d1b13);border:1.5px solid var(--gold-primary);border-radius:var(--radius-lg);padding:28px;max-width:600px;width:100%;box-shadow:0 24px 70px #000000d9,0 0 40px #d4af3740;color:var(--text-main)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:12px}.modal-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:800;color:var(--gold-light)}.game-log-panel{position:absolute;top:66px;left:28px;width:280px;max-height:220px;overflow-y:auto;background:#0a140ed9;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-md);padding:10px;font-size:.75rem;display:flex;flex-direction:column;gap:6px;z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.log-item{line-height:1.4;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}.log-item.special{color:var(--gold-light);font-weight:700}.log-item.revolution{color:#ff5252;font-weight:700}.log-item.finish{color:#69f0ae;font-weight:700}.log-item.warning{color:#ff9800;font-weight:700}@media(max-width:768px){.table-surface{padding:6px 4px;box-shadow:inset 0 0 60px #000000d9}.table-surface:before{border-width:6px;border-radius:20px}.game-header{top:8px;left:8px;right:8px}.header-left-group{gap:8px}.game-title{font-size:1.1rem;gap:4px;letter-spacing:.5px}.title-text{font-size:1.05rem}.header-badges{gap:4px}.status-badge{padding:3px 8px;font-size:.72rem;border-radius:6px;gap:4px}.badge-label-full{display:none!important}.badge-label-short{display:inline!important}.header-controls{gap:5px}.header-btn{padding:5px!important;min-width:30px;height:30px;justify-content:center;border-radius:50%!important}.btn-text-full{display:none!important}.seats-container{position:absolute;top:44px;left:6px;right:6px;bottom:auto;display:flex;justify-content:center;align-items:stretch;gap:6px;z-index:35;pointer-events:none}.player-seat{position:static!important;transform:none!important;flex:1;max-width:130px;min-width:0;pointer-events:auto}.seat-card{padding:4px 6px;gap:6px;border-radius:8px;background:#0a1810f0;border:1px solid rgba(212,175,55,.25);width:100%;box-sizing:border-box;box-shadow:0 4px 12px #00000080}.player-seat.turn .seat-card{border-color:gold;background:#163220fa;box-shadow:0 0 16px #ffd700a6,0 4px 12px #0009;transform:scale(1.02)}.seat-turn-indicator{display:none}.player-avatar{width:26px;height:26px;flex-shrink:0}.player-avatar svg{width:15px;height:15px}.player-info-meta{min-width:0;flex:1;overflow:hidden}.player-name-row{display:flex;align-items:center;gap:3px;overflow:hidden}.player-name{font-size:.72rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px}.class-badge{font-size:.58rem;padding:1px 3px}.cards-count{margin-top:1px;font-size:.68rem;white-space:nowrap}.hand-count-text{font-size:.68rem;color:var(--gold-light);display:flex;align-items:center;gap:2px}.hand-count-text .card-symbol-icon{font-size:.78rem}.pass-text-badge{font-size:.7rem;padding:1px 4px;border-radius:4px;background:#ff980033}.rank-finish-badge{font-size:.65rem;padding:1px 4px}.opponent-cards-fan{display:none}.tableau-area{top:35%;left:50%;transform:translate(-50%,-50%);width:96%;gap:6px;z-index:25}.tableau-center-row{gap:8px}.tableau-cards{min-height:90px}.tableau-empty{width:80px;height:90px;padding:6px;border-radius:8px}.tableau-empty span:first-child{font-size:.78rem!important}.tableau-empty span:last-child{font-size:.65rem!important}.tableau-meta-row{gap:6px;flex-wrap:wrap;justify-content:center}.last-player-badge,.tableau-combo-badge{font-size:.72rem;padding:2px 8px}.shibari-banner{padding:3px 10px;font-size:.72rem;gap:4px}.user-bottom-area{bottom:calc(14px + env(safe-area-inset-bottom,0px));width:98%;gap:4px;z-index:60}.hand-status-row{min-height:18px}.inline-no-moves-badge,.legality-reason-badge,.legality-success-badge{font-size:.72rem;padding:2px 8px;border-radius:4px}.action-bar{padding:4px 10px;min-height:38px;border-radius:12px;width:auto;max-width:100%}.action-buttons-group{gap:6px}.btn{padding:6px 12px;font-size:.82rem;border-radius:8px;gap:4px}.btn-play{padding:8px 18px!important;font-size:.92rem!important;font-weight:900}.btn-pass{padding:6px 12px!important}.btn-sort .btn-label,.btn-clear .btn-label{font-size:.72rem}.mode-action-container{flex-direction:column;gap:4px;text-align:center}.mode-action-title{font-size:.76rem!important}.hand-cards-fan{padding:4px 2px 14px;width:100%;overflow-x:visible}.card-item{width:56px;height:84px;border-radius:6px;padding:3px 4px;border-width:1.2px}.card-rank-text{font-size:1.15rem;letter-spacing:-.5px}.card-suit-text{font-size:.82rem;margin-top:0}.card-center-icon{display:none!important}.card-item.selected{transform:translateY(-18px)!important}.card-item.highlighted:not(.selected){transform:translateY(-6px)}.card-item.playable:not(.selected):not(.dimmed):hover{transform:translateY(-6px)}.flying-back-card{width:52px;height:76px;border-radius:6px}.card-back-ornament{width:16px;height:16px}.effect-toast-container.toast-over-field{top:24%}.effect-toast-container.toast-at-top{top:48px}.effect-toast{padding:6px 14px;gap:8px;border-radius:20px}.toast-title{font-size:.85rem}.toast-desc{font-size:.68rem}.effect-title{font-size:2.2rem;letter-spacing:2px}.effect-sub{font-size:.95rem}.rank-finish-inner{padding:8px 18px;margin-top:6px}.rank-finish-inner .toast-title{font-size:.95rem}.rank-finish-inner .toast-desc{font-size:.72rem}.game-log-panel{top:44px;left:8px;right:8px;width:auto;max-height:180px;font-size:.72rem}.card-history-sidebar,.tableau-mini-history{display:none}.modal-overlay{padding:8px}.modal-content{padding:16px;max-height:88vh;border-radius:var(--radius-md)}.modal-title{font-size:1.2rem}}@media(max-width:380px){.game-title{font-size:.98rem}.card-item{width:50px;height:76px;padding:2px 3px}.card-rank-text{font-size:1.02rem}.card-suit-text{font-size:.75rem}.seat-card{padding:3px 4px;gap:4px}.player-avatar{width:22px;height:22px}.player-name{max-width:42px;font-size:.68rem}.btn{padding:5px 10px;font-size:.78rem}.btn-play{padding:7px 14px!important;font-size:.85rem!important}}