:root{--shell-background:#f4eddc;--shell-background-image:none;--shell-text:#23201a;--shell-muted:#4a4438;--shell-accent:#72580e;--shell-chrome:#e8dec6;--shell-control:#ded3b8;--shell-border:#7a6e55;--shell-surface:#faf5e8;--shell-surface-image:none;--shell-surface-text:#23201a;--shell-surface-muted:#4a4438;--shell-surface-border:#85795f;--shell-surface-control:#e2dccf;--shell-link:#123b28;--shell-primary:#123b28;--shell-on-primary:#efe7d0;--shell-positive:#195b34;--shell-negative:#95291f;--shell-focus:#72580e;--shell-surface-focus:#72580e;--shell-shadow:0 0 0 1px #85795f, 0 8px 24px #23201a14;--shell-title-shadow:none}@media (prefers-color-scheme:dark){:root{--shell-background:#123b28;--shell-background-image:radial-gradient(ellipse at 50% 30%, #2a6e4c 0%, #1e5b3e 45%, #123b28 100%);--shell-text:#efe7d0;--shell-muted:#efe7d0;--shell-accent:#f9e39b;--shell-chrome:#123b28;--shell-control:#28513e;--shell-border:#e0bf4e;--shell-surface-image:linear-gradient(175deg, #faf5e8 0%, #f4eddc 60%, #ece2c9 100%);--shell-focus:#e0bf4e;--shell-shadow:0 0 0 1px #00000040, 0 18px 40px #00000073;--shell-title-shadow:0 2px 0 #00000059}}.shell-screen{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){.shell-screen{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.shell-card,.shell-tile{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.shell-play,.shell-rotate{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--felt:#1e5b3e;--felt-dark:#123b28;--felt-light:#2a6e4c;--rail-dark:#3e2714;--paper:#f4eddc;--ink:#23201a;--ink-soft:#4a4438;--cream:#efe7d0;--cream-dim:#efe7d0b3;--brass:#c9a227;--brass-light:#e0bf4e;--brass-dark:#9a7a1a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, "SF Pro Text", system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--felt-dark);color:var(--cream);-webkit-font-smoothing:antialiased}#app{min-height:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:focus-visible{outline:3px solid var(--brass-light);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.shell-screen{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--shell-background-image), var(--shell-background);color:var(--shell-text);flex-direction:column;display:flex}.shell-suits{color:var(--shell-accent);letter-spacing:.4em;font-size:22px}.shell-footer-note{text-align:center;color:var(--shell-muted);padding:12px 12px calc(12px + env(safe-area-inset-bottom));font-size:14px}.shell-home{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex}.shell-brand{text-align:center}.shell-brand-title{font:700 64px/1.05 var(--serif);letter-spacing:.04em;text-shadow:var(--shell-title-shadow);margin-top:6px}.shell-brand-sub{color:var(--shell-muted);margin-top:6px;font-size:17px}.shell-tiles{grid-template-columns:1fr;gap:18px;width:100%;max-width:960px;display:grid}.shell-tile{min-height:160px;color:var(--shell-surface-text);background:var(--shell-surface-image), var(--shell-surface);box-shadow:var(--shell-shadow);border-radius:18px;flex-direction:column;gap:8px;padding:26px 24px;text-decoration:none;transition:transform .15s;display:flex;position:relative}.shell-tile:before{content:"";border:1px solid var(--shell-surface-border);pointer-events:none;border-radius:12px;position:absolute;inset:7px}.shell-tile:hover{transform:translateY(-2px)}.shell-tile:active{transform:translateY(0)}.shell-tile:focus-visible{outline-offset:4px;border-radius:18px}.shell-tile-glyph{color:var(--shell-primary);font-size:38px;line-height:1.1}.shell-tile-title{font:700 30px/1.1 var(--serif)}.shell-tile-text{color:var(--shell-surface-muted);font-size:17px;line-height:1.35}.shell-tile-foot{min-height:32px;margin-top:auto}.shell-hint{background:var(--shell-primary);color:var(--shell-on-primary);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-block}.shell-about-link{min-height:44px;color:var(--shell-muted);align-items:center;padding:0 14px;font-size:15px;text-decoration:underline;display:inline-flex}@media (min-width:600px){.shell-tiles{grid-template-columns:1fr 1fr}}@media (max-height:520px){.shell-home{gap:14px;padding:12px 24px}.shell-suits{display:none}.shell-brand-title{margin-top:0;font-size:40px}.shell-brand-sub{margin-top:2px;font-size:15px}.shell-tiles{gap:14px}.shell-tile{gap:4px;min-height:0;padding:16px 20px}.shell-tile-glyph{font-size:28px}.shell-tile-title{font-size:24px}.shell-tile-text{font-size:16px}.shell-tile-foot{min-height:28px}}.shell-topbar{background:var(--shell-chrome);border-bottom:1px solid var(--shell-border);align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.shell-topbar-title{font:600 20px/1 var(--serif);letter-spacing:.02em;flex:1}.shell-icon-btn{width:44px;height:44px;color:var(--shell-text);background:var(--shell-control);border-radius:22px;place-items:center;font-size:22px;text-decoration:none;display:grid}.shell-page{flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px 14px;display:flex}.shell-card{width:100%;max-width:560px;color:var(--shell-surface-text);background:var(--shell-surface-image), var(--shell-surface);box-shadow:var(--shell-shadow);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.shell-card .shell-suits{color:var(--shell-surface-focus);text-align:center}.shell-card a{color:var(--shell-link);font-weight:600}.shell-about-list{gap:4px;display:grid}.shell-about-row{border-bottom:1px solid var(--shell-surface-border);gap:2px;padding:10px 0;display:grid}.shell-about-row:last-child{border-bottom:0}.shell-about-label{color:var(--shell-surface-muted);font-size:14px}.shell-about-value{overflow-wrap:anywhere;font-size:17px}@media (min-width:480px){.shell-about-row{grid-template-columns:11rem 1fr;align-items:baseline;gap:16px}}.shell-centered{text-align:center;justify-content:center;align-items:center;gap:16px;padding:24px}.shell-notice-heading{font:700 32px/1.1 var(--serif)}.shell-notice-text{max-width:34rem;font-size:17px;line-height:1.4}.shell-card .shell-notice-text{color:var(--shell-surface-muted)}.shell-notice-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.shell-btn{border:1px solid var(--brass-dark);min-height:44px;font:600 16px/1 var(--sans);cursor:pointer;color:var(--shell-surface-text);background:linear-gradient(180deg, var(--brass-light), var(--brass));border-radius:10px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.shell-card a.shell-btn{color:var(--shell-surface-text);align-self:flex-start}.shell-btn-ghost{background:var(--shell-control);color:var(--shell-text);border-color:var(--shell-border)}.shell-rotate{z-index:1000;text-align:center;color:var(--cream);background:radial-gradient(ellipse at 50% 30%, var(--felt-light) 0%, var(--felt) 45%, var(--felt-dark) 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:fixed;inset:0}.shell-rotate-glyph{color:var(--brass-light);font-size:64px;line-height:1;animation:2.4s ease-in-out infinite shell-rotate-hint}.shell-rotate-title{font:700 30px/1.1 var(--serif)}@media (orientation:portrait) and (max-width:599px){.shell-rotate{display:flex}}@keyframes shell-rotate-hint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.shell-rotate-glyph{animation:none}.shell-tile{transition:none}.shell-tile:hover{transform:none}}.shell-screen :focus-visible{outline-color:var(--shell-focus)}.shell-card :focus-visible{outline-color:var(--shell-surface-focus)}.shell-tile:focus-visible{box-shadow:var(--shell-shadow), inset 0 0 0 3px var(--shell-surface-focus)}.shell-rotate .shell-btn-ghost{color:var(--cream);background:#efe7d01a;border-color:#efe7d04d}