:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203235;--muted:#65716e;--line:#20323524;--paper:#f7f2e8;--panel:#fffcf4;--sea:#d5e2de;--empty-province:#dde4dd;--one-person:#9eb49d;--two-people:#7f9f8b;--three-to-five:#d5a24e;--six-to-ten:#d88955;--eleven-plus:#c96c58;--many-people:var(--eleven-plus);--teal:#2f7474;--coral:var(--eleven-plus);--gold:var(--three-to-five);--sage:var(--one-person);--blue:#7895a2;--province-stroke-width:1.15;--province-active-stroke-width:2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden}body{background:linear-gradient(135deg, #2f6f7321, transparent 34%), linear-gradient(165deg, transparent 55%, #c66b571f), var(--paper);min-width:320px;height:100svh;color:var(--ink);margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.app-shell{grid-template-rows:minmax(0,1fr);width:min(1640px,100%);height:100svh;margin:0 auto;padding:18px clamp(14px,2.4vw,34px);display:grid}.eyebrow,.section-kicker{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.25rem,4.2vw,4.2rem);line-height:.95}h2{letter-spacing:0;font-size:clamp(1.18rem,1.5vw,1.65rem);line-height:1.1}.workspace{grid-template-columns:240px minmax(0,1fr);align-items:stretch;gap:0;min-height:0;display:grid;position:relative}.no-data-toast{top:18px;left:var(--toast-x,50%);z-index:40;background:linear-gradient(180deg, #fffcf4f7, #fffcf4e6), var(--panel);width:max-content;max-width:calc(100vw - 32px);color:var(--ink);opacity:0;pointer-events:none;border:1px solid #2032351f;border-radius:999px;padding:10px 18px;font-size:.94rem;font-weight:800;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,-12px);box-shadow:inset 0 1px #fffcf4e0,0 16px 38px #20323521}.no-data-toast.is-visible{opacity:1;transform:translate(-50%)}.random-classmate-button{z-index:32;cursor:pointer;background:0 0;place-items:center;width:54px;height:54px;transition:opacity .15s,transform .15s;display:grid;position:fixed;bottom:18px;left:18px}.random-classmate-button:hover,.random-classmate-button:focus-visible{opacity:.82;outline:none;transform:translateY(-2px)}.random-classmate-button.is-rolling .random-dice-fallback{animation:.52s cubic-bezier(.25,.9,.3,1.2) diceRoll}.random-dice-animation,.random-dice-fallback{pointer-events:none;width:51px;height:51px;display:block}.random-dice-animation{opacity:0}.random-dice-animation svg{width:100%;height:100%;display:block}.random-classmate-button.has-lottie .random-dice-animation{opacity:1}.random-classmate-button.has-lottie .random-dice-fallback{display:none}.random-dice-fallback{object-fit:contain;filter:brightness(0)saturate()invert(17%)sepia(13%)saturate(805%)hue-rotate(139deg)brightness(92%)contrast(90%)drop-shadow(0 8px 12px #2032352e)}@keyframes diceRoll{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-16deg)scale(1.12)}62%{transform:rotate(20deg)scale(.96)}to{transform:rotate(0)scale(1)}}.detail-popover{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #2130341f}.overseas-rail{background:0 0;border-right:1px solid #2032351a;flex-direction:column;min-height:0;padding:18px 22px 18px 6px;display:flex;overflow:hidden}.map-board{background:0 0;flex-direction:column;min-width:0;min-height:0;padding:0 0 0 clamp(18px,1.7vw,26px);display:flex}.map-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, #7895a22e, #8eaa9124), var(--sea);border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffcf485,inset 0 1px #fffcf457}.map-stage.is-panning{cursor:grabbing}.map-tilt{filter:drop-shadow(0 16px 16px #2130341f);width:100%;height:100%;transform:translate3d(var(--china-map-pan-x,0px), var(--china-map-pan-y,0px), 0) scale(var(--china-map-scale,1));transform-origin:50%;will-change:transform;transition:transform .12s ease-out}.map-stage.is-panning .map-tilt{transition:none}.china-svg{width:100%;height:100%;display:block;overflow:visible}.province-region{cursor:pointer;outline:none;transition:opacity .18s}.province-hit{fill:#0000;stroke:none;pointer-events:fill}.province-shadow{fill:#20323533;stroke:none;opacity:0;pointer-events:none;filter:url(#plate-shadow);transform-box:fill-box;transform-origin:50%;transition:opacity .16s,transform .18s}.province-shadow.is-visible{opacity:1;transform:translate(var(--lift-x), var(--lift-y))}.province-lift{pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:transform .18s}.province-face{fill:var(--region-fill);stroke:#fffcf5f2;stroke-width:var(--province-stroke-width);transition:fill .18s,stroke .18s,stroke-width .18s}.province-region:hover,.province-region:focus-visible{filter:none}.province-region:hover .province-lift,.province-region:focus-visible .province-lift,.province-region.is-selected .province-lift,.province-region.is-random-target .province-lift{transform:translate(var(--lift-x), var(--lift-y))}.province-region:hover .province-face,.province-region:focus-visible .province-face,.province-region.is-random-target .province-face,.province-region.is-selected .province-face{fill:var(--region-active-fill);stroke:#fff9ec;stroke-width:var(--province-active-stroke-width)}.province-region[data-count="0"]{opacity:.78}.province-region[data-count="0"]:hover,.province-region[data-count="0"].is-selected{opacity:1}.loading-label,.loading-subtitle{fill:var(--muted);font-weight:700}.loading-subtitle{font-size:18px;font-weight:500}.overseas-grid{grid-template-columns:1fr;gap:clamp(16px,2vh,24px);min-height:0;display:grid}.country-tile{min-height:76px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:0;outline:none;grid-template-rows:auto auto;grid-template-columns:104px minmax(0,1fr);align-items:center;column-gap:10px;padding:4px 0;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid}.country-tile:hover,.country-tile:focus-visible,.country-tile.is-random-target,.country-tile.is-selected{box-shadow:none;background:0 0;transform:translate(6px)}.country-svg{filter:drop-shadow(0 8px 7px #21303421);grid-row:1/span 2;width:104px;height:66px;overflow:visible}.country-face{fill:#6f8fa661;stroke:#21303447;stroke-width:1.4px;transition:fill .16s}.country-tile.is-selected .country-face,.country-tile.is-random-target .country-face,.country-tile:hover .country-face,.country-tile:focus-visible .country-face{fill:#2f6f73d1}.country-svg text{fill:#213034a8;paint-order:stroke;stroke:#fffcf5b3;stroke-width:3px;font-size:14px;font-weight:900}.country-tile.is-selected .country-svg text,.country-tile.is-random-target .country-svg text,.country-tile:hover .country-svg text,.country-tile:focus-visible .country-svg text{fill:#fffaf0;stroke:#2f6f7359}.country-name{align-self:end;font-weight:900}.country-count{color:var(--muted);align-self:start;font-size:.84rem}.detail-popover{left:var(--popover-x,50%);top:var(--popover-y,18%);z-index:20;--classmate-name-width:3.25rem;background:linear-gradient(180deg, #fffcf4f5, #fffcf4e6), var(--panel);opacity:0;pointer-events:none;border-color:#2032351f;border-radius:6px;flex-direction:column;width:min(400px,100vw - 32px);max-height:min(620px,100vh - 32px);transition:opacity .16s,transform .16s;display:flex;position:fixed;overflow:hidden;transform:translateY(10px)scale(.98);box-shadow:inset 0 1px #fffcf4d9,0 18px 48px #20323524,0 2px 12px #20323514}.detail-popover:not(.is-open){display:none}.detail-popover.is-open{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)scale(1)}.detail-popover.is-revealing{animation:.32s cubic-bezier(.2,.9,.2,1.08) popoverReveal}@keyframes popoverReveal{0%{opacity:0;transform:translateY(18px)scale(.92)}58%{opacity:1;transform:translateY(-3px)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-close{z-index:2;width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid;position:absolute;top:0;right:0}.popover-close:hover,.popover-close:focus-visible{color:var(--teal);outline:none}.detail-heading{border-bottom:1px solid var(--line);padding:20px 52px 17px 22px}.detail-title-row{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.detail-heading h2{min-width:0;font-size:clamp(1.28rem,1.55vw,1.72rem);line-height:1.08}.detail-heading span{color:var(--muted);white-space:nowrap;flex:none;font-size:.9rem}.detail-body{padding:14px 18px 0;overflow:auto}.city-group+.city-group{margin-top:14px}.city-row{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:8px;font-size:.8rem;font-weight:800;display:flex}.city-row span:last-child{font-size:.76rem;font-weight:800}.people-index{padding-bottom:14px}.classmate-name-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 0;width:100%;display:grid}.classmate-name{width:var(--classmate-name-width);color:var(--ink);cursor:pointer;text-align:justify;text-align-last:justify;white-space:nowrap;background:0 0;border:0;border-radius:0;outline:none;justify-self:center;padding:2px 0;font-size:1.04rem;font-weight:800;line-height:1.15;transition:color .14s,opacity .14s}.classmate-name:hover,.classmate-name:focus-visible,.classmate-name.is-active{color:var(--teal);opacity:.9}.classmate-preview{border-top:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);align-items:start;gap:12px;min-height:128px;margin:0 -18px;padding:16px 18px 18px;display:grid}.preview-copy{min-width:0}.preview-title{flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-bottom:6px;display:flex}.preview-title strong{font-size:1rem}.preview-title span{color:var(--muted);font-size:.82rem}.preview-copy p{color:#39494b;font-size:.92rem;line-height:1.55}.preview-copy time{color:var(--muted);margin-top:8px;font-size:.78rem;display:block}.avatar{aspect-ratio:1;border:1px solid var(--avatar-border);color:#fffaf0;width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;box-shadow:inset 0 0 0 1px var(--avatar-border-light), 0 4px 10px var(--avatar-border-shadow);background-clip:padding-box;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.avatar-sunrise,.avatar-gold{--avatar-border:#7a4e2e;--avatar-border-light:#c68d58;--avatar-border-dark:#3d2719;--avatar-border-shadow:#7a4e2e3d;background:linear-gradient(135deg, var(--two-people), var(--many-people))}.avatar-paper,.avatar-stone{--avatar-border:#324447;--avatar-border-light:#6f8184;--avatar-border-dark:#172629;--avatar-border-shadow:#20323538;background:linear-gradient(135deg, var(--blue), var(--ink))}.avatar-tea,.avatar-leaf,.avatar-mint{--avatar-border:#36534b;--avatar-border-light:#7fa091;--avatar-border-dark:#162923;--avatar-border-shadow:#36534b3d;background:linear-gradient(135deg, var(--one-person), var(--teal))}.avatar-lake,.avatar-aqua,.avatar-sky{--avatar-border:#355866;--avatar-border-light:#81a5b2;--avatar-border-dark:#172b33;--avatar-border-shadow:#3558663d;background:linear-gradient(135deg, var(--blue), var(--teal))}.avatar-ink,.avatar-clay,.avatar-coral,.avatar-peach,.avatar-berry{--avatar-border:#713f37;--avatar-border-light:#c78376;--avatar-border-dark:#341c18;--avatar-border-shadow:#713f373d;background:linear-gradient(135deg, var(--many-people), var(--blue))}.empty-state{min-height:220px;color:var(--muted);text-align:center;place-items:center;display:grid}@media (width<=1100px){body{height:auto;min-height:100svh;overflow-y:auto}.app-shell{height:auto;min-height:100svh}.workspace{grid-template-columns:1fr;gap:18px}.map-board{order:1;padding:0}.overseas-rail{border-top:1px solid #2032351a;border-right:0;order:2;min-height:0;padding:16px 0 0}.overseas-grid{grid-template-columns:none;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:12px;padding-bottom:6px;overflow-x:auto}.country-tile{min-height:112px}}@media (width<=720px){:root{--province-stroke-width:.5;--province-active-stroke-width:1.15}.app-shell{padding:18px 10px}.detail-popover{box-shadow:0 16px 40px #2130341f}.random-classmate-button{bottom:max(14px, env(safe-area-inset-bottom));left:14px}.map-tilt{filter:drop-shadow(0 14px 14px #2130341f)}.detail-popover{width:calc(100dvw - 20px);max-width:calc(100dvw - 20px);max-height:58vh;inset:auto auto 10px 10px;transform:translateY(16px)}.detail-popover.is-open{transform:translateY(0)}.detail-heading{padding:18px 48px 14px 18px}.detail-body{padding:14px}}@media (width<=430px){h1{font-size:2.1rem}.country-tile{grid-template-columns:92px minmax(0,1fr)}.country-svg{width:92px}.avatar{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}.detail-popover{--classmate-name-width:3rem}.classmate-name-grid{row-gap:8px}.classmate-name{font-size:.95rem}}