@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:-webkit-fill-available;overflow:hidden}body{color:#c8d8e0;background:#14384f;font-family:VT323,monospace}#root,main{width:100%;height:100%}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.screen{flex-direction:column;animation:.18s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bottleFloat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-14px)rotate(5deg)}}@keyframes poof{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes pulse{0%,to{box-shadow:3px 3px #f5ff0030}50%{box-shadow:3px 3px #f5ff0080}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes levelUp{0%{opacity:0;transform:scale(.7)translateY(20px)}60%{opacity:1;transform:scale(1.08)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes xpPop{0%{opacity:0;transform:translateY(0)scale(.8)}30%{opacity:1;transform:translateY(-8px)scale(1.1)}80%{opacity:1;transform:translateY(-18px)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.9)}}.skeleton-row{border:2px solid #1e507030;align-items:center;gap:12px;margin-bottom:5px;padding:10px;display:flex}.skeleton-line{background:linear-gradient(90deg,#1e5070 25%,#285878 37%,#1e5070 63%) 0 0/600px 100%;animation:1.4s linear infinite shimmer}.skeleton-avatar{flex-shrink:0;width:44px;height:44px}.skeleton-text-wrap{flex-direction:column;flex:1;gap:7px;display:flex}.skeleton-name{width:45%;height:14px}.skeleton-preview{width:75%;height:12px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#14384f}::-webkit-scrollbar-thumb{background:#1e5070}.px-btn{cursor:pointer;white-space:nowrap;background:0 0;border:2px solid;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:VT323,monospace;font-size:1.125rem;line-height:1.4;transition:filter 80ms;display:inline-flex}a.px-btn{text-decoration:none}.px-btn:hover{filter:brightness(1.2)}.px-btn:active{box-shadow:none!important;transform:translate(2px,2px)!important}.px-btn:disabled{opacity:.4;pointer-events:none}.px-btn.cyan{color:#00fff5;border-color:#00fff5;box-shadow:3px 3px #00fff530}.px-btn.green{color:#39ff14;border-color:#39ff14;box-shadow:3px 3px #39ff1430}.px-btn.pink{color:#ff6b9d;border-color:#ff6b9d;box-shadow:3px 3px #ff6b9d30}.px-btn.yellow{color:#f5ff00;border-color:#f5ff00;box-shadow:3px 3px #f5ff0030}.px-btn.danger{color:#f35;border-color:#f35;box-shadow:3px 3px #ff335530}.px-btn.dim{color:#a8c8dc;border-color:#1e5070}.px-btn.full{width:100%}.px-btn.lg{padding:14px 24px;font-size:26px}.px-btn.sm{padding:6px 10px;font-size:24px}.px-input{color:#c8d8e0;resize:none;background:#14384f;border:2px solid #1e5070;outline:none;width:100%;padding:10px 12px;font-family:VT323,monospace;font-size:1.125rem;line-height:1.7;display:block}.px-input:focus{border-color:#00fff5;box-shadow:0 0 0 1px #00fff520}.px-input::placeholder{color:#6898b4}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#a8c8dc;font-size:1.5rem}.form-hint{color:#88aec4;font-size:1.375rem}.px-header{background:#14384f;border-bottom:2px solid #1e5070;flex-shrink:0;align-items:center;gap:10px;min-height:52px;padding:11px 14px;display:flex}.px-header-title{color:#00fff5;flex:1;font-size:19px;line-height:1.4}.px-back{color:#c8d8e0;cursor:pointer;background:0 0;border:2px solid #1e5070;flex-shrink:0;padding:6px 10px;font-family:VT323,monospace;font-size:18px}.px-back:hover{color:#00fff5;border-color:#00fff5}.avatar-dropdown{z-index:200;background:#0a1f2e;border:2px solid #1e5070;min-width:140px;position:absolute;top:40px;right:0}.avatar-menu-item{color:#c8d8e0;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1e5070;width:100%;padding:8px 14px;font-family:VT323,monospace;font-size:18px;display:block}.avatar-menu-item:last-child{border-bottom:none}.avatar-menu-item:hover{color:#00fff5;background:#1e5070}.avatar-menu-danger:hover{color:#f35}.nav-bar{padding-bottom:env(safe-area-inset-bottom,0px);background:#14384f;border-top:2px solid #1e5070;flex-shrink:0;align-items:stretch;display:flex}.nav-item{cursor:pointer;color:#a8c8dc;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 4px;font-family:VT323,monospace;font-size:22px;transition:color .1s;display:flex}.nav-item:hover,.nav-item.active{color:#00fff5}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{filter:drop-shadow(0 0 5px #00fff5)}.nav-icon{font-size:17px;line-height:1;position:relative}.nav-center{flex:1.3}.nav-center .nav-icon{font-size:22px}.nav-center:hover,.nav-center.active{color:#f5ff00}.nav-center:hover .nav-icon,.nav-center.active .nav-icon{filter:drop-shadow(0 0 6px #f5ff00)}.island-top-bar{background:#14384f;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.island-canvas-wrap{background:#28b8d0;flex:1;min-height:0;position:relative;overflow:hidden}.island-canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.island-hint-overlay{pointer-events:none;justify-content:center;display:flex;position:absolute;top:12px;left:0;right:0}.island-logo{color:#00fff5;text-shadow:0 0 16px #00fff5,0 0 40px #00fff550;letter-spacing:clamp(1px,.8vw,3px);font-family:"Press Start 2P",monospace;font-size:clamp(15px,4.5vw,24px)}@media (max-width:440px){.avatar-user-info{display:none!important}}.island-bottle-hint{pointer-events:all;color:#f5ff00;white-space:nowrap;background:#14384fcc;border:2px solid #f5ff00;margin:0 auto 8px;padding:6px 12px;font-family:VT323,monospace;font-size:16px;animation:1.4s infinite pulse}.inbox-screen{background:#14384f;flex-direction:column;height:100%;display:flex;overflow:hidden}.inbox-tabs{border-bottom:2px solid #1e5070;flex-shrink:0;display:flex}.inbox-tab{text-align:center;cursor:pointer;color:#a8c8dc;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:11px 8px;font-family:VT323,monospace;font-size:24px}.inbox-tab.active{color:#00fff5;border-bottom-color:#00fff5}.inbox-list{flex-direction:column;flex:1;gap:5px;padding:8px;display:flex;overflow-y:auto}.conv-item{cursor:pointer;background:#102d40;border:2px solid #183050;align-items:center;gap:11px;padding:11px 10px;transition:border-color .1s;display:flex}.conv-item:hover{border-color:#285878}.conv-item.unread{border-color:#00fff530}.conv-item.smashed{opacity:.5}.conv-item.smashed .conv-name{text-decoration:line-through}.conv-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.conv-name{color:#c8d8e0;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;overflow:hidden}.conv-preview{color:#a8c8dc;white-space:nowrap;text-overflow:ellipsis;font-size:1.375rem;overflow:hidden}.conv-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.conv-time{color:#88aec4;font-size:22px}.compose-screen{background:#14384f;flex-direction:column;height:100%;display:flex;overflow:hidden}.compose-body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.compose-bottle-preview{justify-content:center;padding:14px 0;display:flex}.compose-footer{border-top:2px solid #1e5070;flex-shrink:0;padding:12px 14px}.conv-screen{background:#14384f;flex-direction:column;height:100%;display:flex;overflow:hidden}.conv-header-inner{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.conv-msgs{flex-direction:column;flex:1;gap:7px;padding:12px;display:flex;overflow-y:auto}.msg-bubble{word-break:break-word;border:2px solid;max-width:100%;padding:9px 12px;font-size:1.5rem;line-height:1.7}.msg-mine{color:#c8d8e0;background:#00fff50a;border-color:#00fff550}.msg-theirs{color:#c8d8e0;background:#ff6b9d0a;border-color:#ff6b9d50}.msg-mine.pending{opacity:.55;border-color:#00fff520}.msg-time{color:#88aec4;font-family:VT323,monospace;font-size:22px}.conv-input-area{border-top:2px solid #1e5070;flex-shrink:0;align-items:flex-end;gap:7px;padding:10px 12px;display:flex}.conv-smashed-banner{text-align:center;color:#f35;background:#2a1020;border-top:2px solid #f35;flex-shrink:0;padding:12px 16px;font-size:24px}.profile-screen{background:#14384f;flex-direction:column;height:100%;display:flex;overflow:hidden}.profile-body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.profile-hero{flex-direction:column;align-items:center;gap:10px;padding:20px 14px 8px;display:flex}.profile-name{color:#00fff5;text-align:center;font-size:21px}.profile-level-name{color:#f5ff00;font-size:24px}.profile-stats{grid-template-columns:1fr 1fr;gap:7px;display:grid}.stat-card{background:#102d40;border:2px solid #1e5070;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex}.stat-val{font-size:26px;line-height:1.1}.stat-label{color:#a8c8dc;text-align:center;font-size:22px;line-height:1.8}.modal-overlay{z-index:100;background:#000a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.smash-dialog{background:#14384f;border:3px solid #f35;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:22px;display:flex;box-shadow:6px 6px #ff335540}.smash-title{color:#f35;text-align:center;font-size:21px;line-height:1.5}.smash-desc{color:#c8d8e0;text-align:center;font-size:24px;line-height:1.9}.smash-btns{flex-wrap:wrap;gap:8px;display:flex}.toggle-row{cursor:pointer;border:2px solid #1e5070;align-items:center;gap:10px;padding:10px;transition:border-color .1s;display:flex}.toggle-row:hover{border-color:#285878}.toggle-label{color:#c8d8e0;flex:1;font-size:24px;line-height:1.7}.toggle-box{background:#14384f;border:2px solid #1e5070;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.onboard-screen{background:linear-gradient(#1a6fa8 0%,#2e96d8 45%,#4eb5e8 75%,#6fc8f0 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:16px 16px 40px;display:flex;overflow-y:auto}.onboard-ocean{pointer-events:none;z-index:0;background:linear-gradient(#28b8d0 0%,#1a9ab8 100%);height:30%;position:fixed;bottom:0;left:0;right:0}.onboard-logo{color:#00fff5;text-shadow:0 0 20px #00fff5,0 0 50px #00fff540;letter-spacing:clamp(1px,1vw,4px);z-index:1;font-family:"Press Start 2P",monospace;font-size:clamp(16px,5vw,26px);position:relative}.onboard-tagline{color:#a8c8dc;text-align:center;z-index:1;white-space:pre-line;margin:8px 0 20px;font-size:24px;line-height:2;position:relative}.onboard-card{z-index:1;background:#14384fcc;border:2px solid #1e507088;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:20px;display:flex;position:relative}.onboard-tabs{margin-bottom:4px;display:flex}.onboard-tab{text-align:center;cursor:pointer;color:#a8c8dc;background:0 0;border:none;border-bottom:2px solid #1e5070;flex:1;padding:9px;font-family:VT323,monospace;font-size:18px}.onboard-tab.active{color:#00fff5;border-bottom-color:#00fff5}.send-success{text-align:center;background:#14384f;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:24px;display:flex}.send-bottle-anim{font-size:52px;animation:2s infinite bottleFloat}.send-title{color:#00fff5;white-space:pre-line;font-size:22px;line-height:1.8}.send-subtitle{color:#a8c8dc;white-space:pre-line;font-size:24px;line-height:2}.admin-screen{background:#14384f;flex-direction:column;height:100%;display:flex;overflow:hidden}.admin-tabs{border-bottom:2px solid #1e5070;flex-shrink:0;display:flex;overflow-x:auto}.admin-tab{white-space:nowrap;cursor:pointer;color:#a8c8dc;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:11px 14px;font-family:VT323,monospace;font-size:24px}.admin-tab.active{color:#f5ff00;border-bottom-color:#f5ff00}.admin-body{flex:1;padding:14px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:18px;display:grid}.admin-stat{background:#102d40;border:2px solid #1e5070;flex-direction:column;gap:5px;padding:12px;display:flex}.admin-stat-val{font-size:26px;line-height:1.1}.admin-stat-label{color:#a8c8dc;font-size:22px;line-height:1.7}.admin-section-title{color:#c8d8e0;border-left:3px solid #f5ff00;margin:14px 0 8px;padding-left:9px;font-size:18px}.admin-table{border-collapse:collapse;width:100%;font-size:22px}.admin-table th{text-align:left;color:#f5ff00;white-space:nowrap;background:#112840;border-bottom:2px solid #1e5070;padding:8px}.admin-table td{color:#c8d8e0;vertical-align:middle;border-bottom:1px solid #112840;padding:8px}.admin-table tr:hover td{background:#102d40}.status-badge{white-space:nowrap;padding:2px 6px;font-family:VT323,monospace;font-size:22px;display:inline-flex}.status-badge.active{color:#39ff14;border:1px solid #39ff1460}.status-badge.banned{color:#f35;border:1px solid #ff335560}.status-badge.pending{color:#f5ff00;border:1px solid #f5ff0060}.status-badge.resolved{color:#a8c8dc;border:1px solid #1e5070}.status-badge.admin{color:#c77dff;border:1px solid #c77dff60}.chart-wrap{background:#102d40;border:2px solid #1e5070;margin-bottom:14px;padding:14px}.chart-bars{align-items:flex-end;gap:4px;height:80px;display:flex}.chart-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.chart-bar{width:100%;min-height:2px}.chart-label{color:#a8c8dc;white-space:nowrap;font-family:VT323,monospace;font-size:22px}.report-item{border:2px solid;margin-bottom:6px;padding:12px}.report-item.pending{border-color:#f5ff0030}.report-item.resolved{opacity:.55;border-color:#1e5070}