:root{--bg:#e5dcc8;--tray:#eee8db;--pane:#f3eee4;--surface:#fffefa;--surface-2:#e4dbc9;--ink:#2b2621;--ink-soft:#6b6153;--line:#d3c7b0;--tray-inset:#2b262117;--gutter:.4rem;--accent:#8c3a2b;--accent-ink:#fdf9f2;--good:#3f6b4a;--bad:#a33a2c;--font-year:Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--radius:10px;--shadow:0 1px 1px #2b26210f, 0 2px 6px #2b262112;--tap:44px;--rail:30px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d0b09;--tray:#1b1712;--pane:#241f19;--surface:#342d24;--surface-2:#40372c;--ink:#ece5d8;--ink-soft:#ab9f8e;--line:#4e4438;--tray-inset:#ffffff0f;--accent:#d98b6a;--accent-ink:#1a1410;--good:#7fb08c;--bad:#e08a7a;--shadow:0 1px 1px #00000073, 0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0b09;--tray:#1b1712;--pane:#241f19;--surface:#342d24;--surface-2:#40372c;--ink:#ece5d8;--ink-soft:#ab9f8e;--line:#4e4438;--tray-inset:#ffffff0f;--accent:#d98b6a;--accent-ink:#1a1410;--good:#7fb08c;--bad:#e08a7a;--shadow:0 1px 1px #00000073, 0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{margin:0;font-weight:650;line-height:1.2}.app{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-height:0;display:flex}.header{padding:.6rem .9rem;padding-top:calc(.6rem + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--pane);align-items:center;gap:.5rem;display:flex}.header__mark{color:var(--accent);font-size:1.25rem}.header__title{font-family:var(--font-year);letter-spacing:.02em;font-size:1.3rem;font-weight:400}.header__actions{gap:.35rem;margin-left:auto;display:flex}.iconbutton{min-width:var(--tap);min-height:var(--tap);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 .6rem;font-size:.8rem;font-weight:600}.iconbutton:active{transform:scale(.96)}.banner{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);text-align:center;margin:0;padding:.45rem .9rem;font-size:.78rem}.start{padding:1rem .9rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1.4rem;width:100%;max-width:720px;margin:0 auto;display:flex;overflow-y:auto}.start__masthead{border-bottom:1px solid var(--line);flex-direction:column;gap:.4rem;padding-bottom:1rem;display:flex}.start__title{font-family:var(--font-year);letter-spacing:.01em;font-size:2.1rem;font-weight:400}.start__lead{color:var(--ink-soft);margin:0;font-size:.95rem}.start__section{flex-direction:column;gap:.6rem;display:flex}.start__heading{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.78rem;font-weight:700}.decklist{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.deckcard{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.8rem .9rem;display:flex}.deckcard--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.deckcard__name{font-size:1.02rem;font-weight:650}.deckcard__meta{color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.badge{border:1px solid var(--line);letter-spacing:.04em;color:var(--ink-soft);border-radius:5px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.segmented{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.segmented__option{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:inherit;font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .3rem;display:flex}.segmented__option--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.segmented__label{font-size:.95rem;font-weight:650}.segmented__sub{opacity:.8;font-size:.72rem}.notice{border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink-soft);border-radius:0 8px 8px 0;margin:0;padding:.6rem .75rem;font-size:.88rem}.notice--bad{border-left-color:var(--bad);color:var(--ink)}.start__aside{color:var(--ink-soft);margin:0;font-size:.78rem}.field{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:10px;padding:.6rem .75rem;font-size:1rem}.field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field--code{font-family:var(--font-year);letter-spacing:.22em;text-transform:uppercase;font-size:1.35rem}.button{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:.7rem 1.1rem;font-weight:650}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--wide{width:100%}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:default}.lobby__code{font-family:var(--font-year);letter-spacing:.24em;text-indent:.24em;text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:2.6rem;line-height:1.1}.lobby__share{justify-content:center;display:flex}.playerlist{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.playerlist__item{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex}.playerlist__name{overflow-wrap:anywhere;font-weight:650}.playerlist__you{color:var(--ink-soft);font-weight:400}.settings{flex-direction:column;gap:.3rem;margin:0;display:flex}.settings__row{border-bottom:1px solid var(--line);justify-content:space-between;gap:.8rem;padding:.35rem 0;font-size:.9rem;display:flex}.settings__row dt{color:var(--ink-soft)}.settings__row dd{text-align:right;margin:0;font-weight:650}.board{gap:var(--gutter);min-height:0;padding:var(--gutter);padding-bottom:calc(var(--gutter) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.hud,.timeline,.hand{border:1px solid var(--line);border-radius:var(--radius)}.hud{background:var(--pane);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;scrollbar-width:none;align-items:center;gap:.8rem;padding:.45rem .8rem;font-size:.72rem;display:flex;overflow-x:auto}.hud::-webkit-scrollbar{display:none}.hud>*+*{border-left:1px solid var(--line);padding-left:.8rem}.hud__lives{color:var(--ink);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.hud__lives--low{color:var(--bad)}.hud--multi{text-transform:none;letter-spacing:.01em;flex-direction:column;align-items:stretch;gap:.4rem;font-size:.82rem;overflow-x:hidden}.hud--multi>*+*{border-left:0;border-top:1px solid var(--line);padding-top:.35rem;padding-left:0}.hud__line{scrollbar-width:none;align-items:center;gap:.8rem;display:flex;overflow-x:auto}.hud__line::-webkit-scrollbar{display:none}.hud__line>*+*{border-left:1px solid var(--line);padding-left:.8rem}.hud__turn{color:var(--ink);white-space:nowrap;font-size:.95rem;font-weight:700}@keyframes turn-breathe{0%,to{background:var(--accent)}50%{background:color-mix(in srgb, var(--accent) 70%, var(--pane))}}.hud__turn--mine{background:var(--accent);color:var(--accent-ink);border-radius:5px;padding:.12rem .5rem;animation:2.4s ease-in-out infinite turn-breathe}.hud__timer{font-variant-numeric:tabular-nums;color:var(--ink)}.hud__timer--low{color:var(--bad);font-weight:700}.hud__players{scrollbar-width:none;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.hud__players::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;text-transform:none;letter-spacing:0;border-radius:5px;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:5.5rem;padding:.3rem .5rem;display:inline-flex}.chip--turn{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink)}@keyframes plate-breathe{0%,to{box-shadow:inset 0 0 0 2px var(--accent)}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, var(--surface))}}.chip--turn.chip--mine{background:color-mix(in srgb, var(--accent) 16%, var(--surface));animation:2.4s ease-in-out infinite plate-breathe}.chip--away{opacity:.55}.chip__name{text-overflow:ellipsis;max-width:11ch;font-size:.86rem;font-weight:650;overflow:hidden}.chip__cards{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.76rem}.announce{min-height:1.3rem;color:var(--ink-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 .3rem;font-size:.86rem;line-height:1.3rem;overflow:hidden}.timeline{overscroll-behavior:contain;background:var(--pane);flex:1;min-height:0;padding:.6rem .5rem;overflow:auto}.timeline__rail{width:100%;max-width:420px;min-height:100%;padding-left:var(--rail);padding-bottom:var(--tap);flex-direction:column;gap:0;margin:0 auto;display:flex;position:relative}.timeline__rail:before{content:"";left:calc(var(--rail) / 2);top:.9rem;bottom:calc(var(--tap) + .9rem);background:var(--line);width:1px;position:absolute}.timeline__edge{z-index:1;margin-left:calc(var(--rail) / -2);background:var(--pane);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);writing-mode:vertical-rl;white-space:nowrap;align-self:flex-start;padding:.45rem 0;font-size:.58rem;font-weight:700;position:sticky;top:0;transform:translate(-50%)}.timeline__edge:last-child{align-self:flex-start;top:auto;bottom:0}.timeline__slot{width:100%;transition:transform .16s;position:relative}.timeline__slot:before{content:"";left:calc(var(--rail) / -2);width:calc(var(--rail) / 2);background:var(--line);transform-origin:0;height:1px;position:absolute;top:50%}.timeline__slot:after{content:"";left:calc(var(--rail) / -2 - 3px);background:var(--ink-soft);width:6px;height:6px;box-shadow:0 0 0 3px var(--pane);border-radius:50%;position:absolute;top:calc(50% - 3px)}.timeline__slot--fresh:after{background:var(--accent)}.gap{border-radius:8px;flex:none;place-items:center;width:100%;height:20px;display:grid;position:relative}.gap__span{left:calc(var(--rail) / -2);background:var(--pane);color:var(--ink-soft);font-family:var(--font-year);font-variant-numeric:tabular-nums;opacity:.75;padding:0 3px;font-size:.6rem;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.gap__slot{height:var(--tap);opacity:0;pointer-events:none;border-radius:8px;place-items:center;transition:opacity .12s;display:grid;position:absolute;top:100%;left:0;right:0}.gap--open .gap__slot{opacity:1;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.gap--open .gap__span{opacity:0}.gap__hint{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700;line-height:1}.gap__miss{border:2px solid var(--bad);background:color-mix(in srgb, var(--bad) 40%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--bad) 55%, transparent);opacity:0;pointer-events:none;border-radius:8px;animation:1.6s ease-out gap-missed;position:absolute;inset:-2px 0}@keyframes gap-missed{0%{opacity:0}12%,65%{opacity:1}to{opacity:0}}.timeline__slot--aside{transform:translateY(var(--tap))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:.35rem;padding:.65rem .85rem .7rem;display:flex;position:relative}.card__year{font-family:var(--font-year);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink);padding-bottom:.3rem;font-size:1.7rem;font-weight:400;line-height:1;position:relative}.card__year:after{content:"";background:var(--line);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}.card__year--hidden{color:var(--line);letter-spacing:.06em}.card__title{letter-spacing:.005em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.95rem;font-weight:550}.card--placed{width:100%}.card--togglable .card__year,.card--togglable .card__title{padding-right:2.4rem}.card__toggle{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.card__toggle-mark{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);font-family:var(--font-year);border-radius:50%;place-items:center;font-size:.95rem;font-style:italic;line-height:1;transition:transform .12s;display:grid}.card__toggle:active .card__toggle-mark{transform:scale(.9)}.card--hand,.card--overlay{width:158px;min-height:104px}.card--hand .card__year,.card--overlay .card__year{font-size:1.15rem}.card--hand{transition:transform .12s}.card--hand .card__title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card--overlay{border-color:var(--accent);cursor:grabbing;transform:rotate(-1.5deg);box-shadow:0 2px 4px #2b262124,0 16px 30px #2b262138}@keyframes card-settle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes year-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes draw-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes correct-wash{0%{background-color:color-mix(in srgb, var(--good) 22%, var(--surface));border-color:var(--good)}to{background-color:var(--surface);border-color:var(--line)}}@keyframes node-strike{0%{transform:scale(.2)}60%{transform:scale(1.6)}to{transform:scale(1)}}.card--revealed{animation:.3s ease-out both card-settle,1.2s ease-out .12s both correct-wash}.card--revealed .card__year{animation:.42s ease-out .14s both year-rise}.card--revealed .card__year:after{animation:.48s ease-out .2s both draw-in}.timeline__slot--fresh:before{animation:.32s ease-out both draw-in}.timeline__slot--fresh:after{animation:.42s ease-out .12s both node-strike}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.card--shake{border-color:var(--bad);animation:.42s ease-in-out shake}@media (prefers-reduced-motion:reduce){.card--revealed,.card--revealed .card__year,.card--revealed .card__year:after,.timeline__slot--fresh:before,.timeline__slot--fresh:after,.card--shake{animation:none}.card__toggle{transition:none}.hud__turn--mine,.chip--turn.chip--mine{animation:none}.gap__miss{opacity:.85;animation:none}.card--hand{transition:none}.hand__item--pending .card{transform:none}.timeline__slot,.gap__slot{transition:none}}.hand{background:var(--tray);box-shadow:inset 0 1px 0 var(--tray-inset);flex:none;padding:.5rem .7rem .6rem}.hand__hint{color:var(--ink-soft);margin:0 0 .4rem;font-size:.75rem}.hand__row{overscroll-behavior-x:contain;gap:.5rem;margin:0;padding:.25rem 0 .3rem;list-style:none;display:flex;overflow-x:auto}.hand__grip{touch-action:manipulation;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hand__item--lifted{opacity:.35}.hand__item--pending .card{border-color:var(--accent);transform:scale(1.06)}.hand--locked{opacity:.78}.hand--locked .hand__grip{cursor:default}.overlay{z-index:20;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow);flex-direction:column;gap:.85rem;padding:1.4rem;display:flex}.infocard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;max-width:380px;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow);flex-direction:column;gap:.4rem;padding:1.2rem 1.3rem 1.1rem;display:flex}.infocard:focus{outline:none}.infocard__year{font-family:var(--font-year);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding-bottom:.45rem;font-size:2rem;line-height:1}.infocard__title{overflow-wrap:break-word;font-size:1.05rem;font-weight:650}.infocard__body{overscroll-behavior:contain;min-height:0;color:var(--ink-soft);margin:.2rem 0 .6rem;font-size:.92rem;line-height:1.55;overflow-y:auto}.infocard__close{align-self:flex-end}.panel__title{font-family:var(--font-year);border-bottom:1px solid var(--line);padding-bottom:.6rem;font-size:1.75rem;font-weight:400}.panel--won .panel__title{color:var(--good)}.panel--lost .panel__title{color:var(--bad)}.panel p{color:var(--ink-soft);margin:0}.panel__actions{gap:.5rem;display:flex}.panel__actions .button{flex:1}.panel__detail{background:var(--surface-2);color:var(--ink-soft);white-space:pre-wrap;border-radius:8px;margin:0;padding:.6rem;font-size:.78rem;overflow-x:auto}.panel--error{max-width:480px;margin:auto}.stats{gap:.5rem;margin:0;display:flex}.stats__item{border:1px solid var(--line);background:var(--surface-2);text-align:center;border-radius:8px;flex:1;padding:.7rem .5rem}.stats__item dt{font-size:.85rem;font-weight:650}@media (width>=768px){.board{--gutter:.9rem}.timeline{flex:auto}.card--hand,.card--overlay{width:190px;min-height:128px}.timeline__rail{width:auto;min-width:100%;max-width:none;min-height:0;padding:1.25rem 0 var(--rail);flex-direction:row;align-items:flex-end;margin:0;padding-left:0;padding-right:72px}.timeline__rail:before{top:auto;left:.9rem;right:calc(72px + .9rem);bottom:calc(var(--rail) / 2);width:auto;height:1px}.timeline__edge,.timeline__edge:last-child{margin-left:0;margin-bottom:calc(var(--rail) / -2);writing-mode:horizontal-tb;align-self:flex-end;padding:0 .35rem;top:auto;bottom:auto;left:0;transform:translateY(50%)}.timeline__edge:last-child{left:auto;right:0}.timeline__slot{flex:none;align-items:flex-end;width:210px;display:flex}.timeline__slot:before{top:auto;left:50%;bottom:calc(var(--rail) / -2);width:1px;height:calc(var(--rail) / 2);transform-origin:bottom}.timeline__slot:after{top:auto;left:calc(50% - 3px);bottom:calc(var(--rail) / -2 - 3px)}.gap{align-self:flex-end;width:34px;height:104px}.gap__span{top:auto;left:50%;bottom:calc(var(--rail) / -2);transform:translate(-50%,50%)}.gap__slot{width:72px;height:auto;inset:0 auto 0 100%}.timeline__slot--aside{transform:translate(72px)}.card--placed{justify-content:flex-end;min-height:104px}.hand__row{flex-wrap:wrap;justify-content:center}}