:root{--bg:#f7f8f2;--ink:#253a2d;--mut:#7c877d;--line:#e1e6db;--panel:#fff;--panel2:#eef2e8;--gold:#e6ed96;--blue:#507655;--green:#658348}
body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8f2;color:#253a2d;font-size:14px}button,a,input,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a9b844;outline-offset:4px}[hidden]{display:none!important}.screen{overflow:auto}.site-nav{width:min(1200px,100%);padding:30px 32px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:23px;letter-spacing:-1.2px;text-decoration:none;color:#294231;display:flex;align-items:center;gap:5px}.brand-light{font-weight:450}.brand-icon{background:#344c35;color:#f3f6c2;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:25px;margin-right:5px}.beta{font-size:8px;letter-spacing:1px;border:1px solid #dce2d4;border-radius:5px;padding:5px;margin-left:9px}.nav-note{font-size:12px;color:#8c9387}.btn{background:#fff;border-color:#dfe5d9;border-radius:11px;color:#3c503b;box-shadow:none;font-weight:650}.btn:hover{background:#eaf0e1;border-color:#b6c3a5}.btn.gold,.btn.green{background:#ddea87;border:1px solid #d0df72;color:#29402b}.btn.gold:hover,.btn.green:hover{background:#cddb74}.btn.ghost{background:transparent}.home-main{width:min(1050px,100%);padding:38px 32px 0;margin:auto}.hero-copy{text-align:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#7a866b}.eyebrow i{display:inline-block;width:6px;height:6px;background:#a4b36d;border-radius:50%;margin-right:7px}.hero-copy h1{font-size:clamp(38px,4.4vw,61px);line-height:1.1;letter-spacing:-2.8px;font-weight:800;margin:24px 0 19px}.hero-copy em{font-style:normal;color:#849348}.hero-copy p{color:#899183;line-height:1.8;font-size:14px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:38px 0 27px}.mode-card{padding:0;border:1px solid #dee4d5;border-radius:22px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;color:inherit;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #344b3510;border-color:#aabb8d}.mode-art{height:200px;position:relative;overflow:hidden;background:#dce9b7}.mode-art>img{width:100%;height:100%;object-fit:cover;opacity:.85}.art-pill{position:absolute;top:20px;left:22px;background:#ffffff6e;border:1px solid #ffffff70;border-radius:20px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:1.3px;color:#405e3a}.team .art-pill{color:#805b54}.mode-body{padding:24px 25px}.mode-number{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#929e86}.mode-body h2{font-size:25px;letter-spacing:-.7px;margin:10px 0}.mode-body h2>span{float:right;font-weight:400;color:#94a186}.mode-body p{font-size:12px;color:#88917f;line-height:1.6;margin:0 0 23px}.mode-foot{border-top:1px solid #edf0e8;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.mode-foot>span{color:#8a927e}.mode-foot>b{font-size:11px;color:#5b7241}.team .mode-foot>b{color:#ac715d}.hero-mascot{position:absolute;bottom:26px;image-rendering:pixelated;filter:drop-shadow(0 10px 4px #203e3528);animation:bounce 1.2s ease-in-out infinite}.duck-mascot{width:96px;height:72px;background:url('assets/m_duck.png') 0 0/288px 72px;left:29%;transform:scaleX(-1)}.knight-mascot{width:92px;height:108px;background:url('assets/m_pawn_blue.png') 0 0/552px 108px;left:53%;animation-delay:-.4s}.team-one{left:23%;filter:hue-rotate(80deg) drop-shadow(0 10px 4px #203e3528)}.team-two{left:46%;bottom:34px;filter:hue-rotate(180deg) drop-shadow(0 10px 4px #203e3528)}.team-three{left:65%;bottom:18px}.art-spark{position:absolute;top:68px;left:23%;color:#fff9cc;font-size:33px}.finish-flag{position:absolute;right:40px;bottom:38px;color:#507448;font-size:65px;transform:rotate(8deg)}.home-benefits{display:flex;justify-content:center;gap:35px;font-size:11px;color:#8b9580}.home-footer{margin:52px 0 25px;border-top:1px solid #e4e8dd;padding-top:20px;display:flex;justify-content:space-between;color:#a0a796;font-size:10px}.home-footer>span:first-child{font-size:8px;letter-spacing:1.6px;font-weight:750}#setup{background:#f7f8f2}.wrap{max-width:1150px;padding:26px 30px 45px}.setup-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.setup-nav .brand{font-size:20px}.badge{background:#edf1e6;border-color:#e0e6d7;color:#76816a}.badge b{color:#44673b}.setup-heading{margin:42px 0 27px}.setup-heading h1{font-size:36px;letter-spacing:-1.4px;margin:10px 0}.setup-heading p{color:#8a9481}.setup-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:start}.card{background:#fff;border:1px solid #e0e6d8;border-radius:18px;padding:23px;box-shadow:none;margin-bottom:18px}.card h2{display:flex;align-items:center;gap:10px;color:#3d5535;text-transform:none;letter-spacing:-.3px;font-size:17px;margin:0 0 18px}.step-number{display:grid;place-items:center;width:25px;height:25px;font-size:11px;border-radius:8px;background:#eef2db;color:#6c7f42}.card .sub{color:#929984;line-height:1.7;font-size:12px}.seg{background:#f3f5ed;border:1px solid #e7ebdf;border-radius:11px;gap:6px;padding:5px}.seg button{padding:12px 5px;font-size:12px;font-weight:650;color:#929984;min-width:60px}.seg button.on{background:#e2ebae;color:#40552c;box-shadow:none}.seg button:hover:not(.on){color:#456136;background:#e8eddf}label.f{font-size:10px;letter-spacing:.5px;text-transform:none;color:#889479;margin:20px 0 10px}.msets{grid-template-columns:repeat(5,1fr);gap:7px}.mset{border:1px solid #e8ecdf;background:#f7f9f2;border-radius:12px;padding:12px 3px}.mset.on{background:#f0f4d9;border-color:#a7b763;box-shadow:0 0 0 1px #a7b763}.mset canvas{display:block;margin:0 auto 9px}.mset span{font-size:10px;color:#75805e}.arena-choices{display:grid;grid-template-columns:repeat(4,1fr);background:none;padding:0;border:0}.arena-choices button{border:1px solid #e4e8db;border-radius:10px;overflow:hidden;padding:0 0 9px;font-size:11px}.arena-choices button:nth-last-child(-n+2){grid-column:span 2;padding:9px}.arena-choices img{width:100%;height:53px;object-fit:cover;display:block;margin-bottom:8px}.arena-choices small{font-size:7px;color:#77882f}.duration-note{margin:10px 0 0!important;font-size:10px!important}input[type=text],input[type=number],select,textarea{color:#385032;background:#fafbf6;border-color:#e1e7d9;border-radius:10px;padding:12px}textarea{min-height:205px;font-size:13px;line-height:1.9}input:focus,textarea:focus,select:focus{border-color:#a7b763;box-shadow:0 0 0 3px #dce7aa50}.chips{background:#fafbf6;border-color:#e7ebdf;max-height:110px;padding:6px}.chip{background:#f1f4e9;border-color:#e5e9dc;font-size:10px;gap:3px;padding:3px 5px}.chip .nm{max-width:120px}.chip canvas{width:22px;height:22px}.chip .x{color:#8b967d}.chip.grp{border-color:#bccb83}.chip small{color:#7b8b65}.empty{color:#9aA38d;font-size:11px}.setup-side .row .btn{font-size:10px;padding:6px 8px}.launch-box{padding:4px 0;text-align:center}#setupSummary{font-size:12px;color:#8a947c}.start{font-size:14px;letter-spacing:0;border-radius:12px;padding:17px;margin-top:12px}.launch-box .sub{font-size:10px;color:#9ca48e}#formError{color:#b75442;font-size:12px}#formError:empty{display:none}.extras{border-top:1px solid #e0e5d7;padding-top:20px;margin-top:22px}.extras summary{cursor:pointer;font-weight:650;color:#617152;font-size:12px}.extras summary span{float:right;font-weight:400;color:#9ba68c;font-size:11px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.opt{border-color:#e5e9dd}.opt .t{font-size:12px}.opt .d{color:#94a085;font-size:10px}.sw{background:#e1e6d7;border-color:#d3dbc7}.sw.on{background:#cddc8c;border-color:#a2b55d}.sw.on:after{background:#647e36}.hitem{background:#f4f6ee}.hitem .rk{background:#e1eab2;color:#536835}.hitem .mn small{color:#8e9d7d}.warn{background:#fff0d5;color:#896436;border-color:#e8d5a3}#segMode{display:none}#grpBox input{max-width:110px}#grpChips{max-height:145px}#grpBox .sub{margin-top:10px}#race,#ceremony,#result{color:#f7f7e8;--line:#ffffff25;--mut:#c3c7bc;--gold:#f0e794;--panel:#283b32;--panel2:#3b5040;--blue:#c4d76f;--green:#d7e891}#race .btn{background:#183329d9;color:#f6f9e7;border-color:#ffffff30}#board,#timer,#mini{background:#13251fd9;border-color:#ffffff25;backdrop-filter:blur(14px)}#board{top:22px;left:22px;width:190px}#timer{top:22px;font-size:18px}#racePhase{position:absolute;left:50%;top:77px;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:2px;border-radius:30px;padding:10px 17px;white-space:nowrap;background:#183329ce;color:#f7f8d5;pointer-events:none}#racePhase.tense{background:#884421e8;animation:pulse .6s infinite alternate}#cmt{background:#142b22c9;border-radius:12px;padding:12px 20px;font-size:16px;letter-spacing:0}#rctl{top:22px;right:22px}#result{background:radial-gradient(ellipse at 50% 0,#3e5a42,#152a21)}#ceremony{background:radial-gradient(ellipse at 50% 40%,#45613b,#172d24)}.pod{background:#ffffff08;border-color:#ffffff20}.rtitle{font-size:36px}.rest{background:#ffffff08}.group-pod{text-align:left;align-self:stretch;width:250px}.group-pod h2{font-size:20px}.group-label{font-size:9px;letter-spacing:2px;color:#d6e598}.group-members>div{border-top:1px solid #ffffff15;padding:9px 0;font-size:13px}.group-pod small{display:block;margin-top:15px;color:#a7b699}#boot{background:#f7f8f2}.logo{background:none;color:#4c633b;text-shadow:none}.logo span{-webkit-text-fill-color:#8a997a}.ract .btn{color:#3f5735}#confetti{z-index:5}@keyframes bounce{50%{margin-bottom:7px}}@keyframes pulse{to{box-shadow:0 0 28px #ffa63d40}}
@media(min-width:1500px){.home-main{padding-top:65px}.mode-art{height:230px}.mode-cards{margin-top:45px}}
@media(max-width:760px){.site-nav{padding:20px}.nav-note,.beta{display:none}.home-main{padding:22px 20px 0}.hero-copy h1{font-size:43px}.mode-cards{gap:15px}.mode-art{height:160px}.mode-body{padding:18px}.mode-body h2{font-size:20px}.mode-foot{flex-wrap:wrap}.art-pill{font-size:6px;left:12px;top:12px}.hero-mascot{scale:.8;transform-origin:bottom left}.home-benefits{gap:15px;font-size:9px}.setup-layout{grid-template-columns:1fr}.extras-grid{grid-template-columns:1fr}.wrap{padding:20px}.setup-nav .brand{display:none}.setup-heading{margin-top:28px}.setup-side .card{margin-bottom:12px}#board{top:70px;left:10px;width:132px;max-height:145px}#board .b{display:none}#board .lrow{font-size:10px}#timer{left:10px;transform:none;top:12px;font-size:14px}#rctl{top:12px;right:10px}#rctl .btn{font-size:10px;padding:7px}#racePhase{top:auto;bottom:125px;letter-spacing:1px;font-size:9px}#cmt{font-size:12px;bottom:65px;width:85%}.home-footer{margin-top:32px}}
@media(max-width:500px){.mode-cards{grid-template-columns:1fr;margin-top:28px}.mode-art{height:160px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:12px}.home-footer{gap:20px;line-height:1.8}.site-nav .brand{font-size:20px}.sound-control{font-size:10px!important}.mode-body p{margin-bottom:15px}.home-benefits{gap:12px}.msets{gap:4px}.mset span{font-size:9px}.card{padding:18px}.hero-mascot{scale:1}.home-main{padding-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}