:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#20251e;background:#f5f3e9;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}button:focus-visible{outline:4px solid #162619;outline-offset:7px}[hidden]{display:none!important}
.home{min-height:100svh;max-width:1500px;margin:auto;padding:clamp(26px,5vw,76px);display:flex;flex-direction:column;justify-content:center;gap:24px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,42px)}
.choice{border:3px solid #22271f;border-radius:42px;min-height:clamp(300px,62svh,620px);display:grid;place-items:center;overflow:hidden;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 0 #22271f;color:#20271c}
.choice:disabled{cursor:wait}.choice:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 16px 0 #22271f}.choice:not(:disabled):active{transform:translateY(8px);box-shadow:0 2px 0 #22271f}
.choice-isa{background:#c3d584}.choice-mj{background:#ef785f}
.choice-name{font-family:Arial Black,Arial,sans-serif;font-size:clamp(90px,13.5vw,208px);font-weight:900;letter-spacing:-.08em;line-height:1;padding-right:.08em}.choice-mj .choice-name{font-size:clamp(110px,16vw,240px)}
#loading-status{text-align:center;font-size:13px}.text-button{background:none;border:0;text-decoration:underline;align-self:center;padding:12px;color:#923c2a}
.stage{position:fixed;inset:0;overflow:hidden;background:#b9cc88;z-index:10}.back{position:fixed;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));z-index:20;display:flex;align-items:center;gap:10px;border:1.5px solid #20271c;border-radius:30px;background:#f5f3e9f5;box-shadow:0 3px 0 #20271c;padding:12px 20px;font-size:14px;font-weight:700}.back:hover{background:#fff}.back>span{font-size:21px;line-height:1}#sloth-canvas{display:block;width:100%;height:100%}
.spidey-scene{position:absolute;inset:0;background:#b6d8ec;overflow:hidden}.spidey{position:absolute;width:clamp(190px,42vmin,440px);height:clamp(190px,42vmin,440px);left:50%;top:0;transform:translate(-50%,-110%);will-change:transform}.spidey img{position:relative;width:100%;height:100%;object-fit:contain;display:block;user-select:none}.web-thread{position:absolute;width:2px;height:150vh;bottom:78%;left:39%;background:#fff;box-shadow:1px 0 #69859688}.sound-error{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;white-space:nowrap;padding:12px 18px;border-radius:24px;background:#fff;font-size:13px}.sound-error button{border:0;background:none;font-weight:700;text-decoration:underline;color:inherit}
@media(max-width:680px){.home{padding:28px 24px 36px}.choices{grid-template-columns:1fr;gap:28px}.choice{min-height:calc((100svh - 102px)/2);border-radius:32px}.choice-name{font-size:clamp(90px,29vw,160px)}.choice-mj .choice-name{font-size:clamp(112px,34vw,190px)}.back{top:max(16px,env(safe-area-inset-top));left:16px;padding:10px 16px}.spidey{width:64vmin;height:64vmin}}
@media(prefers-reduced-motion:reduce){.choice{transition:none}.choice:not(:disabled):hover{transform:none;box-shadow:0 10px 0 #22271f}}