:root{--bg:#07110d;--surface:#0d1a14;--surface-2:#112219;--line:rgba(207,224,190,0.14);--line-strong:rgba(207,224,190,0.28);--text:#eff5e8;--muted:#94a696;--moss:#9fbd78;--moss-bright:#c5de97;--amber:#d2a65f;--danger:#d46d5c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 82% 8%,rgba(74,104,65,.16),transparent 31rem),radial-gradient(circle at 12% 100%,rgba(40,79,61,.18),transparent 38rem),var(--bg)}button,input{font:inherit}button{touch-action:manipulation}.brand{display:flex;flex-direction:column;align-items:center;text-align:center}.brand__eyebrow{color:var(--moss-bright);font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.34em;font-weight:700}.brand__title{margin-top:.55rem;font-family:Songti SC,STSong,serif;font-size:clamp(2rem,5vw,4.6rem);letter-spacing:.14em;font-weight:600}.brand__signature{margin-top:1.3rem;color:var(--muted);font-size:.66rem;letter-spacing:.25em}.brand--compact{align-items:flex-start;text-align:left}.brand--compact .brand__eyebrow{font-size:.62rem;letter-spacing:.25em}.brand--compact .brand__title{margin-top:.2rem;font-size:clamp(1.1rem,1.7vw,1.6rem);letter-spacing:.1em}.brand--compact .brand__signature{margin-top:.35rem;font-size:.45rem}.standby-screen{position:relative;min-height:100svh;display:grid;place-content:center;grid-gap:2.5rem;gap:2.5rem;overflow:hidden;text-align:center;padding:2rem}.standby-screen:after,.standby-screen:before{content:"";position:absolute;inset:auto -10% 0;height:32%;opacity:.16;background:repeating-linear-gradient(105deg,transparent 0 8%,#324637 8% 8.6%,transparent 8.6% 14%);-webkit-mask-image:linear-gradient(transparent,black);mask-image:linear-gradient(transparent,black)}.standby-screen:after{transform:scaleX(-1);opacity:.09;height:43%}.standby-screen__mist{position:absolute;width:42vw;height:42vw;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:rgba(128,158,112,.08);filter:blur(50px)}.standby-screen>:not(.standby-screen__mist){position:relative;z-index:1}.standby-screen__signal{display:flex;align-items:center;gap:1rem;color:#aebcae;font-size:clamp(.85rem,1.4vw,1.1rem);letter-spacing:.13em}.standby-screen__signal i{display:block;width:5rem;height:1px;background:linear-gradient(90deg,transparent,var(--moss))}.standby-screen__signal i:last-child{transform:scaleX(-1)}.standby-screen>p{margin:-1.3rem 0 0;color:#607266;font-size:.8rem;letter-spacing:.25em}.board{min-height:100svh;height:100svh;display:grid;grid-template-rows:minmax(118px,18vh) 1fr;padding:clamp(1rem,2vw,2rem);overflow:hidden;background:linear-gradient(180deg,rgba(7,17,13,.4),rgba(7,17,13,.92))}.board__header{position:relative;display:grid;grid-template-columns:1fr minmax(360px,1.12fr) 1fr;align-items:center;border-bottom:1px solid var(--line);padding:0 5.5rem 1.4vh 0}.countdown{display:flex;flex-direction:column;align-items:center}.countdown strong{color:#f7faeb;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,5.8vw,7rem);font-weight:500;letter-spacing:.03em;line-height:.88;white-space:nowrap;text-shadow:0 0 30px rgba(197,222,151,.08)}.countdown__context{display:flex;align-items:baseline;justify-content:center;gap:.5em;margin-top:.75rem;white-space:nowrap}.countdown__context small{color:var(--moss);font-size:clamp(.7rem,.72vw,.82rem);letter-spacing:.2em}.countdown__context em{color:#dce8c6;font-size:clamp(1rem,1.15vw,1.35rem);font-style:normal;font-weight:700;letter-spacing:.18em}.board__meta{justify-self:end;display:grid;grid-gap:.35rem;gap:.35rem;min-width:16rem;text-align:right;font-size:clamp(.65rem,.78vw,.82rem);color:var(--muted)}.board__meta strong{color:var(--text);font-size:clamp(.82rem,1vw,1rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.stage-badge{justify-self:end;padding:.28rem .55rem;color:var(--moss-bright);border:1px solid rgba(197,222,151,.24);border-radius:999px;letter-spacing:.1em}.board__content{min-height:0;display:grid;grid-template-columns:54% 46%}.tribes-panel{min-height:0;padding:2.4vh 2.2vw 0 0;border-right:1px solid var(--line)}.section-heading span{color:#66806b;font-size:clamp(.52rem,.55vw,.62rem);font-weight:700;letter-spacing:.25em}.section-heading h2{margin:.25rem 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(1.05rem,1.5vw,1.45rem);font-weight:600;letter-spacing:.08em}.tribe-grid{height:calc(100% - 3.8rem);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-gap:clamp(.5rem,1vw,1rem);gap:clamp(.5rem,1vw,1rem);margin-top:1.5vh}.tribe-card{min-height:0;display:grid;align-content:center;grid-gap:1.2vh;gap:1.2vh;padding:clamp(.7rem,1.25vw,1.35rem);background:linear-gradient(105deg,color-mix(in srgb,var(--tribe) 7%,var(--surface)),var(--surface));border:1px solid var(--line);border-left:3px solid color-mix(in srgb,var(--tribe) 65%,transparent);border-radius:10px}.tribe-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.tribe-card h3{min-width:0;margin:0;font-family:Songti SC,STSong,serif;color:color-mix(in srgb,var(--tribe) 60%,white);font-size:clamp(1rem,1.42vw,1.45rem);letter-spacing:.08em;font-weight:700;white-space:nowrap}.tribe-card strong{flex:0 0 auto;font-size:clamp(1.2rem,1.75vw,1.95rem);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tribe-card strong span{color:var(--muted);font-size:.55em}.hp-bar{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:clamp(2px,.24vw,5px);gap:clamp(2px,.24vw,5px);height:clamp(8px,1.25vh,14px)}.hp-bar span{background:#18251e;transform:skewX(-9deg)}.hp-bar span.is-filled{background:var(--tribe);box-shadow:0 0 10px color-mix(in srgb,var(--tribe) 20%,transparent)}.ecology-panel{min-height:0;display:grid;grid-template-rows:63% 37%;padding-left:2vw}.ecology-panel__ring{position:relative;min-height:0;padding-top:2.4vh;border-bottom:1px solid var(--line)}.ecology-ring{position:absolute;inset:2.8rem 0 .15rem;margin:auto;width:min(35vw,54vh);height:min(35vw,54vh);max-height:calc(100% - 2.5rem);aspect-ratio:1}.ecology-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ecology-orbit{fill:none;stroke:rgba(159,189,120,.13);stroke-width:1.5}.ecology-link{fill:none;stroke:#708969;stroke-width:3;opacity:.76}.ecology-link.is-compressed{stroke:var(--amber);stroke-dasharray:7 7;opacity:.9}#ecology-arrowhead path{fill:#7f9975}.ecology-node{position:absolute;width:clamp(4.2rem,5.35vw,6rem);min-height:clamp(3.8rem,4.8vw,5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;transform:translate(-50%,-50%);color:#dce7d4;font-size:clamp(.62rem,.76vw,.82rem);letter-spacing:.04em;background:#0c1912;border:1px solid var(--line-strong);border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.25)}.ecology-node__emoji{font-size:clamp(1.25rem,1.75vw,2rem);line-height:1}.ecology-node small{color:#7f927f;font-size:clamp(.45rem,.52vw,.58rem)}.ecology-node.is-extinct{color:#879088;background:#111713;border-color:rgba(150,155,151,.25);filter:grayscale(1);box-shadow:none}.ecology-node.is-extinct small{color:#b77b71;font-weight:700}.crisis-panel{min-height:0;padding-top:2vh}.crisis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-top:1.2vh}.crisis-item{display:flex;align-items:center;gap:.7rem;min-height:3.5rem;padding:.5rem .7rem;background:#0c1812;border:1px solid var(--line);border-radius:8px}.crisis-item__icon{font-size:clamp(1rem,1.4vw,1.45rem)}.crisis-item div{display:grid;grid-gap:.12rem;gap:.12rem}.crisis-item strong{font-size:clamp(.7rem,.88vw,.94rem);font-weight:600}.crisis-item div span{color:var(--muted);font-size:clamp(.58rem,.68vw,.72rem)}.crisis-item--critical{border-color:rgba(212,109,92,.4)}.crisis-item--critical div span{color:#e18475}.crisis-item--endangered{border-color:rgba(210,166,95,.35)}.crisis-item--endangered div span{color:#dcb572}.crisis-item--extinct{opacity:.75;filter:saturate(.45)}.crisis-empty{height:calc(100% - 2.5rem);display:grid;place-items:center;color:#657469;font-size:.82rem;letter-spacing:.1em}.screen-controls{position:fixed;top:1rem;right:1rem;z-index:35;display:flex;align-items:center;gap:.45rem}.screen-controls button{color:#b6c2b4;background:rgba(10,20,14,.9);border:1px solid var(--line-strong);border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer;white-space:nowrap}.screen-controls button:hover{color:var(--text);border-color:rgba(197,222,151,.5)}.fullscreen-trigger{min-height:32px;padding:.34rem .62rem;font-size:.75rem}.control-trigger{min-height:38px;padding:.48rem .8rem}.fullscreen-notice{position:fixed;top:4.1rem;right:1rem;z-index:45;max-width:min(22rem,calc(100vw - 2rem));padding:.62rem .8rem;color:#ead8b7;background:rgba(48,37,20,.96);border:1px solid rgba(210,166,95,.45);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:.78rem}.control-overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(2,7,4,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.control-drawer{width:min(430px,94vw);height:100%;overflow-y:auto;padding:1.35rem;background:#0b1710;border-left:1px solid var(--line-strong);box-shadow:-20px 0 60px rgba(0,0,0,.4)}.control-drawer header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line)}.control-drawer header span{color:var(--moss);font-size:.7rem;letter-spacing:.18em}.control-drawer header h2{margin:.25rem 0 0;font-family:Songti SC,serif}.control-drawer header button{width:38px;height:38px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer}.drawer-toast{margin-top:1rem;padding:.75rem .85rem;border-radius:8px;font-size:.83rem}.drawer-toast--success{color:#dff1c9;background:#27432c;border:1px solid #49764f}.drawer-toast--error{color:#f5c0b8;background:#4e2822;border:1px solid #87483d}.control-field{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.control-field>div{display:flex;align-items:center;gap:.5rem}.control-field input{width:90px;min-height:44px;padding:.5rem;color:var(--text);background:#07110d;border:1px solid var(--line-strong);border-radius:8px;text-align:center}.control-field input:disabled{opacity:.55}.control-field em{color:var(--muted);font-size:.8rem;font-style:normal}.control-stage-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem;margin-top:1.25rem}.control-refresh,.control-stage-grid button{min-height:50px;color:var(--text);background:#13231a;border:1px solid var(--line-strong);border-radius:9px;cursor:pointer}.control-refresh:disabled,.control-stage-grid button:disabled{opacity:.42;cursor:not-allowed}.control-stage-grid button.is-active{color:#152014;background:var(--moss-bright);border-color:var(--moss-bright);font-weight:700}.control-stage-grid button.is-danger{color:#df8b7d;border-color:rgba(212,109,92,.4)}.control-stage-grid button.is-danger.is-active{color:white;background:#93453b}.control-refresh{width:100%;min-height:58px;margin-top:1.25rem;color:#142014;background:var(--moss-bright);border-color:var(--moss-bright);font-weight:800;font-size:1rem}.refresh-meta,.refresh-note{color:var(--muted);font-size:.72rem;line-height:1.55;text-align:center}.refresh-meta{margin-top:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drawer-reminder{display:grid;grid-gap:.28rem;gap:.28rem;margin-top:1.25rem;padding:1rem;background:rgba(73,60,31,.42);border:1px solid rgba(210,166,95,.32);border-radius:10px}.drawer-reminder span{color:var(--amber);font-size:.7rem;letter-spacing:.1em}.drawer-reminder strong{font-size:1rem}.drawer-reminder--due{background:rgba(97,46,37,.5);border-color:rgba(212,109,92,.5)}.drawer-reminder button{min-height:38px;margin-top:.45rem;color:white;background:#a85045;border:0;border-radius:7px;cursor:pointer}.reminder-banner{position:fixed;left:50%;bottom:1rem;z-index:24;display:flex;align-items:center;gap:1rem;transform:translateX(-50%);padding:.7rem 1rem;background:rgba(63,53,29,.96);border:1px solid rgba(210,166,95,.44);border-radius:999px;box-shadow:0 12px 34px rgba(0,0,0,.32)}.reminder-banner span{color:var(--amber);font-size:.72rem}.reminder-banner strong{font-size:.86rem}.reminder-banner--due,.reminder-banner--urgent{background:rgba(87,42,34,.97);border-color:rgba(212,109,92,.58)}.reminder-banner button{min-height:32px;padding:.3rem .75rem;color:white;background:#a85045;border:0;border-radius:999px;cursor:pointer}.ended-banner{position:fixed;left:50%;bottom:1rem;z-index:25;display:flex;align-items:center;gap:1.4rem;transform:translateX(-50%);padding:.75rem 1.2rem;background:rgba(8,19,13,.94);border:1px solid rgba(197,222,151,.32);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ended-banner .brand{min-width:max-content}.ended-banner strong{color:var(--moss-bright);font-family:Songti SC,serif;font-size:clamp(1.15rem,1.8vw,1.8rem);letter-spacing:.18em}.ended-banner>span{color:var(--muted);font-size:.72rem;letter-spacing:.12em;white-space:nowrap}@media (max-height:800px) and (min-width:761px){.screen-controls{top:0}.control-trigger{min-height:36px;padding:.4rem .72rem}.crisis-panel{padding-top:clamp(.35rem,1.2vh,.9rem)}.crisis-grid{gap:clamp(.28rem,.7vh,.55rem);margin-top:clamp(.25rem,.7vh,.75rem)}.crisis-item{min-height:clamp(2.65rem,5.2vh,3.5rem)}}@media (max-aspect-ratio:4/3) and (min-width:800px){.board{height:auto;min-height:100vh;overflow:auto}.board__header{grid-template-columns:1fr 1.2fr 1fr}.board__content{grid-template-columns:1fr}.tribes-panel{border-right:0;padding-right:0}.tribe-grid{height:auto;grid-template-rows:repeat(4,100px)}.ecology-panel{min-height:780px;grid-template-rows:540px auto;padding-left:0}}@media (max-width:760px){.board{height:auto;min-height:100svh;overflow:auto}.board__header{grid-template-columns:1fr;gap:1rem;padding:3.4rem 0 1rem}.board__header .brand,.board__meta{justify-self:center;align-items:center;text-align:center}.stage-badge{justify-self:center}.board__content{grid-template-columns:1fr}.tribes-panel{border-right:0;padding-right:0}.tribe-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none}.ecology-panel{min-height:730px;grid-template-rows:500px auto;padding-left:0}.ecology-ring{width:min(88vw,430px);height:min(88vw,430px)}.crisis-grid{grid-template-columns:1fr}.reminder-banner{width:calc(100% - 2rem);justify-content:space-between;border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}