html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#7cc8f2;height:100%;margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:10;color:#fff;text-align:center;background:#2b3a4a;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font:700 22px Trebuchet MS,system-ui,sans-serif;display:flex;position:fixed;inset:0}#rotate span{font-size:56px;animation:1.6s ease-in-out infinite tilt}}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#auth{z-index:5;pointer-events:none;position:fixed;inset:0}.auth-overlay{pointer-events:auto;background:#2b3a4a59;justify-content:center;align-items:center;padding:16px;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;animation:.25s ease-out auth-in;display:flex;position:absolute;inset:0;overflow-y:auto}.auth-overlay.leaving{animation:.25s ease-in forwards auth-out}.auth-card{color:#fff;text-align:center;background:#2b3a4ae6;border-radius:28px;width:min(380px,100%);margin:auto;padding:56px 28px 24px;position:relative;box-shadow:0 10px #0000002e}.auth-floki{border:4px solid #ffd54a;border-radius:24px;width:96px;height:96px;margin-left:-48px;animation:1.4s ease-in-out infinite floki-bob;position:absolute;top:-48px;left:50%}.auth-card h1{color:#ffd54a;text-shadow:0 3px #2b3a4a;margin:4px 0 6px;font-size:30px}.auth-subtitle,.auth-hint{color:#e8f4ff;margin:0 0 16px;font-size:15px;line-height:1.35}.auth-hint{color:#cfe3f2;margin:-4px 0 12px;font-size:13px}.auth-form{text-align:left;flex-direction:column;gap:12px;display:flex}.auth-field span{margin:0 0 4px 4px;font-size:14px;font-weight:700;display:block}.auth-field input{box-sizing:border-box;color:#2b3a4a;-webkit-user-select:text;user-select:text;background:#fff6d6;border:3px solid #0000;border-radius:14px;outline:none;width:100%;padding:12px 14px;font:700 18px Trebuchet MS,system-ui,sans-serif}.auth-field input:focus{border-color:#ffb547}.auth-form button{color:#fff;text-shadow:0 2px #2b3a4a;cursor:pointer;background:#ffb547;border:0;border-radius:18px;margin-top:4px;padding:14px;font:700 22px Trebuchet MS,system-ui,sans-serif;box-shadow:0 6px #2b3a4a}.auth-form button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #2b3a4a}.auth-form button:disabled{opacity:.7;cursor:wait}.auth-error{color:#fff;background:#ff7a6b;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;font-weight:700}.auth-error.shake{animation:.35s shake}@keyframes auth-in{0%{opacity:0}}@keyframes auth-out{to{opacity:0}}@keyframes floki-bob{50%{transform:translateY(-5px)rotate(-3deg)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-height:480px){.auth-card{text-align:left;width:min(560px,100%);padding:20px 24px 16px 132px}.auth-floki{margin-left:0;top:20px;left:20px}.auth-card h1{font-size:24px}.auth-subtitle{margin-bottom:10px}.auth-form{gap:8px}.auth-field input{padding:8px 12px}}.pick-panel{color:#fff;background:#2b3a4aeb;border-radius:28px;width:min(760px,100%);margin:auto;padding:18px 20px 20px;box-shadow:0 10px #0000002e}.pick-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pick-top h1{color:#ffd54a;text-shadow:0 3px #2b3a4a;margin:0;font-size:28px}.pick-back{color:#e8f4ff;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:8px 14px;font:700 18px Trebuchet MS,system-ui,sans-serif}.pick-note{color:#cfe3f2;margin:4px 0 14px;font-size:14px}.pick-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.pick-card{background:#ffffff14;border:3px solid #0000;border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex}.pick-card.selected{background:#ffd54a1f;border-color:#ffd54a}.pick-head{align-items:center;gap:12px;display:flex}.pick-portrait{flex:none;width:88px;height:88px}.pick-card h2{color:#ffd54a;margin:0 0 4px;font-size:24px}.pick-desc{color:#e8f4ff;margin:0;font-size:14px;line-height:1.3}.pick-attrs{grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:13px;line-height:1.3;display:grid}.pick-attrs dt{color:#ffb547;font-weight:700}.pick-attrs dd{color:#fff;margin:0}.pick-choose{color:#fff;text-shadow:0 2px #2b3a4a;cursor:pointer;background:#ffb547;border:0;border-radius:16px;margin-top:auto;padding:12px;font:700 19px Trebuchet MS,system-ui,sans-serif;box-shadow:0 5px #2b3a4a}.pick-choose:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #2b3a4a}.pick-choose:disabled{box-shadow:none;color:#ffd54a;cursor:default;background:0 0}@media (max-height:480px){.pick-panel{padding:12px 14px 14px}.pick-top h1{font-size:22px}.pick-overlay{padding:8px}.pick-note{display:none}.pick-top{margin-bottom:8px}.pick-card{gap:6px;padding:10px}.pick-portrait{width:64px;height:64px}.pick-card h2{font-size:20px}.pick-desc{font-size:13px}.pick-attrs{gap:1px 8px;font-size:12px;line-height:1.2}.pick-choose{padding:8px;font-size:17px}}