:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;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}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-deep: #160810;--bg-mid: #220d18;--bg-zone: rgba(255,255,255,.025);--bg-panel: rgba(255,255,255,.05);--border: rgba(200,160,100,.18);--border-gold: rgba(200,160,100,.5);--gold: #c9a05a;--gold-bright: #e8c87a;--rose: #c0445a;--text-main: #f0e6d8;--text-muted: rgba(240,230,216,.45);--radius-card: 10px;--shadow-card: 0 6px 24px rgba(0,0,0,.65)}.gb-root{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--bg-deep);background-image:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(80,20,40,.6) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9a05a' fill-opacity='0.03'%3E%3Cpath d='M40 0 L42 38 L80 40 L42 42 L40 80 L38 42 L0 40 L38 38 Z'/%3E%3C/g%3E%3C/svg%3E");color:var(--text-main);font-family:Georgia,Times New Roman,serif;overflow:hidden}.gb-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:50px;background:linear-gradient(180deg,#00000080,#0003);border-bottom:1px solid var(--border-gold);flex-shrink:0}.gb-title{font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 20px rgba(201,160,90,.4)}.gb-title:before,.gb-title:after{content:" ✦ ";font-size:.6rem;opacity:.7}.turn-badge{font-size:.7rem;font-weight:600;letter-spacing:.1em;background:#c0445a33;border:1px solid rgba(192,68,90,.45);color:#e8889a;padding:3px 14px;border-radius:20px}.gb-actions-top{display:flex;gap:8px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-family:inherit;padding:4px 12px;border-radius:6px;cursor:pointer;letter-spacing:.06em;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--border-gold);color:var(--gold)}.gb-body{flex:1;display:grid;grid-template-rows:1fr 1.4fr 1fr;overflow:hidden}.zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px 24px;border-bottom:1px solid var(--border)}.player-panel{display:flex;align-items:center;gap:10px;background:#0000004d;border:1px solid var(--border-gold);border-radius:10px;padding:7px 14px;min-width:180px;box-shadow:inset 0 1px #c9a05a1a}.pp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5a1a28,#3a0a18);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;color:var(--gold);flex-shrink:0;box-shadow:0 0 10px #c9a05a33}.player-panel.ai .pp-avatar{background:linear-gradient(135deg,#1a1a3a,#0a0a28);border-color:#a08cc8b3;color:#a090d0;box-shadow:0 0 10px #a08cc826}.pp-name{font-size:.8rem;font-weight:700;color:var(--text-main);margin-bottom:4px;letter-spacing:.04em}.pp-badges{display:flex;gap:5px;flex-wrap:wrap}.badge{font-size:.6rem;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.04em;font-family:Segoe UI,system-ui,sans-serif}.badge-rose{background:#c0445a33;border:1px solid rgba(192,68,90,.45);color:#e8889a}.badge-gold{background:#c9a05a26;border:1px solid rgba(201,160,90,.4);color:var(--gold)}.zone-ai{flex-direction:row;justify-content:center;gap:20px;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 100%)}.ai-cards{display:flex;gap:8px;align-items:center}.zone-center{flex-direction:row;justify-content:center;align-items:center;gap:28px;background:#00000026;position:relative}.zone-center:before,.zone-center:after{content:"";position:absolute;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent)}.zone-center:before{top:0}.zone-center:after{bottom:0}.center-inner{display:flex;align-items:center;gap:36px}.center-divider{width:1px;height:110px;background:linear-gradient(180deg,transparent,var(--border-gold),transparent)}.pile-group{display:flex;flex-direction:column;align-items:center;gap:8px}.pile-title{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.7}.deck-btn{position:relative;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.deck-btn:disabled{cursor:default}.deck-btn:not(:disabled):hover .card-back{transform:translateY(-6px);box-shadow:0 14px 32px #000000b3,0 0 16px #c9a05a33}.deck-count{position:absolute;bottom:-22px;font-size:.65rem;font-weight:700;color:var(--gold);letter-spacing:.06em;font-family:Segoe UI,system-ui,sans-serif}.discard-slot{width:90px;height:126px;border:1px dashed rgba(201,160,90,.25);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center}.pile-empty{font-size:.6rem;color:var(--text-muted);letter-spacing:.06em;font-family:Segoe UI,system-ui,sans-serif}.game-log{width:175px;background:#0000004d;border:1px solid var(--border-gold);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;max-height:110px;overflow-y:auto;box-shadow:inset 0 1px #c9a05a14}.game-log::-webkit-scrollbar{width:3px}.game-log::-webkit-scrollbar-track{background:transparent}.game-log::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:2px}.log-title{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-bottom:5px;border-bottom:1px solid var(--border-gold);margin-bottom:2px;font-family:Segoe UI,system-ui,sans-serif}.log-entry{font-size:.65rem;color:var(--text-muted);line-height:1.45;font-family:Segoe UI,system-ui,sans-serif}.zone-player{justify-content:space-between;flex-direction:column;padding:8px 24px;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,transparent 100%)}.zone-player>.player-panel{align-self:flex-start}.player-hand{display:flex;gap:16px;align-items:flex-end;justify-content:center;flex:1;padding:4px 0}.action-bar{display:flex;gap:10px;justify-content:center;align-self:stretch;padding-top:2px}.btn-primary{background:linear-gradient(160deg,#3a1a24,#22101a);border:1px solid var(--border-gold);color:var(--gold);font-size:.75rem;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;padding:7px 22px;border-radius:7px;cursor:pointer;letter-spacing:.06em;transition:background .2s,transform .12s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#4a2232,#32141e);box-shadow:0 0 12px #c9a05a33;transform:translateY(-1px)}.btn-primary:disabled{opacity:.3;cursor:default}.btn-danger{background:linear-gradient(160deg,#3a1018,#22080e);border:1px solid rgba(192,68,90,.45);color:#e8889a;font-size:.75rem;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;padding:7px 22px;border-radius:7px;cursor:pointer;letter-spacing:.06em;transition:background .2s,transform .12s,box-shadow .2s}.btn-danger:hover:not(:disabled){background:linear-gradient(160deg,#4a1820,#32101a);box-shadow:0 0 12px #c0445a40;transform:translateY(-1px)}.btn-danger:disabled{opacity:.3;cursor:default}.card-face{width:90px;height:126px;background:linear-gradient(160deg,#fdf5e4,#f0e0c0);border:1px solid rgba(201,160,90,.6);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:7px 7px 6px;gap:3px;color:#1a0c08;position:relative;transition:transform .18s,box-shadow .18s;overflow:hidden}.card-face:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, var(--gold));border-radius:var(--radius-card) var(--radius-card) 0 0}.card-face:after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,160,90,.25);border-radius:6px;pointer-events:none}.card-face.clickable{cursor:pointer}.card-face.clickable:hover{transform:translateY(-7px);box-shadow:0 12px 32px #0009,0 0 14px #c9a05a33}.card-face.selected{transform:translateY(-12px);box-shadow:0 14px 36px #000000a6,0 0 0 2px var(--accent, var(--gold))}.cf-header{display:flex;align-items:baseline;gap:4px}.cf-value{font-size:1.25rem;font-weight:800;color:var(--accent, #8b1a2a);line-height:1}.cf-name{font-size:.58rem;font-weight:700;color:#3a2010;letter-spacing:.02em;white-space:nowrap}.cf-icon{font-size:2.2rem;font-weight:900;color:var(--accent, #8b1a2a);opacity:.08;position:absolute;right:4px;top:50%;transform:translateY(-50%);line-height:1;-webkit-user-select:none;user-select:none}.cf-desc{font-size:.48rem;color:#5a3820;line-height:1.35;margin-top:auto}.card-back{width:90px;height:126px;background:linear-gradient(145deg,#4a0818,#280410,#4a0818);border:1px solid rgba(201,160,90,.45);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.card-back:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%)}.card-back.small{width:64px;height:90px}.cb-inner{font-size:2rem;color:#c9a05a4d;-webkit-user-select:none;user-select:none;border:1px solid rgba(201,160,90,.2);width:62px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:6px}.card-back.small .cb-inner{width:44px;height:66px;font-size:1.5rem}