.spy-page{gap:28px;padding-bottom:8px;display:grid}.spy{--c-panel:var(--art-c-panel,#2f3a2e);--c-panel-text:var(--art-c-panelText,#f6eef3);--c-panel-line:var(--art-c-panelLine,#f6eef329);--c-accent:var(--art-c-accent,#8d2636);--c-on-accent:var(--art-c-onAccent,#f4fbf9);--c-paper:var(--art-c-paper,#f2f6f7);--c-text:var(--art-c-text,#172f49);--c-fill:var(--art-c-fill,#b8d2bc);--c-civ:var(--art-c-civ,#526a45);--c-spy:var(--art-c-spy,#40558a);--c-turn:var(--art-c-turn,#b36b21);--c-warn:var(--art-c-warn,#8d84b3);--c-gap:12px;gap:var(--c-gap);height:clamp(580px, calc(100svh - var(--header-h)), 1000px);padding:var(--c-gap);box-sizing:border-box;width:100%;max-width:1800px;scroll-margin-top:var(--header-h);grid-template:"panel stage"minmax(0,1fr)"actions stage"/330px minmax(0,1fr);margin:0 auto;display:grid}@media (min-width:1280px){.spy{grid-template-columns:352px minmax(0,1fr)}}.spy__panel{overscroll-behavior:contain;background:var(--c-panel);min-height:0;color:var(--c-panel-text);scrollbar-width:thin;border-radius:18px 18px 6px 6px;flex-direction:column;grid-area:panel;padding:18px 16px;display:flex;overflow-y:auto}.spy__title{letter-spacing:-.01em;margin:0 0 14px;font-size:1.2rem;font-weight:800;line-height:1.25}.spy__form{flex-direction:column;flex:1 0 auto;gap:18px;margin:0;display:flex}.spy__set{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.spy__set:disabled{opacity:.55}.spy__label{color:var(--c-panel-text);opacity:.85;align-items:center;gap:6px;margin:0;padding:0;font-size:.86rem;font-weight:600;display:inline-flex}.spy__meta{opacity:.72;font-variant-numeric:tabular-nums;font-weight:600}.spy__seg{background:#ffffff0f;border-radius:12px;gap:3px;padding:3px;display:flex}.spy__segBtn{min-width:0;min-height:40px;color:color-mix(in srgb, var(--c-panel-text) 80%, transparent);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;padding:0 6px;font-size:.88rem;font-weight:650;transition:background-color .15s,color .15s;overflow:hidden}.spy__segBtn:hover:not(:disabled):not(.is-on){color:var(--c-panel-text)}.spy__segBtn.is-on{background:var(--c-paper);color:var(--c-text);box-shadow:0 1px 3px #00000040}.spy__chips{flex-wrap:wrap;gap:6px;display:flex}.spy__chip{border:1px solid var(--c-panel-line);min-height:36px;color:var(--c-panel-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:.84rem;font-weight:650}.spy__chip:hover:not(:disabled):not(.is-on){background:#ffffff12}.spy__chip.is-on{background:var(--c-paper);color:var(--c-text);border-color:#0000}.spy__chip:disabled{opacity:.5;cursor:default}.spy__switch{align-items:center;gap:0;min-height:44px;font-size:.92rem;font-weight:600;display:flex}.spy__switch label{cursor:pointer}.spy__switch input{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:13px;flex:none;width:44px;height:26px;margin-left:auto;transition:background-color .18s;position:relative}.spy__switch input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.spy__switch input:checked{background:var(--c-accent)}.spy__switch input:checked:after{transform:translate(18px)}.spy__text{box-sizing:border-box;border:1px solid var(--c-panel-line);width:100%;min-height:44px;color:var(--c-panel-text);font:inherit;resize:vertical;background:#ffffff0d;border-radius:12px;padding:10px 12px;font-size:.98rem;font-weight:600;line-height:1.45}.spy__text::placeholder{color:var(--c-panel-text);opacity:.45}.spy__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.spy__stepper{background:#ffffff0f;border-radius:12px;align-items:center;display:flex}.spy__step{width:42px;height:42px;color:var(--c-panel-text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.spy__step svg{width:18px;height:18px}.spy__step:disabled{opacity:.3;cursor:default}.spy__stepValue{text-align:center;min-width:32px;font-size:1.08rem;font-weight:800}.spy__label svg{width:16px;height:16px}.spy__labelRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.spy__linkBtn{min-height:36px;color:var(--c-panel-text);font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--c-panel-text) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--c-panel-text) 40%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 4px;font-size:.82rem;font-weight:700;display:inline-flex}.spy__linkBtn svg{width:15px;height:15px}.spy__row>.spy__auto,.spy__row>.spy__linkBtn{margin-left:auto}.spy__auto{opacity:.62;font-size:.8rem;font-weight:600}.spy__used{opacity:.8;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:600;display:flex}.spy__hiddenNote{border:1px dashed var(--c-panel-line);opacity:.85;border-radius:12px;margin:0;padding:10px 12px;font-size:.84rem;font-weight:600}.spy__more{gap:10px;display:grid}.spy__more>summary{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:.92rem;font-weight:700;list-style:none;display:flex}.spy__more>summary::-webkit-details-marker{display:none}.spy__more>summary:after{content:"";opacity:.7;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-left:auto;transition:transform .15s;transform:rotate(45deg)}.spy__more[open]>summary:after{transform:rotate(225deg)}.spy__more>summary:focus-visible{outline:2px solid var(--c-paper);outline-offset:2px;border-radius:8px}.spy__lock{border:1px solid var(--c-panel-line);background:#ffffff0f;border-radius:14px;gap:8px;padding:12px;display:grid}.spy__lock p{gap:1px;margin:0;display:grid}.spy__lock b{font-size:.92rem}.spy__lock span{opacity:.72;font-size:.78rem}.spy__unlock{background:var(--c-paper);min-height:44px;color:var(--c-text);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:750;display:inline-flex}.spy__unlock svg{width:16px;height:16px}.spy__actions{background:var(--c-panel);min-width:0;color:var(--c-panel-text);border-radius:6px 6px 18px 18px;flex-wrap:wrap;grid-area:actions;gap:8px;padding:10px;display:flex}.spy__go,.spy__chipBtn{min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;transition:transform .12s,opacity .15s;display:inline-flex}.spy__go{background:var(--c-accent);min-width:0;color:var(--c-on-accent);white-space:nowrap;flex:100%;font-size:1.1rem}.spy__go:hover:not(:disabled){transform:translateY(-1px)}.spy__go:active:not(:disabled){transform:translateY(1px)}.spy__go:disabled{opacity:.5;cursor:default}.spy__go svg{width:20px;height:20px}.spy__chipBtn svg{flex:none;width:18px;height:18px}.spy__chipBtn{min-width:0;color:var(--c-panel-text);white-space:nowrap;background:#ffffff1a;flex:1 1 0;gap:6px;padding:0 8px;font-size:.86rem}.spy__chipText{text-overflow:ellipsis;min-width:0;overflow:hidden}.spy__actions:has(>button:nth-child(5)) .spy__chipText{display:none}.spy__stage{background:var(--c-fill);isolation:isolate;border-radius:18px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.spy__bg{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.spy__bg img{object-fit:cover;width:100%;height:100%;display:block}.spy__layout{z-index:1;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:3cqh;padding:7cqh 14cqw 5cqh;display:grid;position:absolute;inset:0}.spy__plate{background:color-mix(in srgb, var(--c-paper) 96%, transparent);width:min(100%,560px);color:var(--c-text);text-align:center;box-sizing:border-box;border-radius:14px;justify-items:center;gap:.8cqh;padding:2.2cqh 2.4cqw;display:grid;box-shadow:0 .6cqh 2cqh #1e281e24}.spy__stage.has-art .spy__plate{border:1.6cqh solid #0000;border-width:1.6cqh 1.4cqw;border-image:var(--art-plate) var(--art-slice-plate,6% 4% 6% 4%) fill stretch;background:var(--c-paper) padding-box;box-shadow:none;border-radius:0}.spy__plateTag{letter-spacing:.03em;opacity:.72;align-items:center;gap:10px;margin:0;font-size:clamp(.8rem,2.2cqh,1.1rem);font-weight:750;display:inline-flex}.spy__plateTitle{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.3rem,5cqh,2.6rem);font-weight:900;line-height:1.15}.spy__plateNote{opacity:.8;margin:0;font-size:clamp(.88rem,2.4cqh,1.2rem);font-weight:650}.spy__plate[data-tone=civ] .spy__plateTitle,.spy__plate[data-tone=win-civ] .spy__plateTitle{color:var(--c-civ)}.spy__plate[data-tone=spy] .spy__plateTitle,.spy__plate[data-tone=win-spy] .spy__plateTitle{color:var(--c-spy)}.spy__plate[data-tone=blank] .spy__plateTitle,.spy__plate[data-tone=win-blank] .spy__plateTitle{color:var(--c-text)}.spy__plate[data-tone] .spy__plateTitle{animation:.36s cubic-bezier(.2,.75,.25,1) .3s both spy-reveal}@keyframes spy-reveal{0%{opacity:0;transform:translateY(5px)}}.spy__timer{background:var(--c-text);min-width:2.2em;color:var(--c-paper);text-align:center;font-variant-numeric:tabular-nums;opacity:1;border-radius:999px;padding:.15em .5em}.spy__timer[data-low="1"]{background:var(--c-warn)}.spy__guess{gap:8px;width:100%;max-width:380px;margin-top:.6cqh;display:flex}.spy__guessInput{border:1px solid color-mix(in srgb, var(--c-text) 28%, transparent);min-width:0;min-height:44px;color:var(--c-text);font:inherit;background:#fff;border-radius:12px;flex:auto;padding:0 12px;font-size:1rem;font-weight:650}.spy__guessBtn{background:var(--c-accent);min-height:44px;color:var(--c-on-accent);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 16px;font-weight:750}.spy__seats{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-content:space-evenly;gap:4.5cqh 2cqw;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:grid}.spy__seat{justify-items:center;gap:.6cqh;min-width:0;transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .3s;display:grid}.spy__perch{aspect-ratio:420/300;width:min(100%,15cqh,150px);display:block;position:relative}.spy__gecko{z-index:1;width:84%;height:auto;position:absolute;bottom:14%;left:8%}.spy__seat[data-flip="1"] .spy__gecko{transform:scaleX(-1)}.spy__leaf{z-index:3;background-color:color-mix(in srgb, var(--c-civ) 30%, var(--c-paper));background-image:var(--art-moire,repeating-linear-gradient(90deg, #00000012 0 2px, transparent 2px 7px));pointer-events:none;background-size:120px;border-radius:40% 4px 4px 40%;width:54%;position:absolute;top:-6%;bottom:4%}.spy__leaf--l{animation:.7s cubic-bezier(.2,.75,.25,1) both spy-leaf-l;left:-4%}.spy__leaf--r{border-radius:4px 40% 40% 4px;animation:.7s cubic-bezier(.2,.75,.25,1) 24ms both spy-leaf-r;right:-4%}@keyframes spy-leaf-l{0%{opacity:0;transform:translate(-120%)}26%,66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes spy-leaf-r{0%{opacity:0;transform:translate(120%)}26%,66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.spy__stage[data-phase=pass] .spy__perch{animation:spy-deal .46s calc(var(--i,0) * 70ms) both cubic-bezier(.2, .75, .25, 1)}@keyframes spy-deal{0%{opacity:0;transform:translateY(14%)scale(.92)}to{opacity:1;transform:none}}.spy__seat[data-fresh="1"] .spy__gecko--role{animation:.32s step-end both spy-swap-in}.spy__seat[data-fresh="1"] .spy__gecko--before{animation:.32s step-end both spy-swap-out}@keyframes spy-swap-in{0%{opacity:0}to{opacity:1}}@keyframes spy-swap-out{0%{opacity:1}to{opacity:0}}.spy__seat[data-fresh="1"] .spy__roleTag{animation:.36s cubic-bezier(.2,.75,.25,1) .7s both spy-reveal}.spy__branch{background:var(--art-branch,linear-gradient(#9b5a4a, #7b4334));background-size:100% 100%;border-radius:999px;height:18%;position:absolute;bottom:8%;left:-12%;right:-12%}.spy__stage.has-art .spy__branch{aspect-ratio:5;background:0 0;background-image:var(--art-branch);background-repeat:no-repeat;background-size:100% 100%;border-radius:0;height:auto;bottom:-12.4%}.spy__seatName{z-index:2;border:1px solid color-mix(in srgb, var(--c-text) 20%, transparent);background:var(--c-paper);max-width:100%;min-height:36px;color:var(--c-text);font:inherit;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:.4em .9em;font-size:clamp(.95rem,3cqh,1.6rem);font-weight:750;position:relative;overflow:hidden}button.spy__seatName{cursor:pointer}button.spy__seatName:disabled{cursor:default}.spy__check{color:var(--c-civ)}.spy__seat[data-speaking="1"] .spy__seatName{background:var(--c-turn);color:#fff;border-color:#0000}.spy__seat[data-picked="1"] .spy__seatName{background:var(--c-accent);color:var(--c-on-accent);border-color:#0000}.spy__seat[data-picked="1"]{transform:translateY(-.6cqh)scale(1.04)}.spy__seat[data-out="1"]{transform:translateY(.8cqh)scale(.94)}.spy__seat[data-out="1"] .spy__perch,.spy__seat[data-out="1"] .spy__seatName{opacity:.62}.spy__roleTag{background:color-mix(in srgb, var(--c-paper) 86%, transparent);border-radius:999px;margin-top:-.3cqh;padding:.05em .6em;font-size:clamp(.72rem,1.8cqh,1rem);font-weight:800}.spy__roleTag--civ{color:var(--c-civ)}.spy__roleTag--spy{color:var(--c-spy)}.spy__roleTag--blank{color:color-mix(in srgb, var(--c-text) 72%, transparent)}.spy__stage[data-phase=pass] .spy__seat:not(:has(button:disabled)) .spy__seatName{box-shadow:0 0 0 2px var(--c-accent)}.spy__private{z-index:20;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.spy__shutter{background-color:color-mix(in srgb, var(--c-civ) 30%, var(--c-paper));background-image:var(--art-moire,repeating-linear-gradient(90deg, #0000000f 0 3px, transparent 3px 9px));background-size:220px;width:50.5%;transition:transform 80ms cubic-bezier(.4,0,1,1);position:absolute;top:0;bottom:0}.spy__shutter--l{left:0}.spy__shutter--r{right:0}.spy__private[data-open="1"] .spy__shutter--l{transition:transform .24s cubic-bezier(.2,.75,.25,1);transform:translate(-92%)}.spy__private[data-open="1"] .spy__shutter--r{transition:transform .24s cubic-bezier(.2,.75,.25,1) 24ms;transform:translate(92%)}.spy__privateIn{z-index:1;background:var(--c-paper);width:min(92%,520px);color:var(--c-text);text-align:center;box-sizing:border-box;border-radius:22px;justify-items:center;gap:2.4cqh;padding:3cqh 4cqw;display:grid;position:relative;box-shadow:0 1.2cqh 4cqh #141e1438}.spy__privateTo{margin:0;font-size:clamp(1rem,3cqh,1.6rem);font-weight:700}.spy__privateTo b{font-weight:900}.spy__word{background:color-mix(in srgb, var(--c-civ) 12%, #fff);border-radius:16px;place-items:center;width:100%;min-height:clamp(64px,14cqh,160px);display:grid}.spy__word span{font-size:clamp(2.4rem,9cqh,5rem);font-weight:900;line-height:1.05;animation:80ms 80ms both spy-word}.spy__word .spy__word--blank{opacity:.7;font-size:clamp(1.6rem,6cqh,3rem)}@keyframes spy-word{0%{opacity:0}}.spy__hold{background:var(--c-accent);width:100%;min-height:64px;color:var(--c-on-accent);font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border:0;border-radius:18px;font-size:1.15rem;font-weight:800}.spy__privateActs{flex-wrap:wrap;gap:8px;width:100%;display:flex}.spy__done,.spy__cancel{min-height:48px;font:inherit;cursor:pointer;border-radius:14px;flex:1 1 0;font-weight:750}.spy__done{background:var(--c-text);color:var(--c-paper);border:0}.spy__done:disabled{opacity:.4;cursor:default}.spy__cancel{border:1px solid color-mix(in srgb, var(--c-text) 25%, transparent);color:var(--c-text);background:0 0}.spy__tools{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}.spy__tool{background:color-mix(in srgb, var(--c-paper) 90%, transparent);width:42px;height:42px;color:var(--c-text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #14101e38}.spy__tool svg{width:20px;height:20px}.spy.is-full{background:var(--c-fill);grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);max-width:none;height:100%;padding:0;position:relative}.spy.is-pseudo{z-index:1000;height:100dvh;position:fixed;inset:0}.spy.is-full .spy__panel{display:none}.spy.is-full .spy__stage{border-radius:0}.spy.is-full .spy__layout{padding-bottom:96px}.spy.is-full .spy__actions{z-index:10;background:color-mix(in srgb, var(--c-panel) 88%, transparent);border-radius:18px;flex-wrap:nowrap;width:min(620px,100% - 32px);position:absolute;bottom:14px;left:50%;translate:-50%}.spy.is-full .spy__go{flex:40%}.spy.is-full .spy__chipBtn{flex:none;width:52px;padding:0}.spy.is-full .spy__chipText{display:none}.spy-page__more{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:0 20px 40px;display:grid}.spy-page__about{min-width:0}.spy-page__about .game__about{gap:12px;display:grid}.spy-page__about h2{margin:0;font-size:1.15rem;font-weight:700}.spy-page__about p{color:var(--label-2);margin:0;line-height:1.7}.spy-page__about a{color:var(--accent)}.spy__panel button:focus-visible,.spy__panel input:focus-visible,.spy__panel textarea:focus-visible,.spy__actions button:focus-visible{outline:2px solid var(--c-paper);outline-offset:2px}.spy__tool:focus-visible,.spy__seatName:focus-visible,.spy__hold:focus-visible,.spy__done:focus-visible,.spy__cancel:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.spy__more>summary:after,.spy__go,.spy__segBtn,.spy__seat,.spy__shutter,.spy__private[data-open="1"] .spy__shutter--l,.spy__private[data-open="1"] .spy__shutter--r{transition:none}.spy__leaf{display:none}.spy__stage[data-phase=pass] .spy__perch,.spy__seat[data-fresh="1"] .spy__gecko--role,.spy__seat[data-fresh="1"] .spy__gecko--before,.spy__seat[data-fresh="1"] .spy__roleTag,.spy__plate[data-tone] .spy__plateTitle,.spy__word span{animation:none}}.spy__stage[data-many="1"] .spy__perch{width:min(100%,10cqh,110px)}.spy__stage[data-many="1"] .spy__seats{gap:1.4cqh 1.4cqw}.spy__stage[data-many="1"] .spy__seatName{min-height:30px;padding:.25em .6em;font-size:clamp(.72rem,1.9cqh,1.05rem)}@container (min-aspect-ratio:1.15){.spy__stage[data-ring] .spy__layout{padding:0;display:block}.spy__stage[data-ring] .spy__plate{z-index:2;width:min(48cqw,540px);position:absolute;top:50%;left:50%;translate:-50% -50%}.spy__stage[data-ring] .spy__seats{width:auto;display:block;position:absolute;inset:5cqh 5cqw 6cqh}.spy__stage[data-ring] .spy__seat{left:var(--x);top:var(--y);width:max-content;max-width:20cqw;position:absolute;translate:-50% -50%}.spy__stage[data-ring] .spy__perch{width:min(15cqh,150px)}.spy__stage[data-ring] .spy__seat[data-flip="1"] .spy__gecko{transform:none}.spy__stage[data-ring] .spy__seat[data-ringflip="1"] .spy__gecko{transform:scaleX(-1)}.spy__stage[data-ring=crowd] .spy__perch{width:min(11cqh,110px)}.spy__stage[data-ring=crowd] .spy__seat{max-width:19cqw}.spy__stage[data-ring=crowd] .spy__seatName{min-height:32px;padding:.3em .75em;font-size:clamp(.85rem,2.2cqh,1.2rem)}}@container not (min-aspect-ratio:1.15){.spy__layout{gap:2cqh;padding:9cqh 4cqw 3cqh}.spy__seatName{padding:.35em .6em;font-size:clamp(.78rem,2.1cqh,1.1rem)}.spy__seats{gap:1.2cqh 3cqw}.spy__perch{width:min(100%,11cqh,120px)}.spy__stage[data-many="1"] .spy__perch{width:min(100%,6.5cqh,64px)}.spy__stage[data-many="1"] .spy__seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6cqh 1.6cqw}.spy__stage[data-many="1"] .spy__plate{padding:1.2cqh 3cqw}}@media (pointer:coarse){button.spy__seatName,.spy__stage[data-many="1"] button.spy__seatName,.spy__stage[data-ring=crowd] button.spy__seatName{min-width:44px;min-height:40px}.spy__chip,.spy__linkBtn{min-height:40px}}@media (max-width:899px){.spy{grid-template:"stage""actions""panel"/minmax(0,1fr);gap:8px;height:auto;padding:8px}.spy__stage{border-radius:16px;height:clamp(460px,70svh,780px)}.spy__actions{border-radius:16px;flex-wrap:nowrap}.spy__go{flex:auto}.spy__chipBtn{flex:none;width:52px;padding:0}.spy__chipText{display:none}.spy__panel{border-radius:16px;overflow:visible}.spy-page__more{grid-template-columns:minmax(0,1fr);padding:0 12px 32px}}