*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IM Fell English,Georgia,Times New Roman,serif;color:#e8dcc0;background:radial-gradient(ellipse 120% 80% at 50% 20%,#4a3a24 0%,transparent 55%),radial-gradient(ellipse at center,#2a2216,#1a140c 55%,#0c0906);-webkit-user-select:none;user-select:none;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}#root{position:relative;z-index:1}.btn{font-family:Cinzel,Georgia,serif;color:#e8dcc0;background:linear-gradient(180deg,#5a4528,#2b2213);border:1px solid #8a6d3b;border-radius:4px;padding:8px 18px;cursor:pointer;font-size:15px;letter-spacing:.04em;box-shadow:0 2px #1a1208,inset 0 1px #ffffff18;transition:transform .08s ease,box-shadow .08s ease,border-color .12s ease}.btn:hover:not(:disabled){background:linear-gradient(180deg,#6c5330,#3a2e1a);border-color:#c9a227}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #1a1208}.btn:disabled{opacity:.4;cursor:default}.btn-primary{font-size:18px;padding:12px 28px;border-color:#c9a227;color:#f0e6c8}.btn-selected{border-color:#c9a227;box-shadow:0 0 8px #c9a22766,0 2px #1a1208}.btn-small{padding:2px 8px;font-size:12px;margin-left:6px;letter-spacing:0}.btn-pass{align-self:center;margin-left:12px}.menu-screen{display:flex;flex-direction:column;align-items:center;padding-top:6vh;gap:20px;min-height:100%;overflow-y:auto;padding-bottom:32px}.title{font-family:Cinzel,Georgia,serif;font-size:clamp(40px,8vw,72px);letter-spacing:.35em;color:#c9a227;text-shadow:0 2px 0 #3a2a10,0 4px 16px #000000aa;margin:0;font-weight:700}.menu-box{display:flex;flex-direction:column;gap:12px;align-items:center;background:linear-gradient(180deg,#1a140ccc,#0e0a06dd);padding:28px 44px;border:1px solid #8a6d3b;border-radius:10px;box-shadow:0 12px 40px #0008,inset 0 1px #ffffff12;max-width:640px;width:min(92vw,640px)}.menu-box h3{margin:10px 0 0;font-weight:400;color:#b8a988;font-family:Cinzel,Georgia,serif;letter-spacing:.08em;font-size:14px}.faction-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.menu-note{color:#8a7c60;font-size:13px;text-align:center;margin:0}.menu-error{color:#e06c5c;font-size:13px;margin:0}.room-code{font-size:18px;color:#c9a227;letter-spacing:.15em;font-family:Cinzel,serif}.join-row{display:flex;gap:8px;align-items:center}.code-input{font-family:inherit;font-size:16px;padding:8px 12px;width:120px;background:#20180f;color:#e8dcc0;border:1px solid #8a6d3b;border-radius:4px;text-transform:lowercase}.mp-banner{text-align:center;padding:4px;background:#5c2a2288;border:1px solid #e06c5c;border-radius:4px;margin-bottom:4px;font-size:14px}.field-label{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:100%;color:#b8a988;font-size:13px}.text-input{font-family:inherit;font-size:16px;padding:8px 12px;background:#20180f;color:#e8dcc0;border:1px solid #8a6d3b;border-radius:4px}.user-stats{display:flex;align-items:center;gap:10px}.leaderboard-box{max-width:520px;width:90%}.leaderboard-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 16px}.leaderboard-table th,.leaderboard-table td{padding:6px 10px;border-bottom:1px solid #3a2f1e;text-align:left}.leaderboard-table th{color:#c9a227;font-weight:400;font-family:Cinzel,serif}.leaderboard-table td:nth-child(n+3){text-align:right}.leaderboard-table th:nth-child(n+3){text-align:right}.settings-box{align-items:stretch}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;color:#e8dcc0;font-size:16px;padding:6px 0}.toggle-row input{width:18px;height:18px;accent-color:#c9a227}.game-screen{display:grid;grid-template-columns:190px 1fr 230px;gap:8px;height:100vh;padding:10px;background:linear-gradient(180deg,#1a1208aa,#0a0804cc)}.game-center{display:flex;flex-direction:column;min-width:0}.board,.board-half{flex:1;display:flex;flex-direction:column;gap:3px;min-height:0}.board-divider{border:none;height:3px;margin:4px 0;background:linear-gradient(90deg,transparent,#c9a22788,transparent)}.board-row{flex:1;display:flex;align-items:center;gap:6px;min-height:0;background:linear-gradient(90deg,#1a120888,#2a1e1088);border:1px solid #4a3a2488;border-radius:6px;padding:3px 8px;box-shadow:inset 0 0 20px #0005}.row-mine{border-color:#5a4a3088}.row-theirs{border-color:#3a2a1888}.row-targetable{border-color:#c9a227;box-shadow:inset 0 0 16px #c9a22744;cursor:pointer;animation:pulse-target 1.2s ease-in-out infinite}.reduce-motion .row-targetable{animation:none}@keyframes pulse-target{0%,to{box-shadow:inset 0 0 12px #c9a22733}50%{box-shadow:inset 0 0 22px #c9a22766}}.row-badge{min-width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#3a2e1a,#20180f);border:2px solid #8a6d3b;font-weight:700;font-family:Cinzel,serif;box-shadow:0 2px 4px #0008}.row-badge.horn{border-color:#c9a227;color:#c9a227}.row-units{display:flex;gap:4px;overflow-x:auto;flex:1;height:100%;align-items:center}.half-score{text-align:right;font-size:22px;color:#c9a227;padding:0 8px;font-family:Cinzel,serif;text-shadow:0 1px 4px #000}.card{position:relative;flex:0 0 auto;border-radius:6px;box-shadow:0 2px 6px #0008;transition:transform .12s ease,box-shadow .12s ease}.card img{display:block;border-radius:6px;height:100%;width:auto}.card-row{height:74px}.card-hand{height:114px}.card-big{height:260px}.card-hero{box-shadow:0 0 0 2px #c9a227,0 2px 8px #000a}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-6px);box-shadow:0 8px 16px #000a;z-index:2}.reduce-motion .card-clickable:hover{transform:none}.card-selected{outline:3px solid #c9a227;border-radius:6px;box-shadow:0 0 12px #c9a22788}.card-dimmed{filter:grayscale(.7) brightness(.6)}.card-strength{position:absolute;top:2px;left:2px;min-width:22px;text-align:center;background:#20180fee;border:1px solid #8a6d3b;border-radius:50%;font-size:13px;font-weight:700;padding:2px;font-family:Cinzel,serif;box-shadow:0 1px 3px #000a}.card-strength.buffed{color:#7fc97f}.card-strength.debuffed{color:#e06c5c}.hand-bar{display:flex;align-items:center;padding-top:8px;background:linear-gradient(180deg,transparent,#0a080466);border-radius:8px}.hand{display:flex;gap:6px;overflow-x:auto;flex:1;padding:6px 0}.status-col{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.seat{background:linear-gradient(180deg,#1a140ccc,#0e0a08dd);border:1px solid #4a3a24;border-radius:8px;padding:12px;box-shadow:inset 0 1px #ffffff10}.seat-active{border-color:#c9a227;box-shadow:0 0 10px #c9a22744}.seat-name{font-size:17px;color:#c9a227;font-family:Cinzel,serif}.seat-gems{color:#b3202a;letter-spacing:2px;font-size:16px}.seat-info{font-size:13px;color:#b8a988}.passed{color:#e06c5c;font-weight:700}.seat-leader{font-size:13px;margin-top:6px}.weather-box{text-align:center;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#9fc2d6;background:#0a101855;border:1px solid #2a3a4488;border-radius:6px;padding:8px}.weather-clear{color:#8a7c60}.round-info{text-align:center;color:#b8a988;font-family:Cinzel,serif;letter-spacing:.08em;font-size:13px}.side-panel{display:flex;flex-direction:column;gap:8px;min-height:0}.preview-slot{height:264px;display:flex;justify-content:center;align-items:center;background:#0003;border-radius:8px;border:1px solid #3a2f1e;padding:4px;position:relative}.preview-selected{border-color:#c9a22788}.preview-confirmable{border-color:#c9a227;box-shadow:0 0 12px #c9a22744;cursor:pointer}.preview-empty{color:#8a7c60;font-size:13px;text-align:center;padding:12px}.card-info{background:linear-gradient(180deg,#1a140ccc,#0e0a08ee);border:1px solid #4a3a24;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.card-info-name{font-family:Cinzel,Georgia,serif;color:#c9a227;font-size:15px;letter-spacing:.04em}.card-info-flavor{font-style:italic;color:#9a8f74;font-size:12px;line-height:1.35}.card-info-ability{color:#e8dcc0;font-size:12px;line-height:1.4;white-space:pre-wrap}.card-info-hint{color:#c9a227;font-size:12px;margin-top:2px}.btn-play-confirm{width:100%;margin-top:4px;font-size:14px;padding:8px}.log{flex:1;overflow-y:auto;background:#0005;border:1px solid #3a2f1e;border-radius:8px;padding:8px;font-size:12px;min-height:80px}.log-entry{padding:3px 0;border-bottom:1px solid #ffffff11;color:#b8a988}.carousel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.carousel{text-align:center;max-width:90vw}.carousel h2{color:#c9a227;font-family:Cinzel,serif;letter-spacing:.08em}.carousel-cards{display:flex;gap:12px;overflow-x:auto;padding:12px;justify-content:safe center}.carousel-empty{color:#8a7c60}.result-box{background:linear-gradient(180deg,#2a2010,#1d1710);border:1px solid #8a6d3b;border-radius:10px;padding:28px 48px;box-shadow:0 16px 48px #000a}.round-table{margin:0 auto 16px;border-collapse:collapse}.round-table td{padding:4px 14px;border-bottom:1px solid #ffffff22}.deck-editor{display:flex;flex-direction:column;height:100vh;padding:12px 16px;gap:12px;box-sizing:border-box;overflow:hidden}.editor-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.editor-columns{display:flex;gap:16px;flex:1;min-height:0}.editor-pane{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:#0005;border:1px solid #6b5a36;border-radius:8px;padding:8px 12px}.editor-pane h3{margin:8px 0 6px;color:#c9a227;font-family:Cinzel,serif}.deck-stats{font-size:12px;color:#cbbf9a;font-weight:400;margin-left:8px}.deck-errors{color:#e06c5a;font-size:13px;margin:4px 0;padding-left:18px}.ed-list{list-style:none;margin:0;padding:0}.ed-row{display:flex;align-items:center;gap:8px;padding:3px 4px;border-bottom:1px solid #ffffff11;font-size:14px}.ed-row-dim{opacity:.45}.ed-add{width:26px;height:26px;flex:none;background:#2a2416;color:#e8dcc0;border:1px solid #6b5a36;border-radius:4px;cursor:pointer}.ed-add:disabled{cursor:default;opacity:.4}.ed-name{flex:1}.ed-meta{color:#9a8f74;font-size:12px}.ed-count{width:40px;text-align:right;color:#cbbf9a;font-size:12px}.leader-list{margin-bottom:8px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}