@charset "UTF-8";
:root{--ink:#244354;--paper:#f5fcf8;--blue:#2387bd;--orange:#ffb258;--sea:#9bdbdf}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden;background:var(--sea);color:var(--ink);font:14px 'Microsoft YaHei',sans-serif}button,select{font:inherit;color:inherit;cursor:pointer}button{border:0;border-radius:14px;min-height:44px;background:var(--paper);padding:11px 17px;box-shadow:0 4px 0 #426b7926}button:hover{background:#dfedf4}button:active{transform:translateY(2px);box-shadow:0 2px 0 #426b7926}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #244354;outline-offset:4px}a{color:#235d86;text-underline-offset:4px}#game-screen{position:relative;width:100%;height:100dvh;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:24px;letter-spacing:1px}.brand small{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:4px}.brand-bubble,.drop-icon{display:block;width:39px;height:39px;border-radius:50%;background:#338fc9;box-shadow:inset -5px -7px 0 #1a70a6;position:relative}.brand-bubble:before,.drop-icon:before{content:'';position:absolute;left:8px;top:6px;width:13px;height:8px;border-radius:50%;background:#ffffffbd;transform:rotate(-30deg)}.clock{position:absolute;left:50%;transform:translateX(-50%);text-align:center;background:#f5fcf8e8;padding:8px 25px;border-radius:0 0 15px 15px;top:-16px}.clock small{display:block;font-size:11px}.clock strong{font-size:27px;font-variant-numeric:tabular-nums;line-height:1.4}.hud-actions{display:flex;gap:9px}.roster{position:absolute;left:24px;top:93px;display:flex;gap:9px}.roster .player{background:#f5fcf8ed;padding:7px 11px;border-radius:12px;font-size:12px;display:flex;gap:7px;align-items:center}.player i{width:10px;height:10px;border-radius:50%;display:inline-block}.player.out{opacity:.5;text-decoration:line-through}.player.trapped{background:#fff1ba}.equipment{position:absolute;left:24px;bottom:25px;display:flex;gap:22px;background:#f5fcf8df;padding:14px 21px;border-radius:12px;font-size:12px}.equipment strong{font-size:20px;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.action-dock{position:absolute;bottom:24px;right:24px;display:flex;gap:12px;align-items:center}#drop{display:flex;align-items:center;gap:14px;background:var(--orange);min-height:75px;padding:14px 25px;font-size:21px;font-weight:700;border-radius:22px;box-shadow:0 6px 0 #c4853e66}#drop small,#needle small{display:block;font-size:11px;font-weight:400;margin-top:4px}#needle{min-height:64px}.dpad{display:none}#notice{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);max-width:85%;padding:12px 22px;border-radius:12px;background:#244354;color:#fff;pointer-events:none;opacity:0;transition:opacity .2s;text-align:center;z-index:9}#notice.show{opacity:1}dialog{border:0;width:min(570px,calc(100% - 26px));max-height:calc(100dvh - 26px);overflow:auto;background:var(--paper);border-radius:23px;padding:30px;box-shadow:0 20px 60px #24435450;color:var(--ink)}dialog::backdrop{background:#2443549c}.close{position:absolute;top:15px;right:15px;padding:0;width:36px;min-height:36px;font-size:25px;background:#e4f0ed;box-shadow:none}h1{font-size:31px;margin:0 0 15px;letter-spacing:2px}h2{font-size:29px;margin:8px 0 20px}.intro{font-size:16px;line-height:1.8;margin-bottom:20px}fieldset{border:0;margin:0;padding:0}legend{font-size:13px;margin-bottom:12px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modes button{text-align:left;background:#e4efeb;padding:14px;box-shadow:none;border:2px solid transparent}.modes button[aria-pressed=true]{border-color:#2387bd;background:#d5eaf4}.modes strong{display:block;font-size:15px}.modes small{display:block;font-size:11px;line-height:1.6;margin-top:7px}.options{display:flex;gap:14px;margin:21px 0}.options label{flex:1;min-width:0;font-size:12px}.options select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #93a8ad;border-radius:8px;background:#fff}#local-help{font-size:12px;line-height:1.7;background:#e8f1e9;padding:12px;border-radius:9px;margin:15px 0}.primary{background:#2387bd;color:#fff;font-weight:700;box-shadow:0 4px 0 #155c8a}#begin{width:100%;font-size:18px}.primary:hover{background:#1c729f}.menu-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;font-size:12px}.menu-footer button{padding:7px 12px;background:#e4efeb;box-shadow:none}.menu-footer a{margin-left:auto}.best{font-size:12px;text-align:center;margin:18px 0 0}.best strong{font-size:15px;margin-left:7px}ol{padding-left:22px}li{line-height:1.9;margin:13px 0}#result{text-align:center}#result a{display:block;margin-top:25px}#result p{line-height:1.8;font-size:16px}#result button{margin:8px 4px}#pause-shade{position:absolute;inset:0;background:#24435480;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;z-index:5}.hud,.roster,.equipment,.action-dock,.dpad{z-index:6}[hidden]{display:none!important}::selection{background:#ffdb90;color:#244354}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#7d9ca6;border-radius:6px}
@media(max-width:700px){.hud{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.brand{gap:7px}.brand strong{font-size:18px;letter-spacing:0}.brand-bubble{width:27px;height:27px}.brand-bubble:before{width:9px;height:5px;left:5px;top:4px}.brand small{font-size:11px}.hud-actions{gap:6px}.hud-actions button{padding:8px 12px;font-size:12px}.clock{top:62px;padding:5px 15px;border-radius:12px}.clock strong{font-size:22px}.clock small{display:none}.roster{left:12px;right:12px;top:130px;justify-content:center;gap:5px}.roster .player{font-size:11px;padding:6px 8px}.equipment{bottom:150px;left:12px;right:12px;justify-content:center;gap:26px;padding:8px 12px;font-size:11px}.equipment strong{display:inline;font-size:15px;margin-left:4px}.dpad{position:absolute;bottom:27px;left:12px;display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,39px);gap:5px}.dpad button{min-height:39px;padding:0;font-size:23px;border-radius:11px;touch-action:none}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.action-dock{right:12px;bottom:22px;gap:7px;flex-direction:column-reverse;align-items:stretch}#drop{min-height:58px;padding:10px 15px;font-size:17px;gap:9px;border-radius:17px}.drop-icon{width:29px;height:29px}#drop small{display:none}#needle{min-height:42px;padding:6px 10px;font-size:12px}#needle span,#needle small{display:inline;font-size:11px;margin:0 3px}#notice{bottom:199px;font-size:12px;padding:10px 15px;width:max-content}dialog{padding:24px;border-radius:18px}h1{font-size:27px}.intro{font-size:14px}.options{margin:16px 0}.menu-footer{gap:8px}.menu-footer a{margin-left:0}.modes button{padding:11px}.modes strong{font-size:14px}.modes small{font-size:11px}#local-help{font-size:11px}}
@media(max-height:500px) and (min-width:700px){.hud{top:8px;left:12px;right:12px}.brand strong{font-size:18px}.clock{top:-8px;padding:6px 20px}.clock strong{font-size:21px}.roster{top:74px;left:12px;flex-direction:column}.equipment{bottom:12px;left:12px;gap:12px;padding:10px}.equipment strong{font-size:16px}.action-dock{bottom:12px;right:12px;flex-direction:column}#drop{min-height:55px;font-size:17px;padding:10px 16px}#needle{min-height:44px}#notice{bottom:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#resume{color:var(--ink)}
/* This arena has its own arcade cabinet palette. */
:root{--ink:#10335f;--paper:#e8f7ff;--blue:#087fe7;--orange:#ffcb36;--sea:#096ac8}body{background:#086bc8}.hud{top:0;left:0;right:0;padding:14px 24px;background:linear-gradient(#259deb,#0664b8);border-bottom:3px solid #063b7a;box-shadow:inset 0 -2px #67cdff,0 4px 0 #002c6130;color:#fff;text-shadow:0 2px #034e92}.brand strong{font-weight:900;font-size:26px;letter-spacing:2px}.brand small{color:#bfefff;font-weight:700;text-shadow:none}.brand-bubble,.drop-icon{background:radial-gradient(circle at 30% 25%,#fff,#71e9ff 30%,#0475d0 80%);border:2px solid #074778;box-shadow:inset -3px -3px #0876b8}.clock{top:0;padding:7px 28px;background:linear-gradient(#073c7d,#0962ac);border:2px solid #67d2ff;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 3px #013262;color:#fff}.clock small{color:#86dfff}.clock strong{color:#fff59c;font-weight:900;text-shadow:0 2px #082b63}button{border:2px solid #083976;border-radius:9px;background:linear-gradient(#f0fdff,#bcecff);box-shadow:inset 0 2px #fff,0 4px 0 #064788;font-weight:700}button:hover{background:linear-gradient(#fff,#d8f4ff)}button:active{box-shadow:inset 0 2px #fff,0 1px #064788}.hud-actions button{background:linear-gradient(#52c3ff,#1594df);color:#fff;text-shadow:0 1px #034980;border-color:#084885;box-shadow:inset 0 2px #91e6ff,0 3px #02407d}.roster{top:82px;left:50%;transform:translateX(-50%);gap:8px;white-space:nowrap}.roster .player{border:2px solid #074a8e;border-radius:7px;background:linear-gradient(#e4f8ff,#a8d9f6);box-shadow:0 3px #034680;padding:5px 13px;font-weight:700}.player i{border:1px solid #164572;width:13px;height:13px}.player.trapped{background:#ffdf55}.equipment{bottom:16px;padding:10px 24px;border:2px solid #073d80;border-radius:9px;background:linear-gradient(#178edc,#0756a3);box-shadow:inset 0 2px #55c8ff,0 4px #003473;color:#c5eeff;gap:30px;font-weight:700}.equipment strong{color:#ffe56c;text-shadow:0 2px #073675;font-size:22px}.action-dock{bottom:17px}#drop{border:3px solid #985617;border-radius:13px;background:linear-gradient(#fff19a,#ffc92d 55%,#ffaf15);box-shadow:inset 0 3px #fff9c5,0 5px #7d470b;color:#623715;min-height:68px}#drop:hover{background:linear-gradient(#fff6b6,#ffdc60)}#needle{background:linear-gradient(#effdff,#81d5f7);min-height:58px}#notice{background:#06366fea;border:2px solid #78dbff;border-radius:8px;bottom:97px;font-weight:700;box-shadow:0 3px #022b62}dialog{padding:29px;background:linear-gradient(#f6fcff,#d5efff);border:4px solid #063d80;border-radius:17px;box-shadow:0 0 0 3px #7adeff,0 12px 0 #042c60,0 25px 70px #00193999}dialog::backdrop{background:#001c4977;backdrop-filter:blur(3px)}dialog h1,dialog h2{color:#086cc0;font-weight:900;text-shadow:0 2px #fff}.close{border:2px solid #0d5293;background:#b9e8ff;border-radius:8px}.intro{color:#325883}.modes{gap:11px}.modes button{background:linear-gradient(#fff,#d4ecff);border:2px solid #86bada;border-radius:9px;box-shadow:0 3px #9fbfd9}.modes button[aria-pressed=true]{background:linear-gradient(#3eb6ff,#0779d8);border-color:#065098;color:#fff;box-shadow:inset 0 2px #92e3ff,0 3px #054a89}.modes strong{font-size:16px}.options select{border:2px solid #91bcdc;background:#fff;border-radius:7px}.primary{background:linear-gradient(#fff178,#ffbc1b);border-color:#9d6112;color:#623910;box-shadow:inset 0 2px #fff9be,0 4px #9d6112}.primary:hover{background:linear-gradient(#fff5a9,#ffce54)}#begin{min-height:51px;font-size:21px}#local-help{background:#bedffd;border:1px solid #80afd4}.menu-footer button{border:1px solid #8ebddc;background:#d6efff}.best{color:#416993}.dpad button{border:2px solid #07376c;border-radius:9px;background:linear-gradient(#6dd2ff,#1685d5);color:#fff;text-shadow:0 2px #135294;box-shadow:inset 0 2px #b0efff,0 4px #033768}#pause-shade{background:#001b488c}
@media(max-width:700px){.hud{top:0;left:0;right:0;padding:12px 10px;height:67px}.brand strong{font-size:18px;letter-spacing:0}.brand small{font-size:10px}.brand-bubble{width:28px;height:28px}.hud-actions button{padding:7px 10px;min-height:37px}.clock{top:66px;padding:4px 22px}.roster{left:8px;right:8px;top:119px;transform:none;gap:4px}.roster .player{padding:5px 5px;font-size:10px;gap:4px}.player i{width:10px;height:10px;flex-shrink:0}.equipment{bottom:144px;left:10px;right:10px;padding:10px 8px;gap:20px}.equipment strong{font-size:16px}.action-dock{right:13px;bottom:22px}#drop{min-height:58px;padding:8px 14px}#needle{min-height:42px}.dpad{bottom:27px;left:14px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px}.dpad button{min-height:42px}#notice{bottom:191px}dialog{padding:22px}.modes strong{font-size:14px}.modes small{font-size:11px}.menu-footer{font-size:11px;gap:7px}}
@media(max-height:500px) and (min-width:700px){.hud{height:53px;padding:6px 12px}.roster{top:65px;left:12px;transform:none;flex-direction:column}.equipment{bottom:10px;padding:8px;gap:12px}.action-dock{bottom:12px}#notice{bottom:15px}.clock{top:0}}