:root{--bg:#1b1712;--panel:#2a241c;--panel-2:#342c22;--row:#241f18;--text:#f1e7d0;--muted:#b9a988;--accent:#c9a14a;--hero:#e6c25a;--ok:#7fb069;--ko:#d9534f;--up:#7fd36a;--down:#ff7a6b;--target:#5fa8d3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit;border:1px solid var(--accent);border-radius:.35rem;padding:.5rem .9rem}button{background:var(--accent);color:var(--bg);cursor:pointer;font-weight:600}button.secondary{color:var(--accent);background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:0;font-weight:400;text-decoration:underline}button.danger{background:var(--ko);border-color:var(--ko);color:#fff}button:disabled,input:disabled{opacity:.45;cursor:default}input,select{background:var(--bg);color:var(--text)}.muted{color:var(--muted)}.small{font-size:.85rem}.home,.setup{text-align:center;max-width:44rem;margin:0 auto;padding:3rem 1rem}h1{color:var(--accent);margin:0;font-size:2.5rem}.subtitle{color:var(--muted)}.actions{background:var(--panel);border-radius:.5rem;flex-direction:column;gap:1rem;max-width:28rem;margin:2rem auto 0;padding:1.5rem;display:flex}.join{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.join label{width:100%;color:var(--muted)}.join input{text-transform:uppercase;width:8rem}.status[data-status=online]{color:var(--ok)}.status[data-status=offline]{color:var(--ko)}.setup-players{text-align:left;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:1.5rem 0;display:grid}.setup-player{border:1px solid var(--panel-2);background:var(--panel);border-radius:.5rem;flex-direction:column;gap:.6rem;display:flex}.setup-player label{color:var(--muted);flex-direction:column;gap:.25rem;display:flex}.setup-player p{margin:0}.game{--hand-h:clamp(4.2rem, 17vh, 7.5rem);grid-template:"side board"1fr"hand hand"/minmax(12rem,16rem) 1fr;gap:.35rem;height:100dvh;padding:.35rem;display:grid;overflow:hidden}.side-panel{flex-direction:column;grid-area:side;justify-content:space-between;gap:.4rem;min-height:0;display:flex;overflow:auto}.player-info,.center-info{background:var(--panel);border-radius:.4rem;flex-direction:column;gap:.25rem;padding:.4rem .5rem;display:flex}.player-me{border-left:3px solid var(--accent)}.player-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.badge{background:var(--panel-2);color:var(--muted);border-radius:1rem;padding:.1rem .4rem;font-size:.7rem}.gems{gap:.2rem;display:inline-flex}.gem{border:1px solid var(--ko);border-radius:50%;width:.7rem;height:.7rem}.gem-on{background:var(--ko)}.leader{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.leader .card{height:4rem}.leader-state{color:var(--muted);font-size:.75rem}.leader button{padding:.3rem .6rem;font-size:.8rem}.scoreline{justify-content:space-between;align-items:center;display:flex}.score{color:var(--accent);font-size:1.4rem;font-weight:700}.round{color:var(--muted);font-size:.85rem}.weather{border:1px dashed var(--panel-2);border-radius:.35rem;justify-content:center;align-items:center;gap:.3rem;min-height:2.6rem;padding:.2rem;display:flex}.weather .card{height:2.4rem}.weather-target{border-color:var(--target);box-shadow:0 0 0 2px var(--target) inset;cursor:pointer}.center-info .status{text-align:center;margin:0;font-weight:600}.board{grid-area:board;grid-template-rows:repeat(3,minmax(0,1fr)) auto repeat(3,minmax(0,1fr));gap:.25rem;min-height:0;display:grid}.divider{border:none;border-top:2px solid var(--accent);opacity:.6;margin:.1rem 0}.row{background:var(--row);border:2px solid #0000;border-radius:.35rem;grid-template-columns:5.2rem 1fr;gap:.35rem;min-height:0;padding:.2rem;display:grid}.row-target{border-color:var(--target);cursor:pointer;background:#1f2a33}.row-head{color:var(--muted);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;font-size:.72rem;display:grid}.row-label{grid-column:1/-1}.row-icon{grid-column:1/-1;font-size:1rem;display:none}.row-slot{opacity:.4;font-size:.9rem}.row-slot-on{opacity:1}.row-total{color:var(--text);background:var(--panel-2);border-radius:.3rem;justify-self:end;padding:0 .35rem;font-size:1.05rem;font-weight:700}.row-cards{align-items:stretch;gap:.2rem;min-height:0;display:flex;overflow-x:auto}.row-cards .card{height:100%;min-height:2.2rem;max-height:5rem}.card{aspect-ratio:3/4;height:var(--hand-h);color:var(--text);text-align:left;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(160deg,#4a3d2c,#2c2419);border:1px solid #6b5a40;border-radius:.3rem;flex-direction:column;flex:none;justify-content:space-between;align-items:stretch;padding:.2rem;font-weight:400;display:flex;position:relative;overflow:hidden}.card-clickable{cursor:pointer}.card-art{object-fit:cover;object-position:center 20%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-with-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#000c 78%,#000e);position:absolute;inset:0}.card-with-art>span{z-index:1;position:relative}.card-with-art .card-name{text-shadow:0 1px 2px #000;margin-top:auto}.card-with-art .card-icons{text-shadow:0 1px 2px #000}.card-special{background:linear-gradient(160deg,#36404a,#20262c);border-color:#56687a}.card-leader{background:linear-gradient(160deg,#4b2f2f,#2a1b1b);border-color:#7a4c4c}.card-hero{border-color:var(--hero);box-shadow:0 0 0 1px var(--hero) inset}.card-selected{border-color:var(--target);box-shadow:0 0 0 2px var(--target);transform:translateY(-.35rem)}.card-target{border-color:var(--target);box-shadow:0 0 0 2px var(--target);cursor:pointer}.card-strength{text-align:center;background:var(--bg);border-radius:1em;align-self:flex-start;min-width:1.4em;padding:0 .2em;font-size:.85em;font-weight:700}.card-hero .card-strength{background:var(--hero);color:var(--bg)}.card-strength.up{color:var(--up)}.card-strength.down{color:var(--down)}.card-name{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.72em;line-height:1.1;display:-webkit-box;overflow:hidden}.card-icons{white-space:nowrap;font-size:.6em;overflow:hidden}.card{font-size:clamp(.75rem,1.6vh,1rem)}.card-small{font-size:clamp(.66rem,1.45vh,.95rem)}.card-small .card-name{-webkit-line-clamp:2;line-clamp:2}.hand-panel{background:var(--panel);border-radius:.4rem;grid-area:hand;min-width:0;padding:.3rem .4rem}.hand-head{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.85rem;display:flex}.hand-actions{align-items:center;gap:.6rem;display:flex}.hand-actions button{padding:.35rem .8rem}.pass{min-width:6rem}.hand{min-height:calc(var(--hand-h) + .4rem);align-items:flex-end;gap:.3rem;padding-top:.4rem;display:flex;overflow-x:auto}.revealed{align-items:center;gap:.3rem;font-size:.8rem;display:flex}.revealed .card{height:2.6rem}.info-panel{right:.6rem;bottom:calc(var(--hand-h) + 4rem);z-index:20;border:1px solid var(--accent);pointer-events:none;background:#12100d;border-radius:.4rem;max-width:min(22rem,100vw - 1.2rem);padding:.6rem 2rem .6rem .8rem;font-size:.85rem;position:fixed;box-shadow:0 .3rem 1rem #000a}.info-panel .close{pointer-events:auto}.info-panel p{margin:.3rem 0 0}.info-panel-art{align-items:flex-start;gap:.7rem;display:flex}.info-art{aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border:1px solid #6b5a40;border-radius:.3rem;flex:none;width:5.5rem}.info-panel .close{color:var(--muted);background:0 0;border:none;padding:0 .3rem;font-size:1.2rem;position:absolute;top:.2rem;right:.3rem}.toast{z-index:40;background:var(--ko);color:#fff;border-radius:.4rem;max-width:calc(100vw - 2rem);padding:.5rem 1rem;position:fixed;top:.8rem;left:50%;transform:translate(-50%)}.banner{z-index:35;background:var(--panel-2);border:1px solid var(--accent);color:var(--text);text-align:center;border-radius:.4rem;max-width:calc(100vw - 2rem);padding:.4rem .9rem;font-size:.9rem;position:fixed;top:.4rem;left:50%;transform:translate(-50%)}.modal,.handoff{z-index:30;background:#000b;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.handoff{z-index:50;background:var(--bg);text-align:center;flex-direction:column}.handoff h2{color:var(--accent);margin:.2rem 0 .6rem;font-size:2rem}.modal-box{background:var(--panel);border:1px solid var(--accent);text-align:center;border-radius:.5rem;max-width:min(40rem,100%);max-height:100%;padding:1rem 1.2rem;overflow:auto}.modal-box h2{margin-top:0;font-size:1.2rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.8rem;display:flex}.card-grid{flex-wrap:wrap;justify-content:center;gap:.4rem;padding-top:.4rem;display:flex}.card-grid .card{height:5.5rem}.big{margin:.3rem 0;font-size:2rem;font-weight:700}.results{border-collapse:collapse;margin:0 auto}.results th,.results td{border-bottom:1px solid var(--panel-2);padding:.3rem .8rem}.results .win{color:var(--accent);font-weight:700}@media (orientation:portrait){.game{--hand-h:clamp(4.4rem, 11vh, 7rem);grid-template:"opp""center""board"minmax(0,1fr)"me""hand"/1fr}.side-panel{display:contents}.player-opponent{grid-area:opp}.center-info{flex-direction:row;grid-area:center;justify-content:space-between;align-items:center}.center-info .weather{flex:1;min-height:2rem}.center-info .status{max-width:30%;font-size:.8rem}.scoreline{gap:.5rem}.player-me{grid-area:me}.player-info{flex-flow:wrap;align-items:center;padding:.25rem .4rem}.leader .card{height:2.4rem}.row{grid-template-columns:3.6rem 1fr}.row-label{font-size:.62rem}}@media (orientation:landscape) and (height<=500px){.game{--hand-h:clamp(3.4rem, 20vh, 5rem);grid-template-columns:11rem 1fr}.player-info,.center-info{gap:.1rem;padding:.2rem .35rem;font-size:.8rem}.leader .card{height:1.9rem}.weather{min-height:1.8rem}.weather .card{height:1.7rem}.hand-head{margin-bottom:0}.hand{padding-top:.2rem}.row{grid-template-columns:2.4rem 1fr;padding:.1rem}.row-label,.leader-state,.round{display:none}.row-icon{display:block}.row-head{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.row-icon{font-size:.75rem}.row-slot:not(.row-slot-on){display:none}.leader button{padding:.15rem .4rem;font-size:.7rem}.row-total{justify-self:center;font-size:.85rem}.side-panel{gap:.2rem}.player-line.small{gap:.3rem;font-size:.75rem}.score{font-size:1.1rem}.center-info .status{font-size:.8rem}.hand-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.info-panel{top:.4rem;bottom:auto}.hand-head{text-align:center;flex-direction:column;order:2;align-items:stretch;max-width:9rem;font-size:.7rem}.hand-actions{flex-direction:column;gap:.3rem}}.field{color:var(--muted);text-align:left;flex-direction:column;gap:.3rem;display:flex}.notice{border:1px solid var(--ko);max-width:28rem;color:var(--text);border-radius:.4rem;margin:1rem auto 0;padding:.5rem .8rem}.lobby{max-width:34rem}.room-code{letter-spacing:.15em;font-family:ui-monospace,monospace}.invite{text-align:left;color:var(--muted);flex-direction:column;gap:.3rem;margin:1.2rem 0;display:flex}.invite-row{gap:.4rem;display:flex}.invite-row input{flex:1;min-width:0}.lobby-players{text-align:left;flex-direction:column;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.lobby-players li{background:var(--panel);border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.badge-off{color:var(--ko)}.badge-ready{color:var(--ok)}.notice-ok{border-color:var(--ok)}.file-button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:.35rem;padding:.5rem .9rem;font-weight:600;display:block;position:relative}.file-button:focus-within{outline:2px solid var(--target)}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.decks{max-width:44rem}.deck-list{text-align:left;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.deck-list li{background:var(--panel);border-radius:.4rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.deck-list li p{margin:.25rem 0 0}.deck-list .badge{margin-left:.5rem}.deck-actions{flex-wrap:wrap;gap:.4rem;display:flex}.deck-actions button{padding:.35rem .7rem}.builder{--hand-h:6.5rem;max-width:76rem;margin:0 auto;padding:1.5rem 1rem 3rem}.builder h1{text-align:center;font-size:1.8rem}.builder h2{color:var(--accent);margin:0 0 .5rem;font-size:1.05rem}.builder-head{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;margin-top:1rem;display:grid}.builder-stats{z-index:5;background:var(--panel-2);border-radius:.4rem;flex-wrap:wrap;gap:.4rem 1.2rem;margin:.8rem 0 .4rem;padding:.5rem .8rem;font-weight:600;display:flex;position:sticky;top:0}.stat-ok{color:var(--ok)}.stat-ko{color:var(--down)}.builder-problems{color:var(--down);margin:.4rem 0;padding-left:1.2rem;font-size:.85rem}.builder-panes{grid-template-columns:3fr 2fr;gap:1rem;margin-top:.8rem;display:grid}.builder-pane{background:var(--panel);border-radius:.5rem;min-width:0;padding:.7rem}.builder-filters{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.builder-filters button{padding:.25rem .6rem;font-size:.85rem}.builder-cards{flex-wrap:wrap;gap:.4rem;display:flex}.builder-card{position:relative}.builder-card-max .card{opacity:.4}.builder-count{background:var(--bg);color:var(--accent);pointer-events:none;border-radius:.6rem;padding:0 .3rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.15rem;right:.15rem}.builder-actions{flex-wrap:wrap;margin-top:1rem}.builder .info-panel{bottom:1rem}@media (width<=720px){.builder-panes{grid-template-columns:1fr}.builder{--hand-h:5.5rem}}.row-cards .card,.weather .card{animation:.32s ease-out card-enter}.hand .card{animation:.28s ease-out card-draw}@keyframes card-enter{0%{opacity:0;transform:translateY(-.8rem)scale(1.15)}}@keyframes card-draw{0%{opacity:0;transform:translateY(.8rem)}}.card-leaving{pointer-events:none;height:100%;display:flex}.card-leaving .card{animation:.45s ease-in forwards card-leave}@keyframes card-leave{40%{filter:brightness(1.8)sepia()saturate(4)hue-rotate(-20deg)}to{opacity:0;filter:brightness(.4)sepia();transform:scale(.6)translateY(.4rem)}}.flash-up{animation:.65s ease-out flash-up}.flash-down{animation:.65s ease-out flash-down}@keyframes flash-up{30%{color:var(--up);text-shadow:0 0 .5rem var(--up);transform:scale(1.35)}}@keyframes flash-down{30%{color:var(--down);text-shadow:0 0 .5rem var(--down);transform:scale(1.35)}}.score,.row-total,.card-strength{display:inline-block}.row{position:relative}.row-weather:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.row-weather>*{z-index:1;position:relative}.row-weather-frost:before{background:radial-gradient(circle at 10% 20%,#cfeaff55 0 .15rem,#0000 .2rem) 0 0/2.2rem 2.2rem,linear-gradient(90deg,#9fd3ff33,#dff2ff1a 50%,#9fd3ff33);animation:4s ease-in-out infinite frost-shimmer;box-shadow:inset 0 0 1.2rem #9fd3ff66}.row-weather-fog:before{background-color:#0000;background-image:radial-gradient(at 20%,#d8d8d855,#0000 60%),radial-gradient(at 70% 40%,#c8c8c84d,#0000 55%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:9s linear infinite fog-drift}.row-weather-rain:before{background:repeating-linear-gradient(105deg,#0000 0 .7rem,#8fb7d855 .7rem .8rem) 0 0/3rem 3rem,linear-gradient(#5a7a9433,#5a7a944d);animation:.6s linear infinite rain-fall}@keyframes frost-shimmer{50%{opacity:.6}}@keyframes fog-drift{to{background-position:-200% 0}}@keyframes rain-fall{to{background-position:-.8rem 3rem,0 0}}.gem-break{animation:.7s ease-out gem-break}@keyframes gem-break{0%{background:var(--ko);transform:scale(1)}40%{box-shadow:0 0 .6rem var(--ko);background:#fff;transform:scale(1.9)}to{transform:scale(1)}}.modal-box{animation:.26s ease-out modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)}}.outcome{letter-spacing:.04em;margin:0;font-size:1.6rem;font-weight:800;animation:.6s ease-out outcome-in}.result-win .outcome{color:var(--hero);text-shadow:0 0 .8rem #e6c25a99}.result-lose .outcome{color:var(--down)}.result-draw .outcome{color:var(--muted)}.game-result.result-win{animation:.26s ease-out modal-pop,1.8s ease-in-out .26s infinite victory-glow}.game-result.result-win .outcome{font-size:2.4rem}.game-result.result-lose{filter:saturate(.6);animation:.26s ease-out modal-pop,.45s ease-in-out .26s defeat-shake}@keyframes outcome-in{0%{opacity:0;letter-spacing:.4em;transform:scale(1.8)}}@keyframes victory-glow{50%{box-shadow:0 0 2rem #e6c25a88}}@keyframes defeat-shake{25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}.sound-toggle{background:0 0;border:none;align-self:center;padding:.1rem .4rem;font-size:1.1rem;line-height:1}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}