html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101a2a;color:#f4fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;overscroll-behavior:none}body{display:grid;place-items:center}#web-layout{width:100%;height:100%;display:grid;place-items:center}.web-side-panel{display:none}#game-shell{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.77778vw);background:#0c1321;overflow:hidden}#game{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.web-shell--desktop{display:block;overflow:hidden;background:linear-gradient(90deg,rgba(208,43,69,.22) 0 2px,transparent 2px calc(50% - 2px),rgba(47,125,255,.16) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px) calc(100% - 2px),rgba(208,43,69,.22) calc(100% - 2px) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 44px),radial-gradient(circle at 50% 50%,rgba(47,125,255,.1) 0 12%,transparent 13% 100%),linear-gradient(135deg,#eaf8fb,#cddfe7 44%,#f6fbfc);color:#102135}body.web-shell--desktop.web-shell--night{background:linear-gradient(90deg,rgba(208,43,69,.3) 0 2px,transparent 2px calc(50% - 2px),rgba(127,188,255,.18) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px) calc(100% - 2px),rgba(208,43,69,.3) calc(100% - 2px) 100%),repeating-linear-gradient(0deg,rgba(159,215,255,.07) 0 1px,transparent 1px 44px),radial-gradient(circle at 50% 50%,rgba(159,215,255,.08) 0 12%,transparent 13% 100%),linear-gradient(135deg,#07111f,#102238 48%,#07111f);color:#f4fbff}body.web-shell--desktop #web-layout{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;box-sizing:border-box;padding:0}body.web-shell--desktop #game-shell{width:56.25vh;height:100vh;aspect-ratio:9 / 16;border:0;box-shadow:-14px 0 34px #10213547,14px 0 34px #10213547}body.web-shell--desktop .web-side-panel{width:100%;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vh,22px);padding:clamp(24px,5vw,74px);border:0;background:linear-gradient(90deg,#f6fbfc85,#f6fbfc1f);color:#102135}body.web-shell--desktop .web-side-panel--right{background:linear-gradient(270deg,#f6fbfc85,#f6fbfc1f)}body.web-shell--desktop.web-shell--night .web-side-panel{background:linear-gradient(90deg,#07111fc2,#07111f1f);color:#f4fbff}body.web-shell--desktop.web-shell--night .web-side-panel--right{background:linear-gradient(270deg,#07111fc2,#07111f1f)}.web-brand{width:max-content;display:inline-grid;grid-template-columns:34px auto;gap:10px;align-items:center;color:#102135;font:950 13px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;text-decoration:none;text-transform:uppercase}.web-brand img{width:34px;height:34px;display:block;background:#f4fbffdb;border:2px solid rgba(16,33,53,.64);object-fit:contain;padding:4px;box-sizing:border-box}.web-kicker{margin:0;color:#d02b45;font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.web-side-panel h1,.web-side-panel h2{margin:0;color:#102135;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:clamp(30px,3.2vw,46px);font-weight:950;letter-spacing:0;line-height:.98;text-transform:uppercase}.web-side-panel h2{font-size:clamp(24px,2.6vw,36px)}.web-side-panel p{margin:0;color:#213850;font-size:15px;font-weight:700;line-height:1.46}.web-feature-list a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}.web-feature-list{display:grid;gap:12px;margin:0}.web-feature-list div{display:grid;gap:4px;padding:0 0 12px;border-bottom:2px solid rgba(16,33,53,.16)}.web-feature-list dt{color:#2f7dff;font:900 12px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;text-transform:uppercase}.web-feature-list dd{margin:0;color:#213850;font-size:13px;font-weight:800;line-height:1.35}.web-key-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.web-key-list li{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:2px solid rgba(16,33,53,.14)}.web-key-list strong{color:#d02b45;font:900 11px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;text-transform:uppercase}.web-key-list span{color:#102135;font-size:13px;font-weight:850}.web-link-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.web-link-list a{min-height:34px;display:grid;place-items:center;border:2px solid #102135;background:#f6fbfc;color:#102135;font:900 10px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;text-decoration:none;text-transform:uppercase}.web-theme-toggle{display:none}body.web-shell--desktop .web-theme-toggle{position:fixed;top:14px;right:14px;z-index:7;min-height:34px;display:grid;place-items:center;border:2px solid #102135;border-radius:0;background:#f6fbfce0;color:#102135;font:950 10px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;padding:0 12px;text-transform:uppercase;appearance:none;-webkit-appearance:none}body.web-shell--desktop.web-shell--night .web-theme-toggle{border-color:#f4fbffd1;background:#07111fdb;color:#f4fbff}body.web-shell--desktop.web-shell--night .web-brand,body.web-shell--desktop.web-shell--night .web-side-panel h1,body.web-shell--desktop.web-shell--night .web-side-panel h2,body.web-shell--desktop.web-shell--night .web-side-panel p,body.web-shell--desktop.web-shell--night .web-feature-list dd,body.web-shell--desktop.web-shell--night .web-key-list span{color:#f4fbff}body.web-shell--desktop.web-shell--night .web-feature-list div,body.web-shell--desktop.web-shell--night .web-key-list li{border-bottom-color:#f4fbff29}body.web-shell--desktop.web-shell--night .web-link-list a{border-color:#f4fbffd1;background:#07111fb8;color:#f4fbff}@media(max-width:1180px){body.web-shell--desktop #web-layout{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}body.web-shell--desktop .web-side-panel{padding:24px}.web-key-list li{grid-template-columns:1fr;gap:3px}}.auth-form-root,.legal-panel-root{position:absolute;inset:0;z-index:4;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.auth-form-root--hidden,.legal-panel-root--hidden{display:none}.auth-form{container-type:inline-size;position:absolute;left:11.6667%;top:45.3125%;width:76.6667%;box-sizing:border-box;padding:3.3333%;pointer-events:auto;background:#121e30f7;border:3px solid rgba(159,215,255,.72);box-shadow:0 0 0 2px #f4fbff2e inset;color:#f4fbff;touch-action:manipulation}.auth-form--register{top:37.1875%;bottom:5%;overflow-y:auto;overscroll-behavior:contain}.auth-form--profile{top:50.625%}.auth-form--deleteAccount,.auth-form--reportUser,.auth-form--friendSearch{top:37.1875%}.auth-form-root--keyboard .auth-form{top:21.25%}.auth-form-root--keyboard .auth-form--profile{top:31.25%}.auth-form__title{margin:0 0 2.2%;color:#f4fbff;font-size:18px;font-weight:800;line-height:1;text-align:center;text-transform:uppercase}.auth-form__status{min-height:1.2em;margin:0 0 3%;color:#d7f8ff;font-size:12px;font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase}.auth-form__status--error{color:#ffb5c1}.auth-form__field{display:block;margin:0 0 3.6%}.auth-form__label{display:block;margin:0 0 1.4%;color:#9fd7ff;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.auth-form__input{width:100%;height:44px;box-sizing:border-box;border:3px solid rgba(244,251,255,.78);border-radius:0;outline:none;background:#0a1321;color:#f4fbff;font:800 17px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;padding:0 4%;appearance:none;-webkit-appearance:none}.auth-form__input--textarea{height:110px;min-height:110px;resize:none;padding-top:12px;line-height:1.25}.auth-form__field--checkbox{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;color:#d7f8ff;font-size:11px;font-weight:800;line-height:1.2;text-transform:uppercase}.auth-form__checkbox{width:24px;height:24px;margin:0;accent-color:#2f7dff}.auth-form__input:focus{border-color:#ffc857;box-shadow:0 0 0 2px #ffc8574d}.auth-form__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;margin-top:4%}.auth-form__legal-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:2% 0 0}.auth-form__button{min-width:0;min-height:42px;height:auto;overflow-wrap:anywhere;border:3px solid #f4fbff;border-radius:0;color:#f4fbff;font:800 14px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;text-transform:uppercase;appearance:none;-webkit-appearance:none}.auth-form__button--primary{background:#2f7dff}@container (max-width: 240px){.auth-form__actions{grid-template-columns:1fr;gap:8px}}.auth-form__button--secondary{background:#314361}.auth-form__results{display:grid;gap:8px;max-height:174px;overflow-y:auto;padding-right:2px;-webkit-overflow-scrolling:touch}.auth-form__result{display:grid;grid-template-columns:34px 1fr 82px;gap:8px;align-items:center;min-height:44px;padding:6px;background:#0a1321db;border:2px solid rgba(159,215,255,.32);box-sizing:border-box}.auth-form__avatar{display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(244,251,255,.78);border-radius:50%;color:#f4fbff;font-size:14px;font-weight:900;line-height:1}.auth-form__result-name{overflow:hidden;color:#f4fbff;font-size:13px;font-weight:900;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.auth-form__button--mini{height:32px;background:#2f7dff;font-size:10px}.auth-form__legal-link{min-height:30px;box-sizing:border-box;border:2px solid rgba(244,251,255,.72);border-radius:0;background:#25354d;color:#d7f8ff;font:900 8px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;line-height:1.05;padding:3px 4px;text-transform:uppercase;appearance:none;-webkit-appearance:none}.auth-form__empty{min-height:42px;display:grid;place-items:center;color:#d7f8ff;font-size:11px;font-weight:900;line-height:1.2;text-align:center;text-transform:uppercase}.auth-form__button:disabled,.auth-form__legal-link:disabled,.auth-form__input:disabled,.auth-form__checkbox:disabled{opacity:.64}.legal-panel-root{z-index:5;background:#0c1321d1;pointer-events:auto}.legal-panel{position:absolute;inset:6.25% 5.5556%;box-sizing:border-box;display:grid;grid-template-rows:auto auto 1fr;pointer-events:auto;background:#121e30fa;border:3px solid rgba(159,215,255,.72);box-shadow:0 0 0 2px #f4fbff2e inset;color:#f4fbff;touch-action:pan-y}.legal-panel__header{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 12px 8px}.legal-panel__title{overflow:hidden;color:#f4fbff;font-size:17px;font-weight:900;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.legal-panel__close,.legal-panel__tab{min-height:34px;border:2px solid #f4fbff;border-radius:0;color:#f4fbff;font:900 11px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;text-transform:uppercase;appearance:none;-webkit-appearance:none}.legal-panel__close{background:#314361;padding:0 10px}.legal-panel__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}.legal-panel__tab{background:#314361}.legal-panel__tab--active{background:#2f7dff}.legal-panel__content{min-height:0;overflow-y:auto;padding:0 14px 16px;-webkit-overflow-scrolling:touch}.legal-panel__content h2{margin:18px 0 6px;color:#9fd7ff;font-size:13px;line-height:1.2;text-transform:uppercase}.legal-panel__content p{margin:0 0 10px;color:#d7f8ff;font-size:11px;font-weight:700;line-height:1.42}.legal-panel__meta{color:#ffc857!important;font-size:10px!important;text-transform:uppercase}.legal-panel__web-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.legal-panel__web-button{min-height:32px;box-sizing:border-box;border:2px solid rgba(244,251,255,.78);border-radius:0;background:#25354d;color:#f4fbff;font:900 10px ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:0;line-height:1.1;padding:5px 8px;text-transform:uppercase;appearance:none;-webkit-appearance:none}.legal-panel__contact{margin:18px 0 2px;padding:10px;border:2px solid rgba(159,215,255,.42);background:#0a1321ad}.legal-panel__contact .legal-panel__web-button{width:100%}@media(max-height:560px){.auth-form,.auth-form--register,.auth-form--profile,.auth-form--deleteAccount,.auth-form--reportUser,.auth-form--friendSearch,.auth-form-root--keyboard .auth-form,.auth-form-root--keyboard .auth-form--profile{top:12%}.auth-form{padding:2.4%}.auth-form__field{margin-bottom:2.2%}}.profile-avatar-picker{margin:8px 0 14px;padding:0;border:0;min-width:0}.profile-avatar-picker legend{margin-bottom:8px;color:#9fd7ff;font-size:12px}.profile-avatar-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:216px;overflow-y:auto;padding:3px}.profile-avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:7px 3px;background:#192733;border:2px solid #667988;cursor:pointer}.profile-avatar-choice:has(input:checked){border-color:#ffc857;background:#43391e}.profile-avatar-choice:focus-within{outline:2px solid #fff;outline-offset:1px}.profile-avatar-choice input{position:absolute;opacity:0;width:1px;height:1px}.profile-avatar-choice__image{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;overflow:hidden;font-size:22px;color:#fff}.profile-avatar-choice__image img,.auth-form__avatar img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.profile-avatar-choice__name{font-size:10px;line-height:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-form--profile{top:20%;max-height:76%;overflow-y:auto;overscroll-behavior:contain}.auth-form-root--keyboard .auth-form--profile{top:8%;max-height:88%}.redemption-root{pointer-events:auto;background:#000000a6}.auth-form.redemption-dialog{text-align:center;top:8%;max-height:84%;overflow-y:auto;overscroll-behavior:contain}.redemption-pucks{display:flex;align-items:center;justify-content:center;gap:16px;min-height:100px;color:#ffe179}.redemption-pucks strong{font-size:24px;font-variant-numeric:tabular-nums}.redemption-puck-icon,.redemption-avatar{width:80px;height:80px;flex:0 0 80px;overflow:hidden;border-radius:4px}.redemption-puck-icon img,.redemption-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.redemption-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}.redemption-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 0;min-width:0}.redemption-item canvas{width:130px;height:114px;image-rendering:pixelated}.redemption-item span{overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.redemption-puck-icon{animation:redemption-pop .6s ease-out}@keyframes redemption-pop{0%{transform:translateY(18px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}}.notice-dialog{box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:80dvh;overflow:auto;margin:auto;padding:24px;border:3px solid #ffc857;border-radius:4px;background:#182537;color:#f4fbff;font:16px/1.5 monospace;text-align:center;overflow-wrap:anywhere}.notice-dialog::backdrop{background:#000000b8}.notice-dialog p{margin:0 0 24px}.notice-dialog button{width:100%}.auth-form__button--danger{background:#7d1425;width:100%;margin-top:20px}