.lupus-page{--l-gold:#d5b36b;--l-ink:#eee4ce;--l-muted:#bcb7a9;color:var(--l-ink);max-width:1500px;margin:auto;padding:24px;border:1px solid #8c74494d;border-radius:20px;background:linear-gradient(#081116a8,#0b1218ed),url('/assets/lupus/tabletop.webp') center/cover fixed;box-shadow:0 24px 70px #0006}.lupus-page *{box-sizing:border-box}.lupus-page h2,.lupus-page h3,.lupus-page strong{color:var(--l-ink)}.lupus-page h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,44px);margin:6px 0}.lupus-page h3{font-family:Georgia,serif}.lupus-page p{line-height:1.55}.lupus-page button,.lupus-page input,.lupus-page select{font:inherit}.lupus-page button{border:1px solid #a88c515c;border-radius:9px;padding:10px 14px;color:var(--l-ink);background:#17232a;cursor:pointer;min-height:42px}.lupus-page button:hover:not(:disabled){border-color:var(--l-gold);background:#27373e}.lupus-page button:disabled{opacity:.45;cursor:default}.lupus-page button.cta{background:linear-gradient(#d5b36b,#b18a47);color:#201c16;border-color:#ead49c;font-weight:750}.lupus-page button:focus-visible,.lupus-page select:focus-visible,.lupus-page input:focus-visible,.lupus-seat:focus-visible{outline:3px solid #dfbf7c;outline-offset:3px}.lupus-page input:not([type=checkbox]),.lupus-page select{width:100%;min-height:42px;background:#0c161d;color:#f1e9d9;border:1px solid #78828c80;border-radius:7px;padding:9px}.lupus-page label{display:flex;gap:7px;flex-direction:column;font-size:13px;color:#cbc8ba}.lupus-page small{color:var(--l-muted)}.lupus-head{display:flex;gap:22px;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #d5b36b33}.lupus-head small{letter-spacing:3px;color:var(--l-gold);font-size:10px}.lupus-head p{color:#bbc4c4;margin:7px 0}.lupus-head nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.lupus-head nav b{width:100%;text-align:right;color:var(--l-gold);font-size:13px;letter-spacing:1px}.lupus-entry{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding:45px 15px}.lupus-entry article{max-width:620px}.lupus-entry h3{font-size:28px}.lupus-entry form{display:grid;align-content:center;gap:15px;padding:24px;border:1px solid #b79a5b55;background:#0e1923d6;border-radius:16px}.lupus-moon{font-size:60px;line-height:1;color:#deca8c;text-shadow:0 0 30px #e0d49a55;font-family:Georgia,serif}.lupus-lobby{padding:20px 0}.lupus-lobby-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.lupus-lobby-top p{font-size:13px;color:var(--l-muted)}.lupus-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.lupus-member{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #a58b5355;background:#0c1722e8;padding:13px;border-radius:12px}.lupus-member>strong{align-self:center;overflow-wrap:anywhere}.lupus-member>small{text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:1px}.lupus-member>button{grid-column:1/-1;padding:5px;min-height:32px;font-size:12px}.lupus-member select{font-size:12px;padding:5px}.lupus-lobby-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.lupus-lobby-columns>section{background:#101c25d9;padding:18px;border-radius:12px;border:1px solid #5f6b7155}.lupus-lobby-columns form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lupus-help{font-size:12px;color:var(--l-muted);grid-column:1/-1;margin:5px 0}.lupus-buttons{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.lupus-deck{background:#101c25d9;border:1px solid #5f6b7155;padding:17px;border-radius:12px;margin-bottom:20px}.lupus-page summary{cursor:pointer;color:var(--l-gold);padding:4px;font-weight:650}.lupus-deck>p{font-size:13px;color:var(--l-muted)}.lupus-role-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}.lupus-role-options .lupus-role-option{display:grid;grid-template-columns:20px 1fr;align-items:center;background:#07101880;border:1px solid #58626a55;border-radius:9px;padding:8px}.lupus-role-option small{grid-column:2;font-size:11px}.lupus-role-option input{accent-color:#bc9a56}.lupus-page button.lupus-role-link{border:0;background:transparent;padding:0;min-height:30px;text-align:left}.lupus-phase{display:flex;justify-content:space-between;gap:15px;padding:24px 3px 18px}.lupus-phase small{letter-spacing:2px;color:var(--l-gold);font-size:10px}.lupus-phase h3{font-size:26px;margin:6px 0}.lupus-phase p{font-size:13px;color:var(--l-muted);margin:5px 0}.lupus-hourglass{text-align:center;display:flex;flex-direction:column;align-self:center;gap:4px;min-width:95px}.lupus-hourglass strong{font-size:27px;font-variant-numeric:tabular-nums}.lupus-hourglass small{letter-spacing:0}.lupus-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start}.lupus-board{min-height:450px;border:2px solid #a88c5166;border-radius:34px;box-shadow:inset 0 0 60px #0008,0 12px 30px #0005;background:radial-gradient(ellipse,#23403978,#0d1c217a 70%);display:flex;flex-direction:column;justify-content:center;padding:22px;position:relative}.lupus-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px;align-items:start}.lupus-seat{text-align:center;min-width:0;position:relative;padding:9px 4px;border:1px solid #9b85503d;background:#0a1219a8;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:5px}.lupus-seat strong{font-size:12px;max-width:100%;overflow-wrap:anywhere}.lupus-seat small{font-size:10px}.lupus-seat-card{width:55px;height:82px;filter:drop-shadow(1px 4px 3px #0008);transform:rotate(-3deg);margin-bottom:3px}.lupus-seat:nth-child(2n) .lupus-seat-card{transform:rotate(3deg)}.lupus-seat-card .pc-card-back,.lupus-seat-card .lupus-role-art{width:100%;height:100%;display:block}.lupus-seat .pc-card-back{border-radius:5px}.lupus-self{border-color:var(--l-gold);box-shadow:0 0 0 1px #d5b36b33}.lupus-ghost{filter:grayscale(.8);opacity:.6}.lupus-ghost:after{content:'✧';position:absolute;right:5px;top:4px;color:#c5dbeb;font-size:18px}.lupus-accused{border-color:#de8754;background:#713f2440}.lupus-badge,.lupus-vote{font-size:9px;background:#513d22;padding:3px 5px;border-radius:5px;max-width:100%;overflow-wrap:anywhere}.lupus-board-center{text-align:center;padding-top:25px}.lupus-board-center .lupus-moon{font-size:48px}.lupus-board-center p{font-family:Georgia,serif;font-style:italic;color:#d3c08e;margin:8px 0}.lupus-board-center>span:last-child{color:#96aaa8;font-size:11px}.lupus-own{background:#0c1620ef;border:1px solid #ad915366;border-radius:15px;padding:16px;text-align:center}.lupus-own h3{margin-top:0;font-size:17px}.lupus-own [data-l=identity]{display:flex;align-items:center;flex-direction:column;gap:7px}.lupus-own p{font-size:12px;color:var(--l-muted)}.lupus-page .lupus-identity-card{width:120px;height:180px;background:none;border:none;padding:0;filter:drop-shadow(0 5px 8px #0008)}.lupus-role-art{display:block;width:100%;height:100%}.lupus-identity-back{width:120px;height:180px;margin:3px auto;transform:rotate(-3deg)}.lupus-identity-back .pc-card-back{width:100%;height:100%;display:block;border-radius:8px}.lupus-own button[data-l=reveal]{font-size:12px;width:100%;padding:8px}.lupus-own details{font-size:12px;text-align:left;margin-top:15px}.lupus-own ol{padding-left:20px;line-height:1.5}.lupus-own li{margin:10px 0}.lupus-controls{margin:22px 0;background:#0d1922ef;border:1px solid #aa905455;border-radius:14px;padding:18px}.lupus-controls h3{margin-top:0}.lupus-controls [data-l=actions]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lupus-ability{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.lupus-ability label{min-width:200px}.lupus-ability>select{width:auto}.lupus-discussion{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-top:20px;padding-top:18px;border-top:1px solid #d5b36b22;align-items:end}.lupus-discussion button{align-self:end}.lupus-journal{background:#0a131ce8;border:1px solid #8e79514d;border-radius:14px;padding:18px}.lupus-journal>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.lupus-journal h3{margin:0}.lupus-log-filter{min-width:140px}.lupus-journal ol{max-height:430px;overflow:auto;overscroll-behavior:contain;list-style:none;margin:17px 0 0;padding:0;scrollbar-color:#8c7951 #13212d}.lupus-event{border-bottom:1px solid #6e797633;padding:13px 8px}.lupus-event small{font-size:10px;display:block;margin-bottom:5px;letter-spacing:.4px}.lupus-event strong{font-size:13px;color:#ddc996}.lupus-event p{margin:4px 0;font-size:13px}.lupus-dialogue-event{border-left:2px solid #b7995c66;margin:8px 0;background:#17252a80;padding-left:12px}.lupus-event-target{font-size:11px;color:#9fb7c0}.lupus-counts{margin-top:18px;font-size:13px}.lupus-counts>div{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.lupus-counts button{font-size:12px;padding:6px 9px}.lupus-status{color:#f0c58b;font-size:13px;min-height:20px}.lupus-dialog{background:#101b24;color:#eee4ce;border:1px solid #b79a5b;border-radius:15px;max-width:950px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 20px 100px #000b}.lupus-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.lupus-dialog>button:first-child{float:right}.lupus-dialog>svg{width:180px;height:270px;margin:20px auto}.lupus-dialog p{line-height:1.6}.lupus-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:15px}.lupus-rules-grid button{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:left}.lupus-rules-grid svg{width:110px;height:166px}.lupus-rules-grid p{font-size:12px;margin:0;line-height:1.5}.lupus-result{font-size:20px;color:#e6cd8c}.lupus-card-fallback{font-size:50px}.lupus-page[data-phase=night] .lupus-board{background:radial-gradient(ellipse,#263b6878,#08121caa 75%)}.lupus-page .hidden{display:none!important}@media(min-width:1150px){.lupus-board{padding:25px 30px;min-height:510px}.lupus-seats{grid-template-columns:repeat(8,minmax(0,1fr));gap:15px 10px}.lupus-seat-card{width:60px;height:90px}}@media(max-width:850px){.lupus-page{padding:17px;background-attachment:scroll}.lupus-head{align-items:start}.lupus-head nav{max-width:240px}.lupus-head nav button{font-size:11px;padding:7px 9px}.lupus-head p{font-size:12px}.lupus-play-layout{grid-template-columns:minmax(0,1fr) 190px;gap:10px}.lupus-own{padding:12px}.lupus-board{padding:14px;border-radius:20px}.lupus-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lupus-seat-card{width:45px;height:68px}.lupus-lobby-columns{gap:12px}.lupus-discussion{grid-template-columns:1fr 1fr}.lupus-entry{padding:25px 0;gap:18px}.lupus-entry h3{font-size:23px}}@media(max-width:600px){.lupus-page{padding:12px;border-radius:13px}.lupus-head{display:block}.lupus-head nav{max-width:none;justify-content:start;margin-top:14px}.lupus-head nav b{width:auto;flex:1;text-align:left;font-size:11px}.lupus-head h2{font-size:28px}.lupus-head small{letter-spacing:2px;font-size:9px}.lupus-entry{grid-template-columns:1fr}.lupus-entry article{padding:8px}.lupus-entry .lupus-moon{font-size:45px;float:right}.lupus-entry form{padding:17px}.lupus-lobby-top{display:block}.lupus-lobby-columns{grid-template-columns:1fr}.lupus-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lupus-member{padding:9px;grid-template-columns:1fr;gap:6px}.lupus-member>small{text-align:left}.lupus-member>strong{font-size:13px}.lupus-member>button{grid-column:auto}.lupus-lobby-columns form{grid-template-columns:1fr 1fr}.lupus-role-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lupus-role-option small{font-size:9px}.lupus-role-option .lupus-role-link{font-size:11px}.lupus-play-layout{display:flex;flex-direction:column}.lupus-board{width:100%;min-height:360px;padding:12px}.lupus-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}.lupus-seat{padding:7px 2px;gap:4px}.lupus-seat strong{font-size:10px}.lupus-seat small{font-size:9px}.lupus-seat-card{width:43px;height:65px}.lupus-own{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;align-items:center}.lupus-own h3{grid-column:1/-1;margin:2px 0}.lupus-own [data-l=identity]{grid-column:1;grid-row:2/5;gap:4px;text-align:center}.lupus-own .lupus-identity-card,.lupus-own .lupus-identity-back{width:85px;height:128px}.lupus-own [data-l=identity]>p{font-size:10px;margin:2px}.lupus-own [data-l=identity]>strong{font-size:12px}.lupus-own [data-l=identity]>small{font-size:10px}.lupus-own details{margin:0}.lupus-own [data-l=allies]{font-size:11px;margin:3px}.lupus-phase{padding:17px 0 12px}.lupus-phase h3{font-size:21px}.lupus-phase p{font-size:11px}.lupus-hourglass{min-width:70px}.lupus-hourglass strong{font-size:23px}.lupus-hourglass small{font-size:8px}.lupus-controls,.lupus-journal{padding:13px}.lupus-ability{width:100%}.lupus-ability label{min-width:0;flex:1}.lupus-ability button{font-size:12px}.lupus-discussion{grid-template-columns:1fr 1fr;gap:10px}.lupus-discussion>button{grid-column:1/-1}.lupus-discussion select{font-size:12px;padding:7px}.lupus-discussion label{font-size:11px}.lupus-journal h3{font-size:17px}.lupus-log-filter{min-width:115px;font-size:10px}.lupus-log-filter select{font-size:11px;padding:5px}.lupus-journal ol{max-height:350px}.lupus-event p{font-size:12px}.lupus-dialog{padding:16px}.lupus-rules-grid{grid-template-columns:1fr 1fr;gap:9px}.lupus-rules-grid button{padding:10px}.lupus-rules-grid svg{width:85px;height:128px}.lupus-rules-grid strong{font-size:12px}.lupus-rules-grid p{font-size:11px}}@media(prefers-reduced-motion:reduce){.lupus-page *{scroll-behavior:auto!important}}
.lupus-seat{border-color:var(--player-color,var(--l-gold));box-shadow:inset 0 -3px var(--player-color,var(--l-gold))}.lupus-player-token{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--player-color);color:#101820;font-size:11px;font-weight:800;border:2px solid #ffffff70;box-shadow:0 2px 3px #0008}.lupus-self{outline:2px solid var(--player-color);outline-offset:3px}