:root{--bg: #0f0f14;--panel: #1b1b24;--panel-2: #262633;--text: #ececf1;--muted: #9a9aab;--accent: #f5c542;--troll: #2bb673;--rage: #e23b3b;--ohrwurm: #b45cff;--cringe: #f2b632;--doom: #9ca3af;--trend: #3b82f6;--card-w: 160px;--card-h: 235px;font-family:Inter,system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#22182e,var(--bg) 60%);min-height:100vh}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #3a3a4a;border-radius:8px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid #3a3a4a;border-radius:8px;padding:8px 12px}.muted{color:var(--muted)}.center{display:grid;place-items:center;min-height:100vh;padding:16px;text-align:center}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#5b1d1d;padding:10px 16px;border-radius:8px;cursor:pointer;z-index:100}.toast--notice{background:#2a2f3a;border:1px solid #ffffff30;bottom:auto;top:calc(var(--hint-h, 0px) + 8px);max-width:min(92vw,420px);display:flex;gap:10px;align-items:flex-start;pointer-events:none;cursor:default}.toast--notice button{pointer-events:auto;flex-shrink:0;padding:0 6px;background:transparent;border:0;color:inherit;cursor:pointer;font-size:1rem;line-height:1.2}.start{max-width:520px;margin:12vh auto;padding:16px;text-align:center}.start h1{font-family:Cinzel,serif;font-size:3rem;letter-spacing:.1em;margin:0;color:var(--accent)}.tagline{color:var(--muted)}.start form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.lobby{max-width:720px;margin:6vh auto;padding:16px}.code{font-family:monospace;color:var(--accent);letter-spacing:.2em}.seats{list-style:none;padding:0;display:grid;gap:6px}.seats li{background:var(--panel);padding:8px 12px;border-radius:8px;border-left:4px solid #444}.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.type-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.type-btn.selected{outline:2px solid var(--accent)}.host{display:flex;gap:8px;margin-top:16px}.type--troll{border-left-color:var(--troll)!important}.type--rage{border-left-color:var(--rage)!important}.type--ohrwurm{border-left-color:var(--ohrwurm)!important}.type--cringe{border-left-color:var(--cringe)!important}.type--doom{border-left-color:var(--doom)!important}.table{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;min-height:100vh}.table{overflow-y:clip}.opponents{grid-column:1;display:flex;gap:12px;flex-wrap:wrap}.center-area{grid-column:1;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.me{grid-column:1;display:grid;gap:8px}.logchat{grid-column:2;grid-row:1 / span 3;background:var(--panel);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 24px);position:sticky;top:12px}.log{flex:2;overflow-y:auto;font-size:.85rem}.log p,.chat p{margin:2px 0}.chat{flex:1;overflow-y:auto;font-size:.85rem;border-top:1px solid #333;padding-top:6px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.player{background:var(--panel);border-radius:12px;padding:10px;min-width:260px;border-left:4px solid #444}.player--active{box-shadow:0 0 0 1px var(--accent)}.player--acting{box-shadow:0 0 0 2px var(--accent),0 0 24px #f5c54259}.player__head{display:flex;justify-content:space-between;gap:8px;font-weight:600}.player__hype{white-space:nowrap;flex-shrink:0}.player__meta{font-size:.8rem;margin:4px 0}.reach{display:flex;gap:3px;align-items:center;margin-top:6px}.reach span{width:16px;height:8px;border-radius:2px;background:#333;transition:background .4s}.reach span.on{background:var(--accent)}.reach b{margin-left:6px}.statusbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel);padding:8px 12px;border-radius:10px}.statusbar>span:first-child{flex:1;min-width:200px}.countdown{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.hand{position:relative;display:flex;gap:0;flex-wrap:wrap;row-gap:8px;min-height:var(--card-h)}.hand>*+*{margin-left:-12px}.hand>*:hover{z-index:20}.hand .card{transform-origin:50% 100%}@media (max-width: 700px){.hand{gap:8px}.hand>*+*{margin-left:0}}.card{--frame: #8a8a8a;--frame-hi: #e8e8e8;--frame-lo: #2a2a2a;--motif: none;position:relative;width:var(--card-w);height:var(--card-h);border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:4px;font-size:.72rem;cursor:default;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#3a3128,#17130f 70%);box-shadow:0 0 0 1px #000,0 8px 18px #0000008c}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:4px;pointer-events:none;z-index:2;background:linear-gradient(135deg,var(--frame-hi),var(--frame) 25%,var(--frame-lo) 50%,var(--frame) 75%,var(--frame-hi))}@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)){.card:before{-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}}.card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;z-index:3;opacity:.95;background:var(--motif) left 0 top 0 / 16px 16px no-repeat,var(--motif) right 0 top 0 / 16px 16px no-repeat,var(--motif) left 0 bottom 0 / 16px 16px no-repeat,var(--motif) right 0 bottom 0 / 16px 16px no-repeat}.card--small:after{background-size:10px 10px}.card--troll{--frame: #2bb673;--frame-hi: #c8f7dd;--frame-lo: #0b3d24;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 2v11a4.5 4.5 0 1 1-9 0v-2l-3 3' fill='none' stroke='%23c8f7dd' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.card--rage{--frame: #e23b3b;--frame-hi: #ffd0c8;--frame-lo: #4a0b0b;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 1L4 14h7l-2 9 11-14h-7z' fill='%23ffd0c8'/%3E%3C/svg%3E")}.card--trend{--frame: #3b82f6;--frame-hi: #d3e4ff;--frame-lo: #0c2350;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 19l6-6 4 4 8-9M15 6h6v6' fill='none' stroke='%23d3e4ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.card--ohrwurm{--frame: #b45cff;--frame-hi: #ecd6ff;--frame-lo: #33105a;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18V5l11-2v13' fill='none' stroke='%23ecd6ff' stroke-width='2.4'/%3E%3Ccircle cx='6.5' cy='18' r='3' fill='%23ecd6ff'/%3E%3Ccircle cx='17.5' cy='16' r='3' fill='%23ecd6ff'/%3E%3C/svg%3E")}.card--cringe{--frame: #f2b632;--frame-hi: #fff0c4;--frame-lo: #4d3505;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C9 7 6 10 6 14a6 6 0 0 0 12 0c0-4-3-7-6-12z' fill='%23fff0c4'/%3E%3C/svg%3E")}.card--doom{--frame: #9ca3af;--frame-hi: #f1f2f4;--frame-lo: #1e2126;--motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6l3 6-3 14H9L6 8z' fill='none' stroke='%23f1f2f4' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M12 7v8M9.5 10h5' stroke='%23f1f2f4' stroke-width='2'/%3E%3C/svg%3E")}.card__head{display:flex;justify-content:space-between;align-items:center;gap:4px;position:relative;z-index:1;font-family:Cinzel,serif;font-weight:700;color:#2a1d0e;padding:3px 6px;border-radius:5px;background:linear-gradient(#efe2c4,#cdb98c);box-shadow:inset 0 0 0 1px #8a7348}.card__name{line-height:1.1;min-width:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card__cost{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#2a1d0e;font-family:Cinzel,serif;font-weight:700;background:radial-gradient(circle at 35% 30%,#fff3b0,#e0b23c 55%,#8a5f0c);box-shadow:0 0 0 1px #5a3d06,0 2px 4px #00000080}.card__kind{color:#d9cba8;font-size:.62rem;letter-spacing:.02em;position:relative;z-index:1}.card__rules{position:relative;z-index:1;line-height:1.25;flex:0 1 auto;min-height:2.6em;max-height:130px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;font-size:.68rem;color:#241a0e;background:linear-gradient(#f3e9d2,#e6d6b0);padding:4px 6px;border-radius:4px;box-shadow:inset 0 0 0 1px #9c8456}.card__flavor{font-style:italic;color:#cbb98f;flex:0 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.64rem;position:relative;z-index:1}.card--small .card__head{padding:2px 4px}.card--small .card__cost{min-width:16px;height:16px;font-size:.6rem}.card--playable{cursor:pointer;box-shadow:0 0 0 1px #000,0 0 16px 3px #f5c542bf}.card--small{--card-w: 90px;--card-h: 126px;font-size:.6rem}.card--blocked{opacity:.55;filter:saturate(.5);cursor:not-allowed}.card--blocked .card__zoom{opacity:1}.archive__why{margin:4px 0 0;font-size:.75rem;color:var(--accent);max-width:110px}.card--selected{transform:translateY(-12px);box-shadow:0 0 0 3px #e23b3b}.card--back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#22222c,#22222c 8px,#1a1a22 8px,#1a1a22 16px);color:var(--muted)}.card__art{flex:1 1 0;min-height:24px;overflow:hidden;display:grid;place-items:center;font-size:2.2rem;background:radial-gradient(circle,#2c2c3a,#18181f);border-radius:6px}.card--small .card__art{font-size:1.4rem}.card__rules--long{font-size:.62rem;line-height:1.2}.card__play{z-index:4;position:absolute;right:6px;bottom:6px;color:var(--text);text-decoration:none;background:#c4302b;border-radius:4px;padding:0 5px}.combat{display:flex;flex-wrap:wrap;max-width:100%;gap:16px;align-items:center;background:var(--panel);border-radius:12px;padding:12px}.combat__score{display:flex;gap:10px;align-items:baseline;font-size:2.4rem;font-weight:700;font-family:Cinzel,serif}.combat__score .win{color:var(--troll)}.combat__score .lose{color:var(--rage)}.combat__info p{margin:4px 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.modal__box{background:var(--panel);border-radius:12px;padding:20px;display:grid;gap:8px;min-width:280px}.winner h2{font-family:Cinzel,serif;color:var(--accent);margin:0}@media (max-width: 1000px){.table{grid-template-columns:minmax(0,1fr)}.logchat{grid-column:1;grid-row:auto;position:static;max-height:300px}}.card__art{overflow:hidden}.card__img{width:100%;height:100%;object-fit:cover;display:block}.library{padding:12px}.library__bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:5}.library__bar h2{margin:0 12px 0 0;font-family:Cinzel,serif}.library__back{color:var(--muted);text-decoration:none}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:14px;justify-items:center;margin-top:8px}.kw{font-weight:700;text-decoration:underline dotted;cursor:help;position:relative;outline:none}.kw__tip{position:fixed;transform:translate(-50%,calc(-100% - 6px));width:220px;background:#111;color:#eee;border:1px solid var(--accent);border-radius:6px;padding:6px 8px;font-weight:400;font-size:.75rem;line-height:1.3;z-index:100;text-align:left;box-shadow:0 6px 18px #0009;pointer-events:none}.card__zoom{z-index:4;position:absolute;right:10px;top:34px;background:#0008;border:0;border-radius:4px;padding:0 4px;font-size:.75rem;cursor:zoom-in}.card--large{--card-w: 340px;--card-h: 500px;font-size:1rem}.card--large .card__rules{max-height:none;font-size:.95rem}.card--large .card__flavor{-webkit-line-clamp:unset;font-size:.85rem}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:80;cursor:zoom-out}.kw__tip--below{transform:translate(-50%,6px)}.effects{background:var(--panel);border-radius:12px;padding:8px 12px;min-width:260px;border:1px solid #3a3a4a}.effects h4{margin:0 0 6px;font-family:Cinzel,serif;color:var(--accent)}.effects ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.effects li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;font-size:.85rem}.effects__title{background:none;border:0;padding:0;color:var(--text);font-weight:600;text-decoration:underline dotted;cursor:zoom-in}.effects__title:disabled{text-decoration:none;cursor:default}.fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;z-index:70}.fx__item{display:grid;justify-items:center;gap:8px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.7))}.fx__item p{margin:0;font-family:Cinzel,serif;font-size:1.2rem;text-shadow:0 2px 6px #000}.fx__banner{font-family:Cinzel,serif;font-size:clamp(2rem,12vw,4rem)!important;font-weight:700;display:grid;justify-items:center}.fx__banner small{font-size:1.2rem}.fx__banner--win{color:var(--accent)}.fx__banner--lose{color:var(--rage)}.fx__dice{font-size:3rem!important;display:grid;justify-items:center}.fx__dice small{font-size:1rem}.fx__toast{background:#000c;padding:8px 18px;border-radius:999px;border:1px solid var(--accent)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,3px)}40%{transform:translate(7px,-4px)}60%{transform:translate(-5px,2px)}80%{transform:translate(4px,-2px)}}body.shake .table>:is(section,aside){animation:shake .45s}@media (prefers-reduced-motion: reduce){body.shake .table>:is(section,aside){animation:none}}.linklike{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.earworms{align-items:center;gap:6px;font-size:.8rem}.player__sf{margin-right:6px}.archive{max-width:min(720px,92vw);max-height:85vh;overflow-y:auto}.archive__grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.archive__item{display:grid;gap:4px;justify-items:center}.log__group{margin:4px 0}.log .log__group p.log__follow{margin-left:14px;color:var(--muted);font-size:.8rem}.log details.log__head summary{cursor:pointer}.breakdown{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:.8rem;text-align:left;margin-top:6px}.breakdown h4{margin:0 0 2px;font-size:.8rem}.breakdown ul{list-style:none;margin:0;padding:0}.breakdown li{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.breakdown__label{min-width:0;overflow-wrap:anywhere}.breakdown__val{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}.breakdown__sum{border-top:1px solid currentColor;margin-top:2px;font-weight:700}.btn-link{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;background:var(--panel-2);border:1px solid #3a3a4a;color:var(--text);text-decoration:none;font-weight:700}.lobby__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.lobby__hints{display:flex;gap:6px;align-items:center;margin-top:16px}.start form button{white-space:nowrap}.guide a:not(.library__back){color:var(--accent)}.hint{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;gap:6px 12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#111e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--accent);padding:6px 12px;box-shadow:0 6px 18px #0009;font-size:.85rem;line-height:1.35}.hint__text{margin:0;flex:1 1 320px;max-width:760px}.hint__text b{color:var(--accent)}.hint__buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.hint__buttons button{padding:4px 10px;font-size:.8rem}.hint__buttons .linklike{padding:4px 2px;color:var(--accent)}.table{padding-top:calc(12px + var(--hint-h, 0px))}.logchat{top:calc(12px + var(--hint-h, 0px))}.hint-anchor{outline:2px dashed var(--accent);outline-offset:3px;border-radius:10px}.guide{max-width:860px;margin:0 auto;padding:12px 16px 48px;line-height:1.55}.guide h1{margin:0;font-family:Cinzel,serif;font-size:1.6rem}.guide h2{font-family:Cinzel,serif;color:var(--accent);margin:0 0 8px;font-size:1.35rem}.guide h3{margin:18px 0 6px;font-size:1.05rem}.guide__lead{font-size:1.05rem}.guide__toc{background:var(--panel);border-radius:12px;padding:12px 16px;margin:16px 0 24px}.guide__toc h2{font-size:1.05rem;color:var(--text)}.guide__toc ol{margin:0;padding-left:22px;columns:2 200px}.guide__toc li{margin:2px 0}.guide__section{margin:0 0 32px;scroll-margin-top:64px}.guide__up{font-size:.9rem;text-decoration:none;color:var(--muted);margin-left:4px}.guide__steps li,.guide ul li{margin:6px 0}.guide__terms{margin:8px 0}.guide__terms dt{font-weight:700;margin-top:10px}.guide__terms dd{margin:2px 0 0;padding-left:12px;border-left:2px solid #3a3a4a}.guide .breakdown{max-width:520px;background:var(--panel);border-radius:10px;padding:10px 12px;font-size:.9rem}.guide__cards{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.guide__cards figure{margin:0;display:grid;gap:6px;justify-items:center}.guide__cards figcaption{font-size:.8rem;color:var(--muted)}.guide__types{display:grid;gap:14px}.guide__type{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;background:var(--panel);border-radius:12px;padding:12px 14px;border-left:4px solid #444}.guide__type h3{margin-top:0}.guide__type .card{flex-shrink:0}@media (max-width: 560px){.guide__type{flex-direction:column;align-items:center}.guide__cards{justify-content:center}}@media (max-width: 560px){.guide .breakdown{grid-template-columns:minmax(0,1fr)}}.cardref{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:600;text-align:left;text-decoration:underline dotted;cursor:zoom-in}.cardref:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.cardref__preview{position:fixed;z-index:90;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}