:root,[data-theme=light]{--ink:#15202b;--ink-muted:#15202b94;--mist:#dfe7ec;--sea:#0f6e6a;--sea-bright:#178f89;--copper:#b07a3a;--panel:#f4f7f8db;--panel-strong:#f7fafbf0;--panel-soft:#eef3f5b8;--surface:#f7fafb;--hover:#eceff1;--line:#15202b1f;--line-strong:#15202b38;--planner-a:#e4ecef;--planner-b:#d5e2df;--planner-glow:#0f6e6a24;--board-a:#c5d4cd;--board-b:#b5c8bf;--board-c:#c2d0c4;--grid-line:#15202b14;--expansion-line:#15202b42;--locked:#15202b42;--shadow:#15202b1f;--badge:#15202bc7;--radius:.55rem;--radius-sm:.35rem;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--ink:#e7eef2;--ink-muted:#e7eef294;--mist:#10171c;--sea:#3db8b0;--sea-bright:#5dcdc5;--copper:#d0a05a;--panel:#172128eb;--panel-strong:#1b252df5;--panel-soft:#1a232acc;--surface:#1e2931;--hover:#2a353d;--line:#e7eef21f;--line-strong:#e7eef238;--planner-a:#121a1f;--planner-b:#172229;--planner-glow:#3db8b01f;--board-a:#2a3a36;--board-b:#243430;--board-c:#31453e;--grid-line:#e7eef214;--expansion-line:#e7eef22e;--locked:#0000006b;--shadow:#0006;--badge:#080c10d1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:var(--ink);background:var(--mist);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}body{background:var(--mist);min-width:0;max-width:100%;color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;transition:background .25s,color .25s;overflow-x:hidden}button,input{font:inherit}a{color:inherit}@keyframes rise-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.share-boot{text-align:center;background:radial-gradient(ellipse 70% 45% at 50% 0%, var(--planner-glow), transparent 60%), linear-gradient(165deg, var(--planner-a), var(--planner-b));min-height:100dvh;color:var(--ink);font-family:var(--font-body);place-content:center;gap:1rem;padding:2rem;display:grid}.share-boot p{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.gim-backdrop{z-index:40;background:color-mix(in srgb, var(--ink) 35%, transparent);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.gim{background:var(--panel-strong);width:min(32rem,100%);max-height:min(90dvh,44rem);color:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:calc(var(--radius) + .2rem);box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.1rem 1.2rem 1.25rem;animation:.22s both rise-in;overflow:auto}.gim-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.gim-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.25rem}.gim-close{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.35rem .75rem;font-size:.78rem;font-weight:650}.gim-note,.gim-help{color:color-mix(in srgb, var(--ink) 68%, transparent);margin:0 0 .85rem;font-size:.82rem;line-height:1.45}.gim-tabs{gap:.35rem;margin-bottom:.85rem;display:flex}.gim-tabs button{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:650}.gim-tabs button.is-active{background:color-mix(in srgb, var(--sea) 18%, var(--surface));border-color:var(--sea);color:var(--sea)}.gim-form{gap:.7rem;display:grid}.gim-form label{gap:.3rem;font-size:.78rem;font-weight:650;display:grid}.gim-form input,.gim-form select{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--surface);color:var(--ink);font:inherit;border-radius:.55rem;padding:.55rem .7rem}.gim-primary{border:1px solid var(--sea);background:var(--sea);color:#f4fffb;cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:700}.gim-primary:disabled{opacity:.55;cursor:wait}.gim-error{color:#b42318;margin:0;font-size:.82rem;font-weight:650}.gim-warnings{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);padding-top:.7rem;font-size:.8rem}.gim-warnings p{margin:0 0 .35rem;font-weight:700}.gim-warnings ul{color:color-mix(in srgb, var(--ink) 72%, transparent);margin:0 0 .75rem;padding-left:1.1rem}.library-page{min-height:100dvh;color:var(--ink);position:relative;overflow-x:clip}.library-theme-toggle{z-index:3;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s;position:absolute;top:1.1rem;right:1.1rem}.library-theme-toggle:hover{border-color:var(--line-strong);background:var(--hover)}.library-atmosphere{z-index:0;background:radial-gradient(ellipse 55% 40% at 8% 12%, var(--planner-glow), transparent 55%), radial-gradient(ellipse 45% 35% at 92% 8%, #b07a3a24, transparent 50%), linear-gradient(168deg, var(--planner-a) 0%, var(--mist) 42%, var(--planner-b) 100%);position:fixed;inset:0}[data-theme=dark] .library-atmosphere{background:radial-gradient(ellipse 55% 40% at 8% 12%, var(--planner-glow), transparent 55%), radial-gradient(ellipse 45% 35% at 92% 8%, #d0a05a14, transparent 50%), linear-gradient(168deg, var(--planner-a) 0%, var(--mist) 42%, var(--planner-b) 100%)}.library-map-glow{z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:56px 56px;width:100%;height:min(72dvh,40rem);animation:36s linear infinite library-drift;position:fixed;inset:0 auto auto 0;-webkit-mask-image:linear-gradient(#000 10%,#0000 88%);mask-image:linear-gradient(#000 10%,#0000 88%)}@keyframes library-drift{0%{transform:translate(0,0)}to{transform:translate(-56px,-28px)}}.library-shell{z-index:1;max-width:68rem;margin:0 auto;padding:clamp(4.5rem,12vw,6.5rem) clamp(1.5rem,5vw,3rem) 3.5rem;position:relative}.library-hero{max-width:38rem;margin-bottom:2.75rem}.library-brand{font-family:var(--font-display);letter-spacing:-.055em;margin:0 0 1rem;font-size:clamp(3.4rem,11vw,6.2rem);font-weight:700;line-height:.88;animation:.7s both rise-in}.library-headline{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:600;line-height:1.2;animation:.7s 60ms both rise-in}.library-sub{max-width:34rem;color:var(--ink-muted);margin:0 0 1.4rem;font-size:1rem;line-height:1.5;animation:.7s .12s both rise-in}.library-cta{flex-wrap:wrap;gap:.55rem;animation:.7s .18s both rise-in;display:flex}.library-cta-primary,.library-cta-secondary{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.65rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.library-cta-primary{background:var(--sea);color:#f4fffd;border-color:var(--sea)}.library-cta-primary:hover{background:var(--sea-bright);border-color:var(--sea-bright);transform:translateY(-1px)}.library-cta-secondary{background:var(--panel);color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-cta-secondary:hover{border-color:var(--line-strong);background:var(--hover)}.library-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:1rem;display:flex}.library-section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650}.library-section-head p{color:var(--ink-muted);margin:0;font-size:.85rem}.library-new{border:1px solid var(--line);border-radius:calc(var(--radius) + .15rem);background:var(--panel-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:2.5rem;padding:1.15rem 1.2rem 1.25rem;animation:.45s both rise-in}.library-era-rail{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.library-era-option{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;width:100%;box-shadow:inset 0 0 0 0 var(--accent,var(--sea));flex-direction:column;align-items:flex-start;gap:.3rem;padding:.8rem .85rem;transition:border-color .15s,transform .15s,background .15s;display:flex}.library-era-option:hover{border-color:color-mix(in srgb, var(--accent,var(--sea)) 55%, var(--line));background:var(--hover);box-shadow:inset 2px 0 0 var(--accent,var(--sea));transform:translateY(-1px)}.library-era-index{letter-spacing:.08em;color:var(--ink-muted);font-size:.68rem;font-weight:700}.library-era-label{font-family:var(--font-display);letter-spacing:-.02em;font-size:.9rem;font-weight:600}.library-empty{border-radius:calc(var(--radius) + .1rem);border:1px dashed var(--line-strong);background:var(--panel-soft);text-align:center;padding:2.4rem 1.4rem;animation:.4s both fade-in}.library-empty p{color:var(--ink-muted);margin:0 0 1.1rem}.library-cards{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.library-card{border-radius:calc(var(--radius) + .1rem);background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;align-items:stretch;gap:.75rem 1rem;padding:1rem 1.1rem;transition:border-color .15s,transform .15s;animation:.45s both rise-in;display:flex}.library-card:first-child{animation-delay:20ms}.library-card:nth-child(2){animation-delay:50ms}.library-card:nth-child(3){animation-delay:80ms}.library-card:nth-child(4){animation-delay:.11s}.library-card:nth-child(5){animation-delay:.14s}.library-card:hover{border-color:color-mix(in srgb, var(--accent,var(--sea)) 40%, var(--line));transform:translateY(-1px)}.library-card-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:16rem;gap:.28rem;padding:.1rem 0;display:grid}.library-card-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.12rem;font-weight:650}.library-card-meta,.library-card-time{color:var(--ink-muted);font-size:.8rem}.library-card-meta{flex-wrap:wrap;gap:.35rem .7rem;display:flex}.library-card-meta span{position:relative}.library-card-meta span:not(:last-child):after{content:"";background:var(--ink-muted);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:-.4rem;transform:translateY(-50%)}.library-city-badge{color:var(--sea);letter-spacing:.02em;font-weight:650}.library-card-meta .library-city-badge:after{display:none}.library-rename-input{width:min(100%,22rem);font-family:var(--font-display);letter-spacing:-.025em;border:1px solid var(--sea);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.25rem .5rem;font-size:1.12rem;font-weight:650}.library-card-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.library-card-actions button{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .7rem;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.library-card-actions button:hover{background:var(--hover);border-color:var(--line-strong)}.library-card-actions button.is-danger:hover{color:#b04a3a;border-color:#b04a3a}@media (width<=640px){.library-card{flex-direction:column}}.sidebar{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--line);flex-direction:column;width:min(268px,86vw);height:100%;display:flex}.sidebar-head{border-bottom:1px solid var(--line);padding:1rem 1rem .8rem}.sidebar-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:650}.sidebar-head p{color:var(--ink-muted);margin:.3rem 0 0;font-size:.78rem}.sidebar-scroll{flex:1;padding:.45rem .55rem 1rem;overflow:auto}.sidebar-cat{margin-bottom:.2rem}.sidebar-cat-toggle{cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .35rem;font-size:.72rem;font-weight:650;display:flex}.sidebar-cat-toggle:hover{color:var(--ink);background:var(--hover)}.sidebar-cat-count{font-family:var(--font-body);letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink) 7%, transparent);padding:.1rem .4rem;font-size:.68rem;font-weight:600}.sidebar-list{gap:.2rem;margin:0;padding:0 0 .3rem;list-style:none;display:grid}.sidebar-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;width:100%;padding:.4rem .45rem;transition:background .15s,border-color .15s;display:flex}.sidebar-item:hover:not(:disabled){background:color-mix(in srgb, var(--sea) 8%, transparent)}.sidebar-item.is-selected{background:color-mix(in srgb, var(--sea) 12%, var(--surface));border-color:color-mix(in srgb, var(--sea) 35%, transparent)}.sidebar-item.is-disabled{opacity:.42;cursor:not-allowed}.sidebar-swatch{border-radius:var(--radius-sm);width:2.15rem;height:2.15rem;box-shadow:inset 0 0 0 1px var(--line);flex:none;place-items:center;display:grid;overflow:hidden}.sidebar-swatch img{object-fit:contain;width:86%;height:86%}.sidebar-item-text{flex-direction:column;min-width:0;display:flex}.sidebar-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.sidebar-item-meta{color:var(--ink-muted);font-size:.7rem}.sidebar-reset{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:0 0;margin:.65rem .75rem .9rem;padding:.7rem;font-size:.82rem;font-weight:650;transition:background .15s,border-color .15s}.sidebar-reset:hover{background:var(--hover);border-color:var(--line-strong)}.grid-shell{cursor:default;touch-action:none;overscroll-behavior:none;flex:1;min-width:0;min-height:0;padding:1rem;position:relative;overflow:hidden}.grid-world{will-change:transform;width:max-content;height:max-content;margin:0 auto}.grid-board{background:linear-gradient(145deg, var(--board-a) 0%, var(--board-b) 45%, var(--board-c) 100%);box-shadow:0 20px 50px var(--shadow), inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.5rem;position:relative}.grid-board.is-panning{cursor:grabbing}.grid-board.is-expanding{cursor:cell}.grid-lines{pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);border-radius:inherit;z-index:1;position:absolute;inset:0}.grid-expansion-lines{pointer-events:none;background-image:linear-gradient(var(--expansion-line) 2px, transparent 2px), linear-gradient(90deg, var(--expansion-line) 2px, transparent 2px);border-radius:inherit;z-index:2;position:absolute;inset:0}.grid-expansion{z-index:0;background:var(--locked);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);pointer-events:none;position:absolute}.grid-expansion.is-unlocked{background:0 0}.grid-expansion.is-unlockable{background:#2a9d8f24;box-shadow:inset 0 0 0 2px #2a9d8f73}.grid-board.is-expanding .grid-expansion.is-unlockable,.grid-board.is-expanding .grid-expansion.is-unlocked{pointer-events:auto;cursor:pointer}.grid-happy{pointer-events:none;z-index:3;background:#2a9d8f38;position:absolute}.grid-culture-ring{pointer-events:none;z-index:3;background:#2a9d8f14;border:2px solid #2a9d8f8c;border-radius:.35rem;position:absolute;box-shadow:inset 0 0 0 1px #ffffff2e}.grid-culture-ring.is-highlight{z-index:4;background:#2a9d8f29;border-color:#142028bf;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 1px #2a9d8f59}.grid-culture-ring.is-ghost{z-index:4;background:#2a9d8f1f;border-style:dashed;border-color:#2a9d8fbf}.grid-happy-badge,.grid-culture-badge,.grid-culture-recv{background:var(--badge);color:#fff;pointer-events:none;z-index:2;text-shadow:none;border-radius:.3rem;align-items:center;gap:.12rem;padding:.08rem .22rem .08rem .08rem;font-size:clamp(.45rem,1.5cqi,.65rem);font-weight:750;line-height:1;display:inline-flex;position:absolute;top:.1rem;right:.1rem}.grid-culture-recv{background:#2a9d8fd9}.grid-happy-badge img,.grid-culture-badge img,.grid-culture-recv img{object-fit:contain;width:clamp(.7rem,2.4cqi,1rem);height:clamp(.7rem,2.4cqi,1rem)}.grid-happy-empty{background:#ffffff40;border-radius:50%;width:clamp(.7rem,2.4cqi,1rem);height:clamp(.7rem,2.4cqi,1rem);box-shadow:inset 0 0 0 1px #ffffff59}.grid-building.is-happy-0{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #b04a3a73}.grid-building.is-happy-3{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #2a9d8fa6}.grid-ghost{z-index:4;pointer-events:none;border:2px dashed #0000;border-radius:.2rem;position:absolute}.grid-ghost.is-valid{background:#2a9d8f59;border-color:#2a9d8fe6}.grid-ghost.is-invalid{background:#b04a3a59;border-color:#b04a3ae6}.grid-building{z-index:5;cursor:grab;color:#fff;text-shadow:0 1px 2px #00000059;border-radius:.22rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.15rem;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff40,0 2px 6px #1420282e;container-type:inline-size}.grid-building-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #00000040);width:min(70%,2.8rem);height:min(55%,2.4rem)}.grid-building.is-happy-mode{background:#345371!important}.grid-building-icon.is-happiness{width:min(82%,3.4rem);height:min(72%,3.2rem)}.grid-happy-percent{background:var(--badge);color:#fff;pointer-events:none;text-shadow:none;white-space:nowrap;border-radius:.28rem;padding:.06rem .28rem;font-size:clamp(.45rem,1.6cqi,.68rem);font-weight:750;line-height:1;position:absolute;bottom:.12rem;left:50%;transform:translate(-50%)}.grid-building:active{cursor:grabbing}.grid-building.is-selected{z-index:6;box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 2px #142028,0 8px 18px #14202847}.grid-building.is-hall{background-image:linear-gradient(135deg,#ffffff38,#0000 55%)}.grid-building-label{text-align:center;pointer-events:none;max-height:100%;font-size:clamp(.5rem,1.8cqi,.7rem);font-weight:700;line-height:1.15;overflow:hidden}@media (width<=720px){.grid-shell{padding:.75rem}}.bdetails{border-top:1px solid var(--line);background:var(--panel-soft);gap:.75rem;padding:.75rem .9rem;display:flex}.bdetails-media{background:color-mix(in srgb, var(--ink) 8%, var(--surface));border-radius:.45rem;flex:none;place-items:center;width:4.2rem;height:4.2rem;display:grid;overflow:hidden}.bdetails-media img{object-fit:contain;width:100%;height:100%}.bdetails-fallback{background:#4f7cac;width:100%;height:100%}.bdetails-body{min-width:0}.bdetails-body h3{font-family:var(--font-display);margin:0 0 .2rem;font-size:.98rem}.bdetails-body p{color:color-mix(in srgb, var(--ink) 65%, transparent);margin:0 0 .15rem;font-size:.75rem}.bdetails-body a{color:var(--sea);font-size:.72rem;font-weight:650;text-decoration:none}.bdetails-body a:hover{text-decoration:underline}.bdetails-happy-thresholds,.bdetails-happy-live{flex-wrap:wrap;align-items:center;gap:.2rem .25rem;display:flex}.bdetails-happy-thresholds img,.bdetails-happy-live img{object-fit:contain;vertical-align:middle;width:.95rem;height:.95rem}.bdetails-happy-live{font-weight:650;color:var(--sea)!important}.bdetails-happy-empty{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;width:.95rem;height:.95rem}.inspector{border-left:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;flex:none;width:min(292px,92vw);min-height:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.55rem .55rem .5rem;display:grid}.inspector-tab{color:var(--ink-muted);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .15rem;font-size:.72rem;font-weight:650;transition:background .15s,color .15s,border-color .15s}.inspector-tab:hover{background:var(--hover);color:var(--ink)}.inspector-tab.is-active{background:color-mix(in srgb, var(--sea) 12%, transparent);color:var(--sea);border-color:color-mix(in srgb, var(--sea) 28%, transparent)}.inspector-body{flex-direction:column;flex:1;min-height:0;animation:.2s both fade-in;display:flex}.inspector-scroll{flex:1;padding:.95rem .95rem 1.2rem;overflow:auto}.inspector-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .85rem;font-size:1.2rem;font-weight:650}.inspector-subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:1.25rem 0 .5rem;font-size:.7rem;font-weight:700}.inspector-note{color:var(--ink-muted);margin:0 0 .7rem;font-size:.84rem;line-height:1.45}.inspector-stats{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.inspector-stats>div{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-left:2px solid color-mix(in srgb, var(--sea) 55%, transparent);padding:.55rem .6rem}.inspector-stats dt{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.68rem;font-weight:650}.inspector-stats dd{font-family:var(--font-display);letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.05rem;font-weight:650}.inspector-tiers,.inspector-cats{gap:.28rem;margin:0;padding:0;list-style:none;display:grid}.inspector-tiers li,.inspector-cats li{border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding:.4rem .15rem;font-size:.84rem;display:grid}.inspector-tiers li{grid-template-columns:1.1rem 1fr auto}.inspector-cats li{grid-template-columns:1fr auto}.inspector-tiers li:last-child,.inspector-cats li:last-child{border-bottom:none}.inspector-tiers img{object-fit:contain;width:1.05rem;height:1.05rem}.inspector-cats strong,.inspector-tiers strong{font-family:var(--font-display);font-weight:650}.inspector .bdetails{background:0 0;border-top:none;gap:.85rem;padding:0}.inspector .bdetails-body h3{letter-spacing:-.02em;font-size:1.05rem}@media (width<=720px){.inspector{z-index:20;border-left:none;border-top:1px solid var(--line);width:100%;max-height:min(48dvh,380px);box-shadow:0 -14px 36px var(--shadow);position:absolute;bottom:0;left:0;right:0}}.overview{border-left:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:var(--panel-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;width:min(320px,90vw);min-height:0;display:flex}.overview-head{border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.overview-head h2{font-family:var(--font-display);margin:0;font-size:1.15rem}.overview-close{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:650}.overview-scroll{flex:1;padding:.85rem;overflow:auto}.overview-note{color:color-mix(in srgb, var(--ink) 65%, transparent);margin:0 0 .85rem;font-size:.82rem}.overview-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.overview-row{background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:.4rem;align-items:center;gap:.5rem;padding:.45rem .5rem;display:flex}.overview-check{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.overview-icon{object-fit:contain;background:color-mix(in srgb, var(--ink) 6%, var(--surface));border-radius:.25rem;flex:none;width:1.85rem;height:1.85rem}.overview-check span{flex-direction:column;gap:.1rem;min-width:0;display:flex}.overview-check strong{font-size:.85rem;font-weight:650}.overview-check small{color:color-mix(in srgb, var(--ink) 55%, transparent);text-transform:capitalize;font-size:.72rem}.overview-level{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--surface);border-radius:.35rem;width:3.4rem;padding:.3rem;font-size:.8rem}.overview-groups{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.overview-group{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.3rem .55rem;font-size:.68rem;font-weight:650}.overview-group.is-active{background:var(--sea);border-color:var(--sea);color:#f4fffb}@media (width<=720px){.overview{border-left:none;border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);width:100%;max-height:40dvh}}.chrome{background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.65rem .9rem;display:flex}.chrome-left{align-items:center;gap:.55rem;min-width:0;display:flex}.chrome-brand{cursor:pointer;font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);background:0 0;border:none;padding:.1rem .15rem;font-size:1.15rem;font-weight:700;transition:color .15s}.chrome-brand:hover{color:var(--sea)}.chrome-name{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;border-radius:var(--radius-sm);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;max-width:12rem;padding:.2rem .4rem;font-size:.92rem;font-weight:600;overflow:hidden}.chrome-name:hover{background:var(--hover);border-color:var(--line)}.chrome-name-input{font-family:var(--font-display);letter-spacing:-.02em;border:1px solid var(--sea);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);max-width:12rem;padding:.2rem .45rem;font-size:.92rem;font-weight:600}.chrome-era{color:var(--sea);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--sea) 12%, transparent);white-space:nowrap;padding:.22rem .5rem;font-size:.72rem;font-weight:650}.chrome-stats{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font-size:.78rem;font-weight:500;display:flex}.chrome-happy{align-items:center;gap:.4rem;display:inline-flex}.chrome-happy-avg{font-family:var(--font-display);color:var(--sea);letter-spacing:-.02em;font-weight:700}.chrome-happy-tier{color:var(--ink);align-items:center;gap:.12rem;font-weight:650;display:inline-flex}.chrome-happy-tier img{object-fit:contain;width:.95rem;height:.95rem}.chrome-happy-tier.is-zero{opacity:.65}.chrome-actions{flex-wrap:wrap;align-items:center;gap:.35rem;margin-left:auto;display:flex}.chrome-group{border-right:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.3rem;margin-right:.15rem;padding-right:.35rem;display:inline-flex}.chrome-group:last-of-type{border-right:none;margin-right:0;padding-right:0}.chrome-toggle{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.78rem;font-weight:600;display:inline-flex}.chrome-toggle:hover{background:var(--hover)}.chrome-btn{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .7rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chrome-btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--hover)}.chrome-btn:disabled{opacity:.38;cursor:not-allowed}.chrome-btn-primary{background:var(--sea);border-color:var(--sea);color:#f4fffd}.chrome-btn-primary:hover:not(:disabled){background:var(--sea-bright);border-color:var(--sea-bright)}.chrome-btn.is-active{background:color-mix(in srgb, var(--sea) 14%, var(--surface));border-color:color-mix(in srgb, var(--sea) 45%, transparent);color:var(--sea)}.chrome-zoom{gap:.2rem;display:inline-flex}.chrome-share-note{color:var(--sea);white-space:nowrap;text-overflow:ellipsis;max-width:12rem;font-size:.72rem;font-weight:650;overflow:hidden}.chrome-more{position:relative}.chrome-more>summary{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .7rem;font-size:.78rem;font-weight:600;list-style:none}.chrome-more>summary::-webkit-details-marker{display:none}.chrome-more[open]>summary,.chrome-more>summary:hover{background:var(--hover);border-color:var(--line-strong)}.chrome-more-menu{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-strong);min-width:10.5rem;box-shadow:0 10px 28px var(--shadow);z-index:20;gap:.2rem;padding:.4rem;animation:.18s both rise-in;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.chrome-more-menu .chrome-btn{text-align:left;justify-content:flex-start;width:100%}@media (width<=960px){.chrome{gap:.5rem .65rem;padding:.55rem .7rem}.chrome-stats{order:3;width:100%}.chrome-group{border-right:none;margin-right:0;padding-right:0}}.planner{background:radial-gradient(ellipse 55% 35% at 100% 0%, var(--planner-glow), transparent 55%), linear-gradient(165deg, var(--planner-a) 0%, var(--planner-b) 100%);flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.planner-body{flex:1;min-width:0;min-height:0;animation:.25s both fade-in;display:flex;overflow:hidden}@media (width<=720px){.planner-body{flex-direction:column;position:relative}.planner-body .sidebar{border-right:none;border-bottom:1px solid var(--line);flex:none;width:100%;height:auto;max-height:30dvh}.planner-body .grid-shell{flex:auto;min-height:0;padding:.45rem}}