:root{color-scheme:dark;--session-background:#141d26;--session-border:#4b5660;--session-text:#f4ead5;--session-accent:#efd495}
*{box-sizing:border-box}
body{margin:0;background:#101a22;color:#f3ecd9;font:15px/1.4 system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#111923e8,#101a22ed),url('/assets/silencio-landscape.webp') center/cover;pointer-events:none}
button,summary{font:inherit}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffe6a2;outline-offset:3px}
#shell{max-width:1730px;margin:auto;padding:10px 18px 22px}
.games-lobby{--lobby-bg:#1c2935}.games-lobby h1{font-family:Georgia,serif;letter-spacing:.06em}
#notice{position:relative;padding:8px 12px;background:#603b34;color:#fff1db;border:1px solid #dd9f84}
#game{min-width:0}
.silencio-table{display:flex;flex-direction:column;gap:8px}
.table-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}
.phase-label{font:600 1.14rem Georgia,serif;color:#fff2d4}
.turn-label{font-weight:600;color:#d3cbb8}
.active-markers{display:flex;gap:8px;flex-wrap:wrap}
.active-markers:empty{display:none}
.marker{padding:1px 8px;border:1px solid #d6be7f;border-radius:4px;color:#f5e2ac;font-size:.86rem}
.table-stage{display:grid;grid-template-columns:98px minmax(0,1fr) 210px;align-items:stretch;gap:10px;min-width:0}
.great-shrine-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #8e8b7252;background:#16232bb5;padding:10px 5px}
.great-shrine-caption{font-size:12px;color:#ead8a7;text-align:center;font-weight:650}
.journey-rows{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(88px,1fr));gap:5px;min-width:0;border:1px solid #82939844;background:#101f28dc;padding:6px}
.journey-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #ffffff13;padding:4px 7px;background:linear-gradient(90deg,color-mix(in srgb,var(--lane) 23%,#16232b),#11212b 75%)}
.row-red{--lane:#c9584d}.row-blue{--lane:#4daaca}.row-yellow{--lane:#c9a047}.row-green{--lane:#5eae77}
.journey-cards{display:flex;flex:1;align-items:center;min-width:0;min-height:75px;overflow-x:auto;overflow-y:hidden;padding:4px 3px}
.journey-cards:empty::before{content:"Cards ascend from 1";font:italic 13px Georgia,serif;color:#e5dac181}
.roster{display:flex;flex-direction:column;gap:5px;min-width:0}
.traveler{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;min-height:83px;border:1px solid #71808a55;background:#192a33da;padding:8px 9px;position:relative}
.traveler.current{border-color:#ecd28f;background:#403a2c;box-shadow:inset 3px 0 #ecd28f}
.traveler-name{font-weight:720;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.traveler-count{color:#ddd4bb;font-size:12px}
.traveler-exposed{display:flex;gap:3px;min-width:0;overflow-x:auto;padding:3px 0;min-height:56px}
.traveler-exposed::before{content:"FACE UP";writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.06em;color:#d8bb84;align-self:center}
.lower-band{display:flex;align-items:center;gap:14px;min-height:78px}
.oracle-area{display:flex;flex:1;align-items:center;gap:15px;min-width:0;padding:6px 12px;background:#17242bd4;border:1px solid #8b9a9c44}
.section-title{text-transform:uppercase;letter-spacing:.11em;color:#ddd3b9;font-size:12px;font-weight:750;flex:0 0 auto}
.oracle-cards{display:flex;min-height:63px;overflow-x:auto;gap:5px}
.tavern-state{color:#ebd6a2;font-size:13px}
.tavern-state:empty{display:none}
.xg-card{--xg-card-focus:#fff0ba;--xg-card-radius:4px;cursor:default}
.sil-card{--xg-card-shadow:0 3px 8px #0008;--xg-card-ink:#fff3d9}
.sil-card .xg-preset{background:linear-gradient(137deg,#f6e8c9 0%,#e2d3ad 49%,#303444 50%,var(--sil-dark) 100%)}
.sil-card .xg-preset::before{background:none}
.sil-card .xg-preset__glyph-center{display:none}
.sil-card__art{display:block;position:absolute;inset:15% 10% 10%;z-index:2;pointer-events:none;background:linear-gradient(135deg,#463d36 0 49%,#fff0ce 50% 100%);opacity:.85;mask:var(--sil-art) center/contain no-repeat;-webkit-mask:var(--sil-art) center/contain no-repeat}
.sil-card__rank{position:absolute;z-index:4;top:2px;right:5px;color:#fff9e4;text-shadow:0 2px 5px #171923;line-height:1;font:bold clamp(17px,23cqi,42px)/1 Georgia,serif}
.sil-card .xg-preset__glyph-corner{z-index:4;--xg-glyph-corner-size:29%;width:29%;height:28%}
.sil-card .xg-preset__glyph-icon{width:68%;height:68%}
.sil-card.side-light .xg-preset{background:linear-gradient(160deg,#fff4d9 0%,color-mix(in srgb,var(--sil-suit) 52%,#fff0c5) 100%)}
.sil-card.side-light .sil-card__art{background:#3e4440;opacity:.8}
.sil-card.side-light .sil-card__rank{color:#283c47;text-shadow:none}
.sil-card.side-dark .xg-preset{background:linear-gradient(155deg,#161b2b,var(--sil-dark) 85%)}
.sil-card.side-dark .sil-card__art{background:#f1dfba;opacity:.82}
.sil-card.side-none.table-card .xg-preset{background:#333c45}
.sil-card.side-none.table-card .sil-card__art{background:#e0dac9}
.sil-card__played-side{position:absolute;z-index:5;bottom:1px;left:2px;right:2px;text-align:center;font:bold clamp(7px,13cqi,10px)/1.2 system-ui,sans-serif;letter-spacing:.04em;opacity:.9;color:#111b23;background:#fff4cdba}
.side-dark .sil-card__played-side{background:#19202ad9;color:#f9e7bf}
.sil-card[data-card-legal=true]{cursor:pointer;box-shadow:0 0 0 2px #f1dc9b,0 7px 14px #0008}
.sil-card[data-card-legal=true]:hover{filter:brightness(1.12)}
.table-card{--xg-card-width:53px;margin-right:-9px;flex:0 0 auto}
.table-card:last-child{margin-right:0}
.oracle-card{--xg-card-width:43px;flex:0 0 auto}
.public-card{--xg-card-width:39px;flex:0 0 auto}
.hand-cards .hand-card{--xg-card-width:110px}
 .hand-card:not([data-card-legal=true]){filter:saturate(.75);opacity:.8}\n.hand-card[data-forecast=light] .xg-preset::after,.hand-card[data-forecast=dark] .xg-preset::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#fff9bd3b}\n.hand-card[data-forecast=light] .xg-preset::after{clip-path:polygon(0 0,100% 0,0 100%)}\n.hand-card[data-forecast=dark] .xg-preset::after{clip-path:polygon(100% 0,100% 100%,0 100%)}
.hand-card .xg-preset__glyph-corner{width:30%;height:30%}
.hand-card .sil-card__art{inset:23% 7% 11%}
.shrine-control,.great-shrine-card{--xg-card-width:65px;--xg-card-aspect:5/6;--xg-card-surface:#414044;--xg-card-border:#bea36f;--xg-card-shadow:0 4px 8px #0009;position:relative;overflow:hidden;display:block;text-align:center;color:#ffebc0;padding:0}
.shrine-control[data-card-legal=true]{cursor:pointer;box-shadow:0 0 0 2px #ecd7a0,0 5px 12px #0007}
.great-shrine-card{--xg-card-width:83px;--xg-card-aspect:5/7}
.shrine-lit{background:linear-gradient(145deg,#635334,#292e35);border-color:#eed398}
.shrine-spent{filter:grayscale(.9);opacity:.66}
.shrine-art{display:block;position:absolute;inset:2% 3% 18%;background:url('/assets/silencio/shrine.svg') center/contain no-repeat}
.shrine-great .shrine-art{background-image:url('/assets/silencio/great-shrine.svg')}
.shrine-word{position:absolute;bottom:1px;left:2px;right:2px;font:700 clamp(9px,14cqi,12px) Georgia,serif;letter-spacing:.06em}
.shrine-mark{position:absolute;right:3px;top:2px;color:#fff0a1;font-size:14px;text-shadow:0 0 8px #e4c06b}
.great-shrine-picker{position:relative;z-index:10}
.great-shrine-picker summary{list-style:none;cursor:pointer}
.great-shrine-picker summary::-webkit-details-marker{display:none}
.great-shrine-menu{position:absolute;z-index:20;left:100%;top:0;min-width:220px;display:flex;flex-direction:column;gap:5px;padding:10px;background:#1d3038;border:1px solid #d4c08a;box-shadow:0 12px 25px #000c}
.decision-area{display:flex;flex-wrap:wrap;gap:7px;min-height:32px}
.decision-group{display:flex;flex-wrap:wrap;gap:7px}
.decision-button,.extra-choices summary,.rules-content button{border:1px solid #d0bc85;border-radius:4px;background:#263b42;color:#fff2d5;padding:7px 10px;cursor:pointer}
.decision-button:hover,.extra-choices summary:hover{background:#3b5253}
.extra-choices{position:relative}
.extra-choices summary{list-style:none}
.extra-options{position:absolute;bottom:100%;left:0;width:min(520px,80vw);display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#17252c;border:1px solid #b7a878;box-shadow:0 8px 24px #000a;z-index:10}
.extra-choices:not([open]) .extra-options{display:none}
.latest-event{color:#c8c4b4;min-height:19px;font-size:13px}
.hand-area{min-height:170px}
.hand-area>.section-title{margin-bottom:7px}
.hand-cards{--xg-hand-card-width:110px;--xg-hand-exposed:86px;--xg-hand-lift:9px;min-height:155px;overflow-x:auto;overflow-y:hidden}
.card-preview{position:fixed;z-index:100;pointer-events:none;width:320px;max-width:calc(100vw - 24px);background:#182731;border:1px solid #dbc38d;box-shadow:0 12px 40px #000c;padding:12px;color:#f2e9d4}
.card-preview[hidden]{display:none}
.preview-title{font:bold 18px Georgia,serif;padding:0 0 8px}
.preview-effects{display:flex;flex-direction:column;gap:7px}
.effect-item{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border:1px solid #8b8a804d;opacity:.78}
.effect-item.effect-active{border:2px solid #f1d594;opacity:1;background:#69572b50;padding:6px 8px}
.effect-label{font-size:12px;letter-spacing:.1em;font-weight:850}
.effect-item.light .effect-label{color:#f9df93}
.effect-item.dark .effect-label{color:#b9c1e5}
.effect-description{font-size:13px;line-height:1.4}
.preview-footnote{font-size:12px;color:#decfa7;margin-top:9px}
.rules-content{max-width:720px;color:#efe8d4}
.rules-content h2,.rules-content h3{font-family:Georgia,serif}
.rules-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.rules-content li{margin:.5em 0}
dialog{border:1px solid #b3a274;border-radius:5px;background:#18262e;color:#f5edda;max-height:85vh}
dialog::backdrop{background:#000b}
@media(max-width:1080px){#shell{padding:8px 10px 18px}.table-stage{grid-template-columns:82px minmax(0,1fr) 175px;gap:6px}.journey-row{gap:5px;padding:3px}.shrine-control{--xg-card-width:55px}.great-shrine-card{--xg-card-width:69px}.table-card{--xg-card-width:47px}.roster{gap:4px}.traveler{padding:6px}.journey-rows{padding:4px}}
@media(max-width:740px){.table-stage{grid-template-columns:66px minmax(0,1fr);gap:5px}.great-shrine-area{grid-row:1}.journey-rows{grid-column:2;grid-row:1}.roster{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.traveler{min-height:54px}.great-shrine-card{--xg-card-width:56px}.journey-rows{grid-template-rows:repeat(4,minmax(70px,1fr))}.journey-cards{min-height:67px}.shrine-control{--xg-card-width:45px}.lower-band{flex-wrap:wrap}.hand-cards{--xg-hand-card-width:95px;--xg-hand-exposed:69px}.hand-cards .hand-card{--xg-card-width:95px}.table-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}