:root{color:#dfe9ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1120;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0b1120;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at top,#3b82f62e,#0000 35%),linear-gradient(#0b1120 0%,#111827 100%);min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}#root{max-width:100%;min-height:100vh}.app-shell{width:100%;min-width:0;max-width:1100px;padding:max(32px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}.topbar-actions,.install-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.title-group{min-width:0}.dashboard-button{color:#dbeafe;cursor:pointer;background:#1e293bb8;border:1px solid #94a3b84d;border-radius:9px;min-width:44px;min-height:44px;margin:0 0 12px;padding:8px 12px}.edition-badge{color:#bfdbfe;background:#3b82f61f;border:1px solid #60a5fa4d;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.installed-badge{color:#a7f3d0;background:#10b9811a;border:1px solid #34d3994d;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.help-button,.install-actions button,.dialog-header button,.dialog-done{color:#f8fbff;cursor:pointer;background:#1e293beb;border:1px solid #94a3b859;border-radius:9px;min-width:44px;min-height:44px;padding:7px 11px}.install-prompt{color:#fef3c7;background:#92400e33;border:1px solid #fbbf2459;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding:15px 17px;display:flex}.install-prompt p{color:#fde68a;margin:4px 0 0}.install-actions button{white-space:nowrap;background:#d977064d;border-color:#fbbf2473}.install-actions .secondary{background:#1e293ba6;border-color:#94a3b847}.data-notice{color:#bfdbfe;background:#3b82f617;border:1px solid #60a5fa40;border-radius:10px;margin:0 0 18px;padding:11px 14px}.data-notice.offline{color:#fde68a;background:#fbbf2414;border-color:#fbbf244d}.notice-with-action,.update-notice{justify-content:space-between;align-items:center;gap:16px;display:flex}.notice-with-action button,.update-notice button{color:#fff;cursor:pointer;background:#d9770640;border:1px solid #fbbf2473;border-radius:8px;flex:none;min-height:44px;padding:8px 12px}.update-notice{color:#d1fae5;background:#10b98117;border-color:#34d3994d}.update-notice p{color:#a7f3d0;margin:4px 0 0}.update-notice .update-error{color:#fecaca}.update-notice button{background:#10b98133;border-color:#34d39973}.dataset-details{color:#94a3b8;margin:-5px 2px 18px;font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7c8aa5;margin:0 0 8px;font-size:.72rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem)}h1:focus{outline-offset:6px;border-radius:4px;outline:3px solid #60a5fa}.dashboard-intro{margin:4px 0 20px}.dashboard-intro h2{color:#f8fbff;margin:0 0 7px;font-size:1.35rem}.dashboard-intro p{color:#aebed8;max-width:680px;margin:0;line-height:1.6}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;display:grid}.dashboard-card{min-height:132px;color:inherit;text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;transition:border-color .16s,background .16s,transform .16s;display:grid}.dashboard-card:hover{background:#1e293be0;border-color:#60a5fa80;transform:translateY(-2px)}.dashboard-card-icon{color:#dbeafe;background:#3b82f638;border-radius:14px;place-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:800;display:grid}.dashboard-card-icon.index{color:#ede9fe;background:#8b5cf638}.dashboard-card-copy{gap:7px;min-width:0;display:grid}.dashboard-card-copy strong{color:#f8fbff;font-size:1.2rem}.dashboard-card-copy span{color:#b8c7e2;line-height:1.5}.dashboard-card-arrow{color:#93c5fd;font-size:1.4rem}.index-experience{gap:18px;min-width:0;display:grid}.index-controls{min-width:0;padding:20px}.index-controls-heading,.index-search-row,.index-entry-heading,.index-subentry-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.index-controls-heading h2{color:#f8fbff;margin:0 0 5px;font-size:1.35rem}.index-controls-heading p{color:#aebed8;margin:0}.offline-index-badge{color:#fde68a;background:#fbbf2417;border:1px solid #fbbf2459;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:700}.index-search-row{align-items:flex-end;margin-top:18px}.index-search-field,.index-text-size{color:#dfe9ff;gap:7px;font-size:.9rem;display:grid}.index-search-field{flex:420px}.index-text-size{flex:0 150px}.index-search-field input,.index-text-size select{color:#f8fbff;background:#0f172af2;border:1px solid #a78bfa7a;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:10px 12px;font-size:1rem}.index-clear-button{color:#f8fafc;cursor:pointer;background:#47556959;border:1px solid #94a3b859;border-radius:9px;min-height:48px;padding:9px 13px}.index-alphabet{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:7px;width:100%;min-width:0;max-width:100%;margin-top:18px;padding:2px 0 7px;display:flex;overflow-x:auto}.index-alphabet button{color:#dbeafe;cursor:pointer;background:#1e293bb8;border:1px solid #94a3b84d;border-radius:9px;flex:none;min-width:44px;min-height:44px;padding:7px 10px}.index-alphabet button[aria-pressed=true]{color:#fff;background:#7c3aed6b;border-color:#a78bfaad}.index-results-summary{color:#aebed8;margin:0 2px;font-size:.88rem}.index-groups,.index-topic-list{gap:16px;display:grid}.index-groups{gap:24px}.index-group>h2{color:#c4b5fd;margin:0 0 10px;font-size:1.45rem}.index-topic{overflow-wrap:anywhere;padding:18px}.index-entry-heading,.index-subentry-heading{align-items:baseline}.index-entry-heading h3{color:#f8fbff;margin:0;font-size:1.12rem;line-height:1.4}.index-entry-heading>span,.index-subentry-heading>span{color:#94a3b8;flex:none;font-size:.78rem}.rule-citations{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.rule-citations span{color:#bfdbfe;background:#3b82f61f;border:1px solid #60a5fa47;border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:700}.index-subentries{border-left:3px solid #a78bfa59;gap:13px;margin:16px 0 0;padding:0 0 0 18px;list-style:none;display:grid}.index-subentries li{min-width:0;padding:2px 0}.index-subentry-heading strong{color:#e9e4ff;line-height:1.45}.card{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:18px;box-shadow:0 18px 40px #0f172a2e}.toolbar{flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px;display:flex}.toolbar label{color:#dfe9ff;flex-direction:column;gap:8px;min-width:140px;max-width:100%;font-size:.9rem;display:flex}.toolbar .search-field{flex:220px}.toolbar select,.toolbar input{color:#f8fbff;background:#0f172af2;border:1px solid #94a3b866;border-radius:10px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;font-size:1rem}.stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat{min-width:0;padding:20px}.stat span{color:#9eb2d6;margin-bottom:8px;font-size:.84rem;display:block}.stat strong{color:#f8fbff;font-size:clamp(1.4rem,2vw,2rem)}.panel{padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-header h2{margin:0;font-size:1.35rem}.panel-header span{color:#a8b7d3}.mechanics-list{gap:16px;display:grid}.mechanic-item{overflow-wrap:anywhere;background:#0f172a85;border:1px solid #94a3b833;border-radius:14px;min-width:0;padding:18px}.mechanic-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.badge{color:#93c5fd;background:#60a5fa2b;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.mechanic-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.type-badge,.variant-label{color:#c4b5fd;text-transform:uppercase;letter-spacing:.04em;background:#a78bfa29;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.variant-label{color:#fcd34d;background:#fbbf2421;margin-bottom:10px}.code{color:#d8e6ff;font-size:.88rem;font-weight:700}.mechanic-item h3{color:#f8fbff;margin:0 0 8px;font-size:1.1rem}.mechanic-item .mechanic-text,.variant-note p{color:#d8e2f3;margin:0;line-height:1.6}.variant-note{background:#3b82f617;border:1px solid #60a5fa47;border-left:4px solid #60a5fa;border-radius:10px;margin-top:14px;padding:13px 15px}.variant-note strong{color:#93c5fd;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;display:block}.error,.empty-state{color:#fecaca;background:#f8717114;border:1px solid #f8717140;border-radius:12px;margin:0;padding:16px 18px}.app-footer{color:#7c8aa5;text-align:center;padding:22px 4px 0;font-size:.78rem}.help-dialog{width:min(100%,480px);max-width:calc(100vw - max(24px, env(safe-area-inset-left)) - max(24px, env(safe-area-inset-right)));max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));color:#dfe9ff;background:#111827;border:1px solid #94a3b847;border-radius:18px;margin:auto;padding:22px;overflow-y:auto;box-shadow:0 24px 70px #00000080}.help-dialog::backdrop{background:#020617d1}.dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-header h2{color:#f8fbff;margin:0;font-size:1.3rem}.dialog-header button{padding:6px 10px;font-size:1.3rem;line-height:1}.help-dialog h3{color:#f8fbff;margin:22px 0 8px;font-size:1.05rem}.about-details{border:1px solid #94a3b82e;border-radius:12px;gap:0;margin:18px 0;display:grid;overflow:hidden}.about-details div{border-bottom:1px solid #94a3b81f;grid-template-columns:minmax(95px,.8fr) minmax(0,1.4fr);gap:12px;padding:9px 12px;display:grid}.about-details div:last-child{border-bottom:0}.about-details dt{color:#94a3b8}.about-details dd{color:#f1f5f9;overflow-wrap:anywhere;min-width:0;margin:0}.help-dialog ol{padding-left:22px;line-height:1.7}.help-dialog p{color:#b8c7e2;line-height:1.6}.dialog-done{background:#3b82f638;border-color:#60a5fa73;width:100%;margin-top:4px;padding:10px 14px}.refresh-button{color:#d1fae5;cursor:pointer;background:#10b98129;border:1px solid #34d39966;border-radius:9px;width:100%;min-height:44px}.refresh-button:disabled{cursor:wait;opacity:.65}.error p{margin:0}.error button{color:#fff;cursor:pointer;background:#f871712e;border:1px solid #fecaca80;border-radius:8px;min-height:44px;margin-top:12px;padding:8px 12px}.empty-state{color:#d9e8ff;background:#94a3b80f;border-color:#94a3b82e}.empty-state p{margin:0}.empty-state button{color:#f8fafc;cursor:pointer;background:#47556959;border:1px solid #94a3b859;border-radius:8px;min-height:44px;margin-top:12px;padding:8px 12px}.loading-state{color:#bfdbfe;align-items:center;gap:12px;min-height:72px;display:flex}.loading-spinner{border:3px solid #60a5fa3d;border-top-color:#60a5fa;border-radius:50%;flex:none;width:24px;height:24px;animation:.8s linear infinite loading-spin}.text-large .mechanic-text,.text-large .variant-note p,.text-large .index-entry-heading h3,.text-large .index-subentry-heading strong,.text-large .rule-citations span{font-size:1.15rem;line-height:1.72}button:focus-visible,input:focus-visible,select:focus-visible,.help-dialog:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dashboard-card{transition:none}.loading-spinner{border-color:#60a5fa;animation:none}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start}.dashboard-card{min-height:124px;padding:17px}.dashboard-card-icon{width:46px;height:46px}.index-controls{padding:16px}.index-controls-heading,.index-search-row{flex-direction:column;align-items:stretch}.index-search-field,.index-text-size{flex-basis:auto;width:100%}.index-topic{padding:16px}.index-entry-heading,.index-subentry-heading{align-items:flex-start}.install-prompt,.notice-with-action,.update-notice{flex-direction:column;align-items:stretch}.install-actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;gap:16px;padding:16px}.toolbar label{width:100%;min-width:0}.panel-header{flex-direction:column;align-items:flex-start}.panel,.stat,.mechanic-item{padding:16px}.help-dialog{width:calc(100vw - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right)));max-width:none;margin:auto auto max(8px, env(safe-area-inset-bottom));padding:18px}.about-details div{grid-template-columns:1fr;gap:2px}}@media (height<=500px) and (orientation:landscape){.help-dialog{max-height:calc(100dvh - 16px);margin:8px auto}}
