:root{color:#18241b;font-synthesis:none;--green:#143f2b;--text-green:#143c28;--paper:#fffefa;--border:#a4a499;--line:#c8c9bf;--empty-tile:#c0d3b6;--clay:#a74630;--gold:#e3b643;--leaf:#3f734c;--plum:#80568e;background:#f4f3ed;font-family:Inter,Noto Sans TC,Noto Sans CJK TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border-radius:9px;min-height:44px}button{cursor:pointer;background:var(--paper);color:var(--text-green);border:1px solid var(--border);padding:.5rem .8rem;font-weight:700}button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}button:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--green);background:#ecf1e9}button:disabled{cursor:default;color:#62675f;background:#f2f2ed}:focus-visible{outline-offset:3px;outline:3px solid #a36711}select{background:var(--paper);width:100%;color:var(--text-green);border:1px solid var(--green);padding:0 .8rem;font-weight:650}svg{flex-shrink:0;width:1.1em;height:1.1em;display:inline-block}.shell{width:min(1360px,100% - clamp(32px,9vw,132px));margin-inline:auto}.masthead{background:var(--green);color:#f8f4e4}.mastheadContent{justify-content:space-between;align-items:center;gap:1rem;min-height:70px;display:flex}.masthead select{width:auto;min-width:130px}.brand{align-items:center;gap:1.35rem;font-size:clamp(1.2rem,3vw,1.95rem);font-weight:800;display:flex}.brand>span:last-child{border-left:1px solid #9cb2a2;padding-left:1.25rem}.gridMark{grid-template-columns:repeat(2,1fr);gap:5px;width:35px;display:inline-grid}.gridMark i{aspect-ratio:1;background:#f3e8c4;border-radius:4px}.intro{padding-block:1.2rem 1.3rem}.notice{color:#41371a;background:#fbefbe;border:1px solid #dfce92;border-radius:8px;padding:.43rem .85rem;font-weight:700;display:inline-block}h1,h2,h3,h4,p{margin:0}h1{color:var(--text-green);letter-spacing:-.035em;margin-block:.6rem .45rem;font-size:clamp(2.25rem,4.1vw,3.85rem);line-height:1.1}.intro p{color:#424a42;font-size:clamp(1rem,1.65vw,1.35rem)}.modeNav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.65rem;padding-bottom:.9rem;display:flex}.modeNav button,.modeNav a{flex:auto;max-width:255px;min-height:53px;font-size:clamp(1rem,1.7vw,1.4rem)}.modeNav a,.communityNav a{border:1px solid var(--border);background:var(--paper);color:var(--text-green);text-align:center;border-radius:9px;place-items:center;padding:.5rem .8rem;font-weight:700;text-decoration:none;display:grid}.modeNav a:hover,.communityNav a:hover{border-color:var(--green);background:#ecf1e9}.layout{grid-template-columns:minmax(230px,29fr) minmax(0,71fr);gap:1.15rem;margin-block:1.25rem 1.5rem;display:grid}.panel{background:var(--paper);border:1px solid var(--border);border-radius:15px;min-width:0}.selector{padding:1.15rem 1.25rem}fieldset{border:0;min-inline-size:0;margin:0;padding:0}.selectGroup:not(:last-child),fieldset:not(:last-child){margin-bottom:1.35rem}legend,.selectGroup label{color:var(--text-green);margin-bottom:.65rem;padding:0;font-size:1.08rem;font-weight:800;display:block}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:.48rem;display:grid}.choices.five{grid-template-columns:repeat(5,minmax(0,1fr))}.bossSelector .choices{grid-template-columns:repeat(2,minmax(0,1fr))}.choices button{padding-inline:.1rem}.detail{padding:1rem clamp(1rem,2vw,1.75rem)}.detailHeading{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:1rem 1.6rem;padding-bottom:.6rem;display:flex}.stageMode{font-weight:750}h2{color:var(--text-green);letter-spacing:-.05em;margin-top:.2rem;font-size:clamp(2.6rem,4.45vw,4rem);line-height:1}.share{flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.22rem;display:flex}.share button,.pagination button{border-color:var(--green);justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.share input{max-width:100%;min-height:44px}.shareStatus{color:var(--text-green);font-weight:650}.result{margin-block:.9rem}h3{color:var(--text-green);margin-bottom:.65rem;font-size:clamp(1.23rem,2.1vw,1.8rem)}.formationTabs{gap:.6rem;margin-bottom:.65rem;display:flex}.formationTabs button{min-width:min(215px,50% - .3rem)}.formation{grid-template-columns:minmax(0,420px) minmax(120px,1fr);align-items:stretch;gap:1.4rem;display:grid}.boardDirection{color:#435645;margin-bottom:.25rem;font-size:.78rem;font-weight:700}.board{grid-template-columns:repeat(var(--board-columns,5), minmax(0, 1fr));background:#e5eddd;border-radius:12px;gap:.42rem;margin:0;padding:.68rem;list-style:none;display:grid}.board li{background:var(--empty-tile);aspect-ratio:1.3;color:#fff;border-radius:8px;place-items:center;font-size:clamp(1.05rem,2.5vw,1.9rem);font-weight:800;display:grid}.board li.clay,.swatch.clay{background:var(--clay)}.board li.gold,.swatch.gold{background:var(--gold);color:#322409}.board li.leaf,.swatch.leaf{background:var(--leaf)}.board li.plum,.swatch.plum{background:var(--plum)}.legend{border-left:1px solid var(--line);padding-top:.55rem;padding-left:1.4rem}.legend h4{color:var(--text-green);font-size:1.12rem}.legend ul{gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:.62rem;display:flex}.legend li:last-child{border-top:1px solid var(--line);padding-top:.65rem}.swatch{background:var(--empty-tile);border-radius:5px;flex-shrink:0;width:34px;height:22px;display:inline-block}.empty{text-align:center;align-content:center;justify-items:center;min-height:270px;padding:1rem .5rem;display:grid}.emptyGrid{background:#e5eddd;border-radius:11px;place-items:center;width:58px;height:58px;margin-bottom:.9rem;display:grid}.emptyGrid i{background:#a6bda2}.empty p{color:#495449}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}footer{border-top:1px solid var(--line)}.footerContent{color:#485249;flex-wrap:wrap;justify-content:space-between;gap:.35rem .8rem;padding-block:.75rem;font-size:.88rem;display:flex}@media (width<=830px){.layout{grid-template-columns:1fr}.mastheadContent{min-height:60px}}@media (width<=520px){.brand{gap:.65rem}.brand>span:last-child{padding-left:.65rem}.brand .gridMark{gap:4px;width:25px}.masthead select{min-width:106px}.selector{padding:.9rem 1rem}.layout{gap:.9rem}.formation{grid-template-columns:1fr;gap:.5rem}.legend{border-left:0;padding-left:0}.legend ul{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.88rem}.legend li:last-child{border:0;padding-top:0}.swatch{width:23px;height:15px}.pagination button{padding-inline:.45rem;font-size:.88rem}}.sourceMeta{color:#475c4b;flex-wrap:wrap;gap:.35rem .8rem;margin:.65rem 0;font-size:.88rem;display:flex}.sourceMeta a,.tatariInfo a{color:#164831;text-underline-offset:.18em}.formationTabs{flex-wrap:wrap}.sourcedBoard li{aspect-ratio:1.12;min-width:0}.sourcedBoard li.water{background:#b6d7e5}.sourcedBoard li.rock{background:#cfbfaa}.sourcedBoard li button{color:#122b21;overflow-wrap:anywhere;border-radius:inherit;background:0 0;border-color:#0000;place-content:center;gap:.12rem;width:100%;min-width:0;height:100%;padding:.1rem;font-size:clamp(.62rem,1.15vw,.91rem);display:grid}.sourcedBoard li:is(.clay,.leaf) button{color:#fff}.sourcedBoard li button:hover:not([aria-pressed=true]){color:#14291e}.sourcedBoard li button[aria-pressed=true]{color:#fff;background:#092e1d;border-color:#fff}.sourcedBoard small{font-size:.84em}.catalog{margin-bottom:1.5rem;padding:.9rem 1.2rem}.catalog summary{cursor:pointer;color:var(--text-green);font-weight:800}.catalogContent{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding-top:1rem;display:grid}.catalogContent label{margin-bottom:.4rem;display:block}.catalogContent input{border:1px solid var(--border);border-radius:8px;width:100%;min-height:44px;margin-bottom:.4rem;padding:.4rem .7rem}.catalogContent select{padding-block:.35rem}.tatariInfo h4 span{color:#45624d;font-size:.8rem}.tatariInfo dl{gap:.42rem;margin-block:.65rem;display:grid}.tatariInfo dt{color:#4f5d4f;font-size:.8rem}.tatariInfo dd{overflow-wrap:anywhere;margin:0}.srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=520px){.catalogContent{grid-template-columns:1fr}.sourcedBoard{gap:.25rem;padding:.4rem}.sourcedBoard li{aspect-ratio:1}.sourcedBoard li button{line-height:1.13}}.tatariPortrait{object-fit:contain;width:100%;min-width:0;height:100%;display:block}.sourcedBoard li button{justify-content:center;align-items:center;min-height:44px;padding:.15rem .15rem .48rem;display:flex;position:relative}.sourcedBoard li button .tatariPortrait{aspect-ratio:1;max-height:100%}.sourcedBoard li button small{color:#fff;background:#173e2b;border-radius:3px;padding:1px 3px;position:absolute;bottom:2px;right:3px}.portraitFallback{overflow-wrap:anywhere;font-size:.85em}.tatariProfileHeading{align-items:center;gap:.65rem;display:flex}.tatariProfileHeading .tatariPortrait{flex:0 0 60px;width:60px;height:60px}.tatariInfo h5{margin:.75rem 0 .35rem}.tatariInfo .evolutionPortraits{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0 0 .65rem;display:grid}.tatariInfo .evolutionPortraits li{border:1px solid var(--line);overflow-wrap:anywhere;text-align:center;background:#f4f7ee;border-radius:6px;flex-direction:column;align-items:center;gap:.1rem;min-width:0;padding:.3rem .12rem;font-size:.72rem;display:flex}.tatariInfo .evolutionPortraits li[aria-current=true]{border-color:var(--green)}.evolutionPortraits .tatariPortrait{height:38px}.dojoBoard{max-width:310px}.memberPanel{color:var(--text-green);justify-content:flex-end;padding-top:.8rem;display:flex}.memberPanel a,.memberPanel summary,.lineupEditor summary{color:var(--text-green);cursor:pointer;font-weight:750}.memberPanel details p{margin:.5rem 0}.memberActions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.6rem;display:flex}.lineupEditor{border:1px solid var(--line);border-radius:8px;margin-block:.7rem;padding:.65rem}.lineupEditor form{gap:.6rem;margin-top:.6rem;display:grid}.editorBoard{max-width:360px}.editorBoard button{aspect-ratio:1;min-width:0;min-height:36px;padding:.12rem}.editorBoard img{height:100%}.communityNav{flex-wrap:wrap;gap:.55rem;margin-top:.9rem;display:flex}.communityNav a{min-height:44px}.communityNav a[aria-current=page]{background:var(--green);border-color:var(--green);color:#fff}.communityPage{max-width:920px;margin-bottom:1.5rem}.communityResults{padding:clamp(.85rem,2vw,1.5rem)}.communityResults a{color:var(--text-green);text-underline-offset:.18em}.rankingList{margin:0;padding-left:2.2rem}.rankingList li::marker{color:#435645;font-variant-numeric:tabular-nums;font-weight:750}.rankingList li+li,.memberLineup+.memberLineup{border-top:1px solid var(--line)}.rankingRow{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(.55rem,3vw,2rem);min-height:58px;padding:.6rem .3rem;text-decoration:none;display:grid}.rankingRow:hover{background:#ecf1e9}.rankName{overflow-wrap:anywhere;font-weight:750}.rankingRow:hover .rankName{text-decoration:underline}.rankSubmissions,.memberLineup summary span:last-child{color:#435645;font-size:.88rem}.rankingRow strong{text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.memberLineupHeading{letter-spacing:normal;margin-bottom:.65rem;font-size:clamp(1.23rem,2.1vw,1.8rem)}.memberLineup summary{cursor:pointer;min-height:48px;color:var(--text-green);padding:.8rem .2rem;font-weight:700}.memberLineup summary span:last-child{margin-inline-start:.75rem;font-weight:500;display:inline-block}.memberLineupBody{padding:0 .2rem .9rem}.communityPagination{margin-top:.75rem}.communityPagination a{align-items:center;min-height:44px;padding:.3rem .4rem;display:inline-flex}