:root{--c-bg-main: #121212;--c-bg-sub: #1A1A1A;--c-bg-panel: rgba(26, 26, 26, .85);--c-red-primary: #D3381C;--c-red-dim: #5A190D;--c-white-primary: #F7F7F7;--c-white-dim: #A0A0A0;--c-gold-main: #BF984A;--c-gold-light: #E5C06E;--c-gold-shadow: #735722;--c-blue-accent: #393F4C;--c-text-main: #FCFAF2;--c-text-sub: #B0B0B0;--c-text-muted: #666666;--c-text-on-light: #121212;--c-border-light: rgba(255, 255, 255, .1);--c-border-gold: rgba(191, 152, 74, .5);--font-heading: "Zen Antique", serif;--font-body: "Noto Sans JP", sans-serif;--font-number: "Shippori Mincho", serif;--sp-xs: 6px;--sp-sm: 12px;--sp-md: 24px;--sp-lg: 36px;--sp-xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .5);--shadow-float: 0 10px 24px rgba(0, 0, 0, .6);--glow-gold: 0 0 15px rgba(191, 152, 74, .4);--glow-red: 0 0 15px rgba(211, 56, 28, .4);--anim-fast: .1s cubic-bezier(.25, .46, .45, .94);--anim-normal: .4s cubic-bezier(.25, .46, .45, .94);--anim-bounce: .6s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--c-bg-main);color:var(--c-text-main);line-height:1.6;width:100vw;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at center,#2a2a2a,#121212 80%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;letter-spacing:.05em}button{font-family:var(--font-heading);cursor:pointer;border:none;background:none;color:inherit;transition:all var(--anim-fast)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.game-board-container{outline:4px solid red!important}.area-cpu-left{border:2px solid cyan!important;background:#00ffff1a!important}.area-center{border:2px solid yellow!important;background:#ffff001a!important}.area-info-right{border:2px solid lime!important;background:#00ff001a!important}.area-human-bottom{border:2px solid magenta!important;background:#ff00ff1a!important}.game-board-container *{visibility:visible!important;opacity:1!important}.card{position:relative;width:96px;height:144px;border-radius:var(--radius-md);background-color:var(--c-white-primary);color:var(--c-text-on-light);box-shadow:var(--shadow-card);transition:transform var(--anim-fast),box-shadow var(--anim-fast);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;border:2px solid transparent}.card:hover:not(.disabled){transform:translateY(-8px);box-shadow:0 12px 24px #0009;z-index:10}.card.selected{transform:translateY(-20px) scale(1.05);box-shadow:0 0 0 3px var(--c-gold-main),var(--shadow-float),var(--glow-gold);z-index:20}.card.disabled{opacity:.5;cursor:default;filter:grayscale(.8)}.card-back{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border:1px solid var(--c-border-light);display:flex;justify-content:center;align-items:center}.card-back:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.1);border-radius:6px}.card-back .pattern{width:36px;height:36px;border:3px solid var(--c-gold-main);transform:rotate(45deg);opacity:.3}.card[data-suit=RED]{background:linear-gradient(to bottom right,#f5f5f5,#ffebee);border-color:var(--c-red-primary);color:var(--c-red-primary)}.card[data-suit=RED] .card-rank{text-shadow:1px 1px 0 rgba(211,56,28,.1)}.card[data-suit=WHITE]{background:linear-gradient(to bottom right,#fff,#f0f0f0);border-color:#999;color:#333}.card[data-suit=BLACK]{background:linear-gradient(to bottom right,#222,#000);border-color:#444;color:#aaa}.card[data-suit=GOLD]{background:linear-gradient(to bottom right,#fff,#fffbe6);border-color:var(--c-gold-main);color:var(--c-gold-shadow);box-shadow:0 0 15px #bf984a4d}.card-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:var(--sp-xs)}.card-rank{font-family:var(--font-number);font-size:3rem;line-height:1;font-weight:700;margin-top:8px;z-index:2}.card-rank.infinity{font-size:3.2rem}.card-icon{font-size:1.2rem;opacity:.7}.card-name{font-family:var(--font-body);font-size:.7rem;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;padding-bottom:4px}.resolve-badge{position:absolute;top:-8px;right:-8px;background-color:var(--c-blue-accent);color:#fff;font-size:1rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 8px #00000080;border:2px solid rgba(255,255,255,.2);z-index:30}.player-area{display:flex;flex-direction:column;align-items:center;padding:var(--sp-md);background-color:var(--c-bg-panel);border-radius:var(--radius-md);color:var(--c-text-main);width:100%;box-shadow:0 4px 12px #0000004d;transition:box-shadow var(--anim-normal);position:relative;overflow:hidden}.player-area.human{border-left:3px solid var(--c-red-primary);background:linear-gradient(to right,rgba(211,56,28,.1),var(--c-bg-panel));height:100%;max-height:100%;justify-content:space-between;box-sizing:border-box}.player-area.cpu{border-right:3px solid var(--c-blue-accent);margin-bottom:var(--sp-md)}.resolve-order-badge{position:absolute;top:10px;left:10px;background-color:var(--c-blue-accent);color:#fff;font-family:var(--font-number);font-weight:700;font-size:1.2rem;padding:4px 12px;border-radius:var(--radius-sm);box-shadow:0 4px 8px #00000080;border:1px solid var(--c-gold-main);z-index:60;pointer-events:none;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.player-area.is-active-resolver{border:3px solid var(--c-gold-main)!important;box-shadow:0 0 25px #bf984a99,var(--shadow-float);animation:active-resolver-glow 1.5s infinite alternate;z-index:45}@keyframes active-resolver-glow{0%{box-shadow:0 0 10px #bf984a66;filter:brightness(1)}to{box-shadow:0 0 30px #bf984acc;filter:brightness(1.1)}}.player-area.is-winner{border:4px solid var(--c-gold-main)!important;box-shadow:0 0 30px var(--c-gold-main),var(--shadow-float);animation:winner-glow 2s infinite alternate;z-index:50}@keyframes winner-glow{0%{box-shadow:0 0 20px var(--c-gold-main),var(--shadow-float);filter:brightness(1)}to{box-shadow:0 0 50px var(--c-gold-light),var(--shadow-float);filter:brightness(1.2)}}.player-info{margin-bottom:var(--sp-sm);font-family:var(--font-heading);font-size:1.2rem;letter-spacing:.05em;width:100%;text-align:center;border-bottom:1px solid var(--c-border-light);padding-bottom:4px}.hand-area{display:flex;justify-content:center;align-items:center;margin:var(--sp-sm) 0;perspective:600px}.player-area.human .hand-area{flex-direction:row;gap:var(--sp-md);padding:10px;flex-wrap:wrap}.player-area.cpu .hand-area{flex-direction:row}.player-area.cpu .hand-card-wrapper{margin-left:-40px;transition:transform var(--anim-fast)}.player-area.cpu .hand-card-wrapper:first-child{margin-left:0}.player-area.cpu .hand-card-wrapper:hover{transform:translateY(-15px) rotate(2deg);z-index:10}.field-area{margin-top:var(--sp-sm);display:flex;flex-direction:column;align-items:center;min-height:50px;width:100%}.player-area.cpu .field-area{margin-top:0;min-height:0;padding:0;border:none}.player-area.cpu .socket.empty,.player-area.cpu .field-label{display:none}.player-area.human .field-area{border-top:1px dashed var(--c-border-light);padding-top:var(--sp-sm);min-height:160px}.field-label{font-size:1rem;color:var(--c-text-sub);margin-bottom:6px}.socket{position:relative;width:96px;height:144px;display:flex;justify-content:center;align-items:center;transition:transform var(--anim-fast)}.socket.empty{border:2px dashed var(--c-border-light);border-radius:var(--radius-md);color:var(--c-text-sub);font-size:1.2rem;background:#0003}.player-area.human .socket.filled{cursor:pointer}.player-area.human .socket.filled:hover:after{content:"✕";position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:var(--c-red-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 5px #00000080;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);z-index:100}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.shrine-container{position:relative;width:720px;height:360px;display:flex;justify-content:center;align-items:center;perspective:1000px;margin-bottom:var(--sp-lg)}.shrine-gate{position:absolute;inset:0;border:8px solid #8d6e63;border-bottom:none;border-radius:8px 8px 0 0;background:#ffffff0d;display:flex;overflow:hidden;box-shadow:0 8px 24px #0009}.shrine-gate:before{content:"";position:absolute;top:20px;left:-20px;right:-20px;height:18px;background:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000004d;z-index:5}.area-bg{flex:1;display:flex;justify-content:center;padding-top:54px;position:relative;transition:all var(--anim-normal)}.area-bg.area-red{background:linear-gradient(to bottom,rgba(211,56,28,.1),transparent);border-right:2px solid rgba(255,255,255,.1)}.area-bg.area-white{background:linear-gradient(to bottom,rgba(247,247,247,.1),transparent)}.area-bg.active.area-red{background:linear-gradient(to bottom,#d3381c66,#d3381c1a)}.area-bg.active.area-white{background:linear-gradient(to bottom,#f7f7f766,#f7f7f71a)}.area-label{font-family:var(--font-heading);font-size:3.5rem;opacity:.2;font-weight:700}.area-bg.active .area-label{opacity:1;text-shadow:0 0 20px currentColor;transform:scale(1.2)}.area-red .area-label{color:var(--c-red-primary)}.area-white .area-label{color:var(--c-white-primary)}.coin-wrapper{width:120px;height:120px;position:absolute;top:50%;left:50%;transform-style:preserve-3d;z-index:10}.coin-face{width:100%;height:100%;border-radius:50%;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 15px #00000080,0 6px 15px #0006;border:6px solid #D4AF37}.coin-face.front{background:radial-gradient(circle at 30% 30%,gold,#daa520)}.coin-face.back{background:radial-gradient(circle at 30% 30%,#4a4a4a,#2c2c2c);transform:rotateY(180deg);border-color:#a9a9a9}.coin-hole{width:42px;height:42px;border-radius:50%;background:#0003;box-shadow:inset 0 1px 3px #0009;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center}.coin-text{position:absolute;font-family:var(--font-heading);font-weight:700;font-size:1.8rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.rule-indicator{margin-top:20px;display:flex;gap:24px;font-family:var(--font-number);font-weight:700;font-size:1.4rem;background:var(--c-bg-panel);padding:12px 32px;border-radius:var(--radius-full);border:2px solid var(--c-border-gold);box-shadow:0 4px 15px #00000080}.rule-part{display:flex;align-items:center;gap:12px;opacity:.3;transition:all var(--anim-normal);padding:4px 12px;border-radius:var(--radius-sm)}.rule-part.active{opacity:1;transform:scale(1.15);background:#ffffff0d;box-shadow:inset 0 0 10px #ffffff1a;border:1px solid rgba(191,152,74,.3)}.rule-label{font-size:.9em}.rule-val{font-size:1.2em;letter-spacing:2px}.c-red{color:var(--c-red-primary)}.c-white{color:var(--c-white-primary)}.log-view-container{width:100%;flex:1;max-height:150px;background-color:#141414e6;border-top:2px solid var(--c-gold-shadow);border-bottom:2px solid var(--c-gold-shadow);color:var(--c-text-sub);font-family:var(--font-body);font-size:.85rem;padding:var(--sp-sm);overflow-y:auto;position:relative}.log-header{font-family:var(--font-heading);font-size:.9rem;color:var(--c-gold-main);margin-bottom:var(--sp-sm);display:flex;align-items:center;gap:8px}.log-header:before,.log-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c-gold-shadow),transparent)}.log-list{display:flex;flex-direction:column;gap:6px}.log-item{display:flex;align-items:flex-start;gap:8px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.log-item:last-child{border-bottom:none}.log-index{font-family:var(--font-number);color:var(--c-text-muted);font-size:.75em;min-width:24px}.log-item:last-child{color:var(--c-text-main);background:linear-gradient(90deg,rgba(255,255,255,.05),transparent);border-left:2px solid var(--c-red-primary);padding-left:4px}.inspector-container{width:100%;min-height:360px;background:linear-gradient(to top,#0a0a0afa,#1e1e1ef2);border-top:2px solid var(--c-gold-shadow);color:var(--c-text-main);padding:var(--sp-md);box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;position:relative;box-shadow:0 -4px 30px #000000b3;margin-top:auto;overflow:hidden}.inspector-content{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-md)}.inspector-illustration-wrapper{width:270px;height:270px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--c-border-gold);box-shadow:0 6px 15px #0009;background-color:#ffffff0d;display:flex;justify-content:center;align-items:center}.inspector-illustration{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.1)}.inspector-header{display:flex;justify-content:center;align-items:center;gap:var(--sp-md);width:100%;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.inspector-rank{font-family:var(--font-number);font-size:1.8rem;font-weight:700;color:var(--c-gold-main)}.inspector-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.inspector-desc{font-family:var(--font-body);font-size:1.4rem;line-height:1.6;color:var(--c-text-sub);text-align:center}.inspector-empty{font-family:var(--font-body);font-size:.9rem;font-style:italic;color:var(--c-text-muted);opacity:.7}.interaction-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;display:flex;justify-content:center;align-items:center;pointer-events:all}.interaction-modal{width:95%;height:95%;background:var(--c-bg-panel);border:2px solid var(--c-gold-main);border-radius:var(--radius-md);padding:var(--sp-md);text-align:center;box-shadow:0 10px 40px #000c;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.interaction-actor{font-family:var(--font-heading);font-size:.9rem;color:var(--c-gold-main);text-transform:uppercase;margin-bottom:var(--sp-xs);letter-spacing:.1em}.interaction-message{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:var(--sp-md);color:var(--c-text-main)}.interaction-options{display:flex;flex-direction:column;gap:var(--sp-sm);align-items:center;width:100%}.option-row{display:flex;flex-direction:column;gap:var(--sp-sm);width:100%}.option-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-sm);width:100%}.btn-option{padding:12px 20px;font-size:1rem;font-weight:700;border-radius:var(--radius-sm);transition:all var(--anim-fast);width:100%;min-width:unset}.btn-option.red{background:linear-gradient(to bottom,var(--c-red-primary),var(--c-red-dim));border:1px solid rgba(255,255,255,.2)}.btn-option.white{background:linear-gradient(to bottom,#fff,#ddd);color:#333}.btn-option.heads,.btn-option.tails{background:var(--c-blue-accent);border:1px solid var(--c-border-gold)}.btn-option:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.2);box-shadow:0 8px 20px #0006}.game-board-wrapper{width:100vw;height:100vh;background-color:#000;overflow:hidden;display:flex;justify-content:center;align-items:center}.game-board-container{width:1920px;height:1080px;background-color:var(--c-bg-main);background:radial-gradient(circle at center,#1e1e1e,#0a0a0a 80%);box-shadow:0 0 80px #000c;display:grid;grid-template-columns:640px 1fr 440px;grid-template-rows:800px 280px;grid-template-areas:"cpu-left center info-right" "human-bottom human-bottom info-right";position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden}.area-cpu-left{grid-area:cpu-left;padding:var(--sp-md);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.05);background:#0003}.area-center{grid-area:center;padding:var(--sp-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.area-info-right{grid-area:info-right;padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-md);border-left:1px solid rgba(255,255,255,.05);background:#0003}.area-human-bottom{grid-area:human-bottom;padding:var(--sp-md);display:flex;justify-content:center;align-items:flex-end;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(to top,rgba(20,20,20,.9),transparent);position:relative}.control-panel{width:100%;background:var(--c-bg-panel);border:1px solid var(--c-border-gold);border-radius:var(--radius-md);padding:var(--sp-md);text-align:center;box-shadow:0 4px 12px #0006}.log-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.phase-info{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:var(--sp-sm);color:var(--c-gold-main);text-transform:uppercase;letter-spacing:.1em}.btn-action{background:linear-gradient(to bottom,var(--c-red-primary),var(--c-red-dim));color:#fff;padding:10px 32px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--c-red-dim),0 5px 10px #0006;transition:transform var(--anim-fast),box-shadow var(--anim-fast);border:1px solid rgba(255,255,255,.2);width:100%}.btn-action:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--c-red-dim),0 8px 15px #00000080;filter:brightness(1.1)}.btn-action:active{transform:translateY(2px);box-shadow:0 2px 0 var(--c-red-dim),0 3px 5px #00000080}.resolve-status{margin-top:var(--sp-sm);font-size:.9rem;color:var(--c-text-sub)}