.royal-scribble-backdrop{z-index:30;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 14% 16%,#ffd6662e,#0000 24%),radial-gradient(circle at 88% 82%,#f472b638,#0000 30%),#18162ea8;place-items:center;animation:.18s ease-out both royal-scribble-fade;display:grid;position:fixed;inset:0}.royal-scribble-shell{width:min(700px,100%);max-height:calc(100dvh - max(28px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));background:var(--paper,#fffdf7);color:var(--ink,#2b2d52);border:1px solid #63527d1f;border-radius:30px;animation:.28s cubic-bezier(.2,1.15,.4,1) both royal-scribble-pop;position:relative;overflow:auto;box-shadow:0 28px 70px -24px #1a1438b8}.royal-scribble-shell.is-drawing{width:min(1120px,100%);height:min(900px, calc(100dvh - max(28px, env(safe-area-inset-top) + env(safe-area-inset-bottom))));overflow:hidden}.royal-scribble-close{z-index:5;color:#656987;background:#efecf8;border-radius:999px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;transition:transform .1s,background .14s;display:grid;position:absolute;top:16px;right:16px}.royal-scribble-close:hover:not(:disabled){background:#e4def4}.royal-scribble-close:active:not(:disabled){transform:scale(.92)}.royal-scribble-close:disabled{cursor:wait;opacity:.45}.royal-scribble-intro,.royal-scribble-success{text-align:center;padding:42px 34px 30px}.royal-scribble-crown{background:linear-gradient(145deg,#fff8d7,#ffe9a1);border:4px solid #ffd166;border-radius:24px;place-items:center;width:78px;height:78px;margin:0 auto 12px;font-size:42px;display:grid;transform:rotate(-3deg);box-shadow:0 8px #e5b33f,0 18px 26px -18px #7f580aa6}.royal-scribble-intro h2,.royal-scribble-success h2{color:var(--ink,#2b2d52);letter-spacing:-.035em;margin:0;font-size:clamp(30px,6vw,46px);line-height:1.04}.royal-scribble-lede,.royal-scribble-success>p{max-width:560px;color:var(--ink-soft,#5b5f86);margin:12px auto 22px;font-size:16px;font-weight:650;line-height:1.5}.royal-scribble-prompt-card{text-align:left;background:repeating-linear-gradient(0deg,#8b662a06 0 1px,#0000 1px 5px),#fff9e8;border:3px solid #edd99d;border-radius:20px;align-items:center;gap:18px;max-width:590px;margin:0 auto;padding:20px 22px;display:flex;position:relative;box-shadow:0 10px 24px -20px #553c1299}.royal-scribble-seal{color:#fff;background:linear-gradient(145deg,#f472b6,#c52373);border:3px solid #a3185f;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-family:Georgia,serif;font-size:27px;font-weight:900;display:grid;box-shadow:0 4px #86144d}.royal-scribble-prompt-card p{color:#8e7350;letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.royal-scribble-prompt-card strong{color:#3a3158;font-size:clamp(18px,4vw,23px);line-height:1.25;display:block}.royal-scribble-intro-actions{justify-content:center;gap:10px;margin:20px 0 22px;display:flex}.royal-scribble-start,.royal-scribble-submit{color:#fff;background:linear-gradient(#f472b6,#db2777);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:13px 22px;font-size:17px;font-weight:900;transition:transform 90ms,box-shadow 90ms,filter .14s;display:inline-flex;box-shadow:0 7px #a3185f,0 14px 24px -14px #a3185fcc}.royal-scribble-start:hover:not(:disabled),.royal-scribble-submit:hover:not(:disabled){filter:brightness(1.05)saturate(1.05)}.royal-scribble-start:active:not(:disabled),.royal-scribble-submit:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #a3185f,0 8px 16px -12px #a3185fbf}.royal-scribble-new-prompt{min-height:52px;color:var(--ink,#2b2d52);background:#f5f2fb;border:2px solid #ddd7ed;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:850;display:inline-flex}.royal-scribble-new-prompt:active{transform:scale(.97)}.royal-scribble-gallery-links{border-top:2px solid #f0edf7;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:20px;display:grid}.royal-scribble-gallery-links>button{min-height:68px;color:var(--ink,#2b2d52);text-align:left;background:#f6f3fb;border:2px solid #0000;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 14px;transition:border-color .14s,transform 90ms;display:grid}.royal-scribble-gallery-links>button:hover{border-color:#d9d1ee}.royal-scribble-gallery-links>button:active{transform:scale(.98)}.royal-scribble-link-icon{font-size:29px}.royal-scribble-gallery-links strong,.royal-scribble-gallery-links small{display:block}.royal-scribble-gallery-links strong{font-size:15px}.royal-scribble-gallery-links small{color:var(--ink-soft,#5b5f86);margin-top:2px;font-size:12px;font-weight:750}.royal-scribble-editor{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.royal-scribble-editor-header{background:#fffdf7fa;border-bottom:2px solid #eeeaf6;padding:18px 70px 14px 22px}.royal-scribble-editor-header h2{letter-spacing:-.02em;margin:0;padding:0;font-size:clamp(20px,3vw,28px);line-height:1.18}.royal-scribble-editor-prompt{color:#b2296b;margin:3px 0 0;font-size:15px;font-weight:900;line-height:1.25}.royal-scribble-instruction{color:var(--ink-soft,#5b5f86);margin:5px 0 0;font-size:13px;font-weight:700}.royal-scribble-editor-body{background:#ece8f4;grid-template-columns:minmax(0,1fr) 224px;min-height:0;display:grid}.royal-scribble-paper-wrap{background:radial-gradient(circle at 20% 15%,#fffc,#0000 34%),linear-gradient(145deg,#ece8f5,#ded7eb);justify-content:center;align-items:center;min-width:0;min-height:0;padding:18px;display:flex;position:relative;overflow:auto}.royal-scribble-canvas{aspect-ratio:4/3;cursor:crosshair;touch-action:none;background:#fffdf7;border:10px solid #fffdf7;border-radius:12px;outline:4px solid #d6a84b;width:min(100%,133.333dvh - 326.667px);height:auto;display:block;box-shadow:0 0 0 8px #9c6b2f,0 18px 34px -18px #291f40ad}.royal-scribble-canvas.tool-eraser{cursor:cell}.royal-scribble-canvas:focus-visible{outline-color:#7b61ff;box-shadow:0 0 0 7px #7b61ff40,0 18px 34px -18px #291f40ad}.royal-scribble-saving{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b2d527a;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:900;display:flex;position:absolute;inset:0}.royal-scribble-saving span{font-size:30px;animation:.9s ease-in-out infinite alternate royal-scribble-bob;display:inline-block}.royal-scribble-tools{background:#fffdf7;border-left:2px solid #e3ddec;min-height:0;padding:16px;overflow-y:auto}.royal-scribble-tools fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}.royal-scribble-tools legend{color:#6c668b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900}.royal-scribble-swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.royal-scribble-swatch{aspect-ratio:1;background:var(--swatch);border:3px solid #fff;border-radius:13px;outline:2px solid #e2ddea;place-items:center;min-width:38px;transition:transform .1s,outline-color .13s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #17172817}.royal-scribble-swatch:hover:not(:disabled){transform:scale(1.06)}.royal-scribble-swatch.selected{outline:4px solid #7b61ff;transform:scale(1.05)}.royal-scribble-swatch span{color:#fff;opacity:0;text-shadow:0 1px 3px #000000b8;font-size:16px;font-weight:1000}.royal-scribble-swatch.selected span{opacity:1}.royal-scribble-widths{gap:6px;display:grid}.royal-scribble-widths button,.royal-scribble-tool-button,.royal-scribble-history button,.royal-scribble-clear{min-height:42px;color:var(--ink,#2b2d52);background:#f3f0f8;border:2px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;font-weight:850;transition:border-color .13s,background .13s,transform 90ms;display:flex}.royal-scribble-widths button.selected,.royal-scribble-tool-button.selected{background:#eee9ff;border-color:#7b61ff}.royal-scribble-widths button:active:not(:disabled),.royal-scribble-tool-button:active:not(:disabled),.royal-scribble-history button:active:not(:disabled),.royal-scribble-clear:active:not(:disabled){transform:scale(.97)}.royal-scribble-width-dot{background:currentColor;border-radius:50%;flex:none}.royal-scribble-tool-button{width:100%;margin-bottom:12px}.royal-scribble-tool-button>span{font-size:20px}.royal-scribble-history{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px;display:grid}.royal-scribble-history button{justify-content:center;padding-inline:6px}.royal-scribble-history button>span{font-size:19px}.royal-scribble-clear{color:#a5264d;background:#fff0f2;justify-content:center;width:100%;margin-top:8px}.royal-scribble-tools button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.42}.royal-scribble-footer{background:#fffdf7;border-top:2px solid #eeeaf6;justify-content:flex-end;align-items:center;gap:14px;min-height:76px;padding:10px 18px 13px;display:flex}.royal-scribble-status{flex:1;min-width:0}.royal-scribble-status p{color:#5e6181;margin:0;font-size:13px;font-weight:750;line-height:1.35}.royal-scribble-status p.error{color:#ad2451}.royal-scribble-submit{flex:none;min-height:48px;padding:10px 19px;font-size:15px}.royal-scribble-submit:disabled{cursor:wait;filter:grayscale(.3);opacity:.65}.royal-scribble-success{padding-block:54px 38px}.royal-scribble-success-frame{justify-content:center;align-items:center;gap:10px;margin-bottom:22px;display:flex}.royal-scribble-success-frame span:nth-child(2){background:#fff4cb;border:8px solid #a76b2a;border-radius:8px;place-items:center;width:92px;height:76px;font-size:45px;animation:.5s cubic-bezier(.2,1.4,.4,1) both royal-scribble-frame-in;display:grid;box-shadow:0 8px 18px -10px #36200ca6}.royal-scribble-success-frame span:not(:nth-child(2)){font-size:26px;animation:.9s ease-in-out infinite alternate royal-scribble-sparkle}.royal-scribble-success-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:540px;margin:24px auto 0;display:grid}.royal-scribble-success-actions button:not(.royal-scribble-start){min-height:48px;color:var(--ink,#2b2d52);background:#f5f2fb;border:2px solid #ddd7ed;border-radius:15px;padding:11px 14px;font-size:14px;font-weight:850}.royal-scribble-success-actions .royal-scribble-start{grid-column:1/-1}.royal-scribble-confirm-layer{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18162e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.royal-scribble-confirm{width:min(410px,100%);color:var(--ink,#2b2d52);text-align:center;background:#fffdf7;border-radius:24px;padding:26px;animation:.2s cubic-bezier(.2,1.15,.4,1) both royal-scribble-pop;box-shadow:0 24px 60px -20px #140f30cc}.royal-scribble-confirm-icon{font-size:38px}.royal-scribble-confirm h3{margin:10px 0 7px;font-size:23px}.royal-scribble-confirm p{color:var(--ink-soft,#5b5f86);margin:0;font-size:14px;font-weight:700;line-height:1.45}.royal-scribble-confirm>div{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px;display:grid}.royal-scribble-confirm button{min-height:46px;color:var(--ink,#2b2d52);background:#efecf8;border-radius:13px;padding:10px 13px;font-size:14px;font-weight:850}.royal-scribble-confirm button.danger{color:#fff;background:#d93463}.royal-scribble-shell button:focus-visible,.royal-scribble-confirm button:focus-visible{outline-offset:3px;outline:3px solid #7b61ff}@keyframes royal-scribble-fade{0%{opacity:0}}@keyframes royal-scribble-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes royal-scribble-bob{to{transform:translateY(-6px)rotate(3deg)}}@keyframes royal-scribble-frame-in{0%{opacity:0;transform:translateY(-18px)rotate(-5deg)scale(.72)}}@keyframes royal-scribble-sparkle{to{transform:scale(1.18)rotate(8deg)}}@media (width<=760px){.royal-scribble-backdrop{padding:0}.royal-scribble-shell{border:0;border-radius:0;width:100%;max-height:100dvh}.royal-scribble-shell:not(.is-drawing){min-height:100dvh}.royal-scribble-shell.is-drawing{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.royal-scribble-close{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}.royal-scribble-intro,.royal-scribble-success{min-height:100dvh;padding:max(64px, calc(env(safe-area-inset-top) + 54px)) 18px max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;display:flex}.royal-scribble-crown{width:66px;height:66px;font-size:35px}.royal-scribble-intro-actions{flex-direction:column}.royal-scribble-gallery-links{grid-template-columns:1fr}.royal-scribble-editor-header{padding:max(12px, env(safe-area-inset-top)) 58px 10px 14px}.royal-scribble-instruction{display:none}.royal-scribble-editor-body{display:block;overflow-y:auto}.royal-scribble-paper-wrap{min-height:auto;padding:14px 14px 18px;overflow:visible}.royal-scribble-canvas{border-width:6px;outline-width:3px;width:calc(100% - 16px);box-shadow:0 0 0 5px #9c6b2f,0 14px 26px -18px #291f40ad}.royal-scribble-tools{border-top:2px solid #e3ddec;border-left:0;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;padding:14px;display:grid;overflow:visible}.royal-scribble-tools fieldset{margin:0}.royal-scribble-swatch{min-width:34px}.royal-scribble-widths button{min-height:38px;padding-block:6px}.royal-scribble-tool-button,.royal-scribble-history,.royal-scribble-clear{margin:0}.royal-scribble-tool-button,.royal-scribble-history{align-self:end}.royal-scribble-clear{grid-column:1/-1}.royal-scribble-footer{min-height:68px;padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.royal-scribble-status p{font-size:11px}.royal-scribble-submit{min-height:46px;padding-inline:15px}}@media (width<=420px){.royal-scribble-intro h2,.royal-scribble-success h2{font-size:32px}.royal-scribble-prompt-card{gap:12px;padding:16px}.royal-scribble-seal{width:46px;height:46px;font-size:23px}.royal-scribble-editor-header h2{font-size:18px}.royal-scribble-editor-prompt{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.royal-scribble-tools{grid-template-columns:1fr}.royal-scribble-swatch{aspect-ratio:auto;min-height:42px}.royal-scribble-widths{grid-template-columns:repeat(3,1fr)}.royal-scribble-widths button{flex-direction:column;gap:3px;min-width:0;font-size:10px}.royal-scribble-tool-button,.royal-scribble-history{align-self:auto}.royal-scribble-history,.royal-scribble-clear{grid-column:1}.royal-scribble-footer{flex-direction:column;align-items:stretch;gap:4px}.royal-scribble-status:empty{display:none}.royal-scribble-submit{width:100%}.royal-scribble-success-actions{grid-template-columns:1fr}.royal-scribble-success-actions .royal-scribble-start{grid-column:1}}@media (prefers-reduced-motion:reduce){.royal-scribble-backdrop,.royal-scribble-shell,.royal-scribble-saving span,.royal-scribble-success-frame span{animation:none}}.salty-wall-backdrop{z-index:34;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px)saturate(.88);backdrop-filter:blur(7px)saturate(.88);background:radial-gradient(circle at 13% 18%,#c4f5ff42,#0000 27%),radial-gradient(circle at 88% 78%,#2c758747,#0000 34%),#102e3ec2;place-items:center;animation:.18s ease-out both salty-wall-fade;display:grid;position:fixed;inset:0}.salty-wall-shell{--salty-ink:#20373d;--salty-soft:#587078;--salty-blue:#2d7f91;--salty-blue-dark:#1e5d6c;--salty-foam:#f4fbf8;--salty-stone:#d8d1c2;width:min(1240px,100%);height:min(900px, calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom))));min-height:0;color:var(--salty-ink);background:#eef3ee;border:1px solid #e5f6f57a;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;animation:.26s cubic-bezier(.2,1.08,.4,1) both salty-wall-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px -26px #021a26e6}.salty-wall-header{z-index:2;background:linear-gradient(90deg,#fff6,#0000 42%),repeating-linear-gradient(0deg,#3f615d06 0 1px,#0000 1px 5px),#f2f5ef;border-bottom:1px solid #385e652b;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:17px 18px 16px 20px;display:flex;position:relative;box-shadow:0 5px 20px -18px #133036b3}.salty-wall-title-lockup{align-items:center;gap:14px;min-width:0;display:flex}.salty-wall-title-icon{background:linear-gradient(145deg,#e8faf6,#b9dfe0);border:2px solid #9ec9cb;border-radius:17px 13px 18px 14px;flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid;transform:rotate(-2deg);box-shadow:0 5px #73aeb3,0 11px 20px -13px #17525cc7}.salty-wall-title-lockup p,.salty-wall-title-lockup h2,.salty-wall-title-lockup span{margin:0}.salty-wall-title-lockup p{color:var(--salty-blue-dark);letter-spacing:.13em;text-transform:uppercase;margin-bottom:1px;font-size:10px;font-weight:950}.salty-wall-title-lockup h2{letter-spacing:-.035em;font-size:clamp(23px,3vw,32px);line-height:1.06}.salty-wall-title-lockup>div>span{color:var(--salty-soft);margin-top:3px;font-size:12px;font-weight:700;display:block}.salty-wall-header-actions{flex:none;gap:8px;display:flex}.salty-wall-icon-button{color:#395d65;background:#e2ece8;border:1px solid #315a601c;border-radius:999px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:950;transition:background .14s,transform 90ms;display:grid}.salty-wall-icon-button:hover:not(:disabled){background:#d3e4df}.salty-wall-icon-button:active:not(:disabled){transform:scale(.92)}.salty-wall-icon-button .is-spinning{animation:.75s linear infinite salty-wall-spin}.salty-wall-body{background-color:#dce6e1;background-image:linear-gradient(#2b5c650a 1px,#0000 1px),linear-gradient(90deg,#2b5c6509 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(0,1fr) 292px;min-height:0;display:grid}.salty-wall-studio{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0;padding:18px;display:grid;overflow-y:auto}.salty-wall-canvas-frame{background:radial-gradient(circle at 20% 18%,#ffffff75,#0000 30%),repeating-linear-gradient(97deg,#5c5b5009 0 2px,#0000 2px 16px),#b9b3a6;border:1px solid #3146462e;border-radius:18px 15px 20px 16px;place-items:center;min-width:0;min-height:210px;padding:15px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #6f6c611f,0 17px 30px -24px #193032b8}.salty-wall-canvas-frame:before,.salty-wall-canvas-frame:after{content:"";z-index:2;background:#7c8f8d;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 2px #ffffff8c,0 1px 2px #17272873}.salty-wall-canvas-frame:before{top:7px;left:8px}.salty-wall-canvas-frame:after{bottom:7px;right:8px}.salty-wall-canvas{cursor:crosshair;touch-action:none;border:1px solid #4c4c422e;border-radius:7px 5px 8px 6px;outline:0;width:100%;max-height:100%;display:block;box-shadow:inset 0 0 20px #494a4214,0 5px 13px -9px #172426cc}.salty-wall-canvas.tool-eraser{cursor:cell}.salty-wall-canvas:focus-visible{outline-offset:3px;outline:4px solid #36a2b3}.salty-wall-salt{z-index:3;pointer-events:none;background:#fbfff7cc;border-radius:50%;width:3px;height:3px;position:absolute}.salty-wall-salt-one{top:8px;right:24%;box-shadow:8px 3px #fbfff7b3,17px -1px #fbfff780,27px 4px #fbfff7b8,37px 1px #fbfff775}.salty-wall-salt-two{bottom:9px;left:18%;box-shadow:9px -2px #fbfff785,19px 1px #fbfff7bf,31px -3px #fbfff77a}.salty-wall-unsaved-badge{z-index:4;color:#1d6876;letter-spacing:.05em;pointer-events:none;text-transform:uppercase;background:#ebfdfae6;border:1px solid #0c434e2e;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:950;position:absolute;top:23px;right:23px;box-shadow:0 5px 13px -9px #0d3c45b3}.salty-wall-canvas-loading{z-index:5;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f464f94;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex;position:absolute;inset:15px}.salty-wall-canvas-loading span{font-size:26px;animation:.9s ease-in-out infinite alternate salty-wall-bob;display:inline-block}.salty-wall-tools{background:#f7faf5f0;border:1px solid #37585c21;border-radius:16px;grid-template-columns:minmax(250px,1.4fr) minmax(210px,.85fr) minmax(315px,1.35fr);gap:13px;padding:13px;display:grid;box-shadow:0 12px 24px -22px #17373ba6}.salty-wall-tools fieldset{border:0;min-width:0;margin:0;padding:0}.salty-wall-tools legend{color:#59747a;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:950}.salty-wall-colors>div{grid-template-columns:repeat(6,minmax(34px,1fr));gap:7px;display:grid}.salty-wall-colors button{background:var(--graffiti-color);border:3px solid #f9fbf7;border-radius:11px 8px 12px 9px;outline:2px solid #d8dfda;place-items:center;min-width:34px;min-height:44px;transition:outline-color .12s,transform 90ms;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1520221a}.salty-wall-colors button:hover:not(:disabled){transform:translateY(-1px)rotate(-1deg)}.salty-wall-colors button.selected{outline:4px solid #2590a1;transform:translateY(-1px)scale(1.03)}.salty-wall-colors button span{color:#fff;opacity:0;text-shadow:0 1px 3px #000c;font-size:15px;font-weight:1000}.salty-wall-colors button.selected span{opacity:1}.salty-wall-widths>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.salty-wall-widths button,.salty-wall-tool-actions button{color:#36565d;background:#e9efeb;border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:7px 8px;font-size:11px;font-weight:900;transition:background .12s,border-color .12s,transform 90ms;display:flex}.salty-wall-widths button.selected,.salty-wall-tool-actions button.selected{color:#155d69;background:#dff2f1;border-color:#2f94a4}.salty-wall-widths button:active:not(:disabled),.salty-wall-tool-actions button:active:not(:disabled){transform:scale(.96)}.salty-wall-width-dot{background:currentColor;border-radius:50%;flex:none}.salty-wall-tool-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-content:end;gap:6px;display:grid}.salty-wall-tool-actions button>span{font-size:17px}.salty-wall-tool-actions .salty-wall-clear{color:#8b463e;background:#f8e6e2;font-size:10px}.salty-wall-tools button:disabled,.salty-wall-icon-button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.42}.salty-wall-ledger{background:repeating-linear-gradient(0deg,#66512f07 0 1px,#0000 1px 5px),linear-gradient(100deg,#94753f12,#0000 12%),#f4ead2;border-left:1px solid #4e54482e;min-width:0;min-height:0;padding:18px 16px 14px;overflow-y:auto;box-shadow:inset 9px 0 18px -18px #31352ebf}.salty-wall-ledger-heading{border-bottom:2px solid #7d5f302e;align-items:center;gap:10px;padding-bottom:13px;display:flex}.salty-wall-ledger-heading>span{font-size:28px}.salty-wall-ledger-heading p,.salty-wall-ledger-heading h3{margin:0}.salty-wall-ledger-heading p{color:#8e7249;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:950}.salty-wall-ledger-heading h3{color:#4d432f;font-size:20px;line-height:1.1}.salty-wall-ledger ol{gap:8px;margin:13px 0;padding:0;list-style:none;display:grid}.salty-wall-ledger li{background:#fffaeda3;border:1px solid #74572d1f;border-radius:12px 9px 13px 10px;align-items:center;gap:10px;min-width:0;padding:10px 9px;display:flex;position:relative}.salty-wall-tagger-emoji{background:#e0cfaa8c;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.salty-wall-tagger-copy{gap:1px;min-width:0;display:grid}.salty-wall-tagger-copy strong{color:#4c412d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.salty-wall-tagger-copy time{color:#8a7654;font-size:10px;font-weight:750}.salty-wall-latest{color:#258291;letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:1000;position:absolute;top:5px;right:7px}.salty-wall-ledger-empty{color:#796a4d;text-align:center;place-items:center;padding:34px 12px 24px;display:grid}.salty-wall-ledger-empty>span{margin-bottom:8px;font-size:35px}.salty-wall-ledger-empty strong{color:#554832;font-size:14px}.salty-wall-ledger-empty p{max-width:190px;margin:5px 0 0;font-size:11px;font-weight:700;line-height:1.4}.salty-wall-ledger-note{color:#917a56;text-align:center;margin:10px 0 0;font-family:Georgia,serif;font-size:11px;font-style:italic}.salty-wall-footer{min-height:72px;padding:10px 17px max(12px, env(safe-area-inset-bottom));background:#f4f7f2;border-top:1px solid #36595e2b;align-items:center;gap:16px;display:flex}.salty-wall-status{flex:1;min-width:0}.salty-wall-status p{color:var(--salty-soft);margin:0;font-size:12px;font-weight:750;line-height:1.35}.salty-wall-status p.error{color:#a23e4f}.salty-wall-status p.saved{color:#177060}.salty-wall-save{color:#fff;background:linear-gradient(#35a0af,#237b8b);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 21px;font-size:15px;font-weight:950;transition:filter .13s,transform 90ms,box-shadow 90ms;display:inline-flex;box-shadow:0 6px #175d6a,0 12px 21px -15px #145865e6}.salty-wall-save:hover:not(:disabled){filter:brightness(1.05)saturate(1.08)}.salty-wall-save:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #175d6a,0 7px 13px -10px #145865cc}.salty-wall-save:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.46;box-shadow:0 3px #6e8588}.salty-wall-confirm-layer{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c20299e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.salty-wall-confirm{width:min(430px,100%);color:var(--salty-ink,#20373d);text-align:center;background:#f7f7ef;border:1px solid #5367622e;border-radius:23px;padding:27px 25px 22px;animation:.18s ease-out both salty-wall-rise;box-shadow:0 28px 65px -25px #041923e0}.salty-wall-confirm>span{font-size:39px;display:block}.salty-wall-confirm h3{margin:8px 0 6px;font-size:22px}.salty-wall-confirm p{color:#64767b;margin:0 auto 20px;font-size:14px;font-weight:700;line-height:1.45}.salty-wall-confirm>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.salty-wall-confirm button{color:#34565d;background:#e5ece8;border-radius:12px;min-height:45px;padding:9px 12px;font-weight:900}.salty-wall-confirm button.danger{color:#963e4b;background:#f8dfe0}.salty-wall-shell button:focus-visible,.salty-wall-confirm button:focus-visible{outline-offset:3px;outline:3px solid #2b98a9}@media (width<=1040px){.salty-wall-tools{grid-template-columns:minmax(250px,1fr) minmax(210px,.8fr)}.salty-wall-tool-actions{grid-column:1/-1}}@media (width<=820px){.salty-wall-backdrop{padding:0;display:block}.salty-wall-shell{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.salty-wall-header{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 11px max(12px, env(safe-area-inset-left))}.salty-wall-title-icon{border-radius:14px 11px 15px 12px;width:43px;height:43px;font-size:23px}.salty-wall-title-lockup{gap:10px}.salty-wall-title-lockup h2{font-size:clamp(20px,5vw,27px)}.salty-wall-title-lockup>div>span{display:none}.salty-wall-body{display:block;overflow-y:auto}.salty-wall-studio{min-height:auto;padding:13px;overflow:visible}.salty-wall-canvas-frame{min-height:180px;padding:10px}.salty-wall-canvas-loading{inset:10px}.salty-wall-ledger{border-top:1px solid #4e54482e;border-left:0;overflow:visible}.salty-wall-ledger ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.salty-wall-title-lockup p{font-size:8px}.salty-wall-title-lockup h2{font-size:19px}.salty-wall-header-actions{gap:5px}.salty-wall-icon-button{width:44px;height:44px}.salty-wall-tools{grid-template-columns:1fr}.salty-wall-tool-actions{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.salty-wall-colors>div{grid-template-columns:repeat(6,minmax(31px,1fr))}.salty-wall-colors button{min-width:31px;min-height:44px}.salty-wall-ledger ol{grid-template-columns:1fr}.salty-wall-footer{padding-inline:max(12px, env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:6px}.salty-wall-save{width:100%}}@media (height<=640px) and (width>=821px){.salty-wall-shell{height:calc(100dvh - 16px)}.salty-wall-header{padding-block:10px}.salty-wall-title-icon{width:43px;height:43px;font-size:23px}.salty-wall-title-lockup>div>span{display:none}.salty-wall-studio{gap:9px;padding:11px}.salty-wall-tools{padding:9px}.salty-wall-footer{min-height:62px}}@media (prefers-reduced-motion:reduce){.salty-wall-backdrop,.salty-wall-shell,.salty-wall-confirm,.salty-wall-canvas-loading span{animation:none}}@keyframes salty-wall-fade{0%{opacity:0}}@keyframes salty-wall-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes salty-wall-spin{to{transform:rotate(1turn)}}@keyframes salty-wall-bob{to{transform:translateY(-5px)rotate(5deg)}}:root{--pink:#f472b6;--pink-deep:#db2777;--purple:#a78bfa;--sky:#38bdf8;--mint:#34d399;--sun:#fbbf24;--ink:#2b2d52;--ink-soft:#5b5f86;--paper:#fffdf7;--shadow:0 18px 40px -14px #26204a73;--radius:22px;--font:ui-rounded, "SF Pro Rounded", "Baloo 2", "Nunito", "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#bfe6ff 0%,#8fd3ff 45%,#6fc0f5 100%)}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;display:flex;position:fixed;inset:0}.canvas-holder{touch-action:none;position:absolute;inset:0}.canvas-holder canvas{outline:none;display:block}.gate{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(1200px 600px at 20% -10%,#ffe6f4 0%,#0000 60%),radial-gradient(900px 500px at 110% 10%,#d8f3ff 0%,#0000 55%),linear-gradient(#bfe6ff 0%,#93d6ff 50%,#74c4f7 100%);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.gate:before{content:"";pointer-events:none;background:linear-gradient(#8ed26a 0%,#63b348 100%);border-radius:50% 50% 0 0;height:34vh;position:fixed;bottom:-14vh;left:-10%;right:-10%}.gate-sound{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:2;min-height:44px;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7e6;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex;position:fixed;box-shadow:0 6px 18px -8px #1e193c80}.gate-sound:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.gate-card{background:var(--paper);width:min(560px,100%);box-shadow:var(--shadow);border-radius:30px;padding:30px 28px 26px;animation:.4s cubic-bezier(.2,1.3,.4,1) both pop-in;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.gate-title{text-align:center;letter-spacing:-.02em;margin:0;font-size:clamp(28px,7vw,42px);line-height:1.05}.gate-title .accent{color:var(--pink-deep);font-size:1.32em;display:block}.gate-sub{text-align:center;color:var(--ink-soft);margin:10px 0 22px;font-size:16px;font-weight:600}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.text-input{width:100%;color:var(--ink);background:#fbfaff;border:3px solid #e6e1f2;border-radius:16px;outline:none;padding:16px 18px;font-size:22px;font-weight:800;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--purple);box-shadow:0 0 0 5px #a78bfa38}.text-input.code{text-align:center;letter-spacing:.12em;text-transform:uppercase}.btn{color:#fff;background:linear-gradient(180deg, var(--pink) 0%, var(--pink-deep) 100%);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:18px;padding:17px 22px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 8px #a3185f,0 16px 26px -12px #a3185fb3}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #a3185f,0 8px 16px -10px #a3185fb3}.btn:disabled{filter:grayscale(.55)brightness(1.05);cursor:not-allowed}.btn.secondary{color:var(--ink);background:linear-gradient(#eceaf6 0%,#ddd9ee 100%);box-shadow:0 6px #c3bdd8}.btn.secondary:active{box-shadow:0 2px #c3bdd8}.btn.small{width:auto;margin-top:0;padding:10px 18px;font-size:15px}.btn-row{gap:10px;margin-top:18px;display:flex}.btn-row .btn{margin-top:0}.error-note{color:#a3184b;text-align:center;background:#ffe8ee;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:15px;font-weight:700}.hint-note{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:14px;font-weight:600}.join-divider{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin:24px 0 0;font-size:13px;font-weight:800;display:flex}.join-divider:before,.join-divider:after{content:"";background:#e6e1f2;border-radius:999px;flex:1;height:2px}.returning-note{color:var(--ink-soft);text-align:center;background:#f2effa;border-radius:14px;margin:-8px 0 20px;padding:11px 13px;font-size:14px;font-weight:700}.local-quick-join{background:linear-gradient(145deg,#f4efff,#edf9ff);border:2px solid #d9cdf8;border-radius:18px;align-items:center;gap:16px;margin:0 0 22px;padding:14px;display:flex}.local-quick-join>div{flex:1;gap:2px;min-width:0;display:grid}.local-quick-join span{color:#7653d6;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:900}.local-quick-join strong{font-size:16px}.local-quick-join small{color:var(--ink-soft);font-size:12px;font-weight:700}.local-quick-join button{color:#fff;background:linear-gradient(145deg,#9a79f0,#7653d6);border-radius:14px;flex:none;min-height:46px;padding:10px 15px;font-size:14px;font-weight:850;box-shadow:0 5px #5639a8}.local-quick-join button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #5639a8}.local-quick-join button:disabled{box-shadow:none;opacity:.65}.return-link-input{letter-spacing:0;-webkit-user-select:text;user-select:text;font-size:16px;font-weight:700}.player-pass-avatar{background:linear-gradient(145deg,#f6efff,#e9f7ff);border-radius:28px;place-items:center;width:88px;height:88px;margin:2px auto 10px;font-size:52px;display:grid;box-shadow:inset 0 0 0 3px #a78bfa33}.player-pass-name{margin:0 0 16px;font-size:22px}.player-pass-card{text-align:left;background:linear-gradient(145deg,#f8f5ff,#eef9ff);border:2px solid #d9d1f3;border-radius:18px;margin-top:14px;padding:16px}.player-pass-card strong{margin-bottom:7px;font-size:17px;display:block}.player-pass-card p{color:var(--ink-soft);margin:5px 0 0;font-size:14px;font-weight:650;line-height:1.45}.player-pass-link-label{text-align:left;margin-top:14px}.player-pass-link-value{-webkit-user-select:all;user-select:all;font-size:12px}.linky{color:var(--purple);background:0 0;padding:0;font-size:14px;font-weight:800;text-decoration:underline}.emoji-tabs{scrollbar-width:none;gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.emoji-tabs::-webkit-scrollbar{display:none}.emoji-tab{color:var(--ink-soft);background:#efecf8;border-radius:999px;flex:none;padding:9px 15px;font-size:14px;font-weight:800;transition:background .15s,color .15s}.emoji-tab.active{background:var(--ink);color:#fff}.emoji-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;max-height:min(42vh,330px);margin:4px -4px 0;padding:6px 4px;display:grid;overflow-y:auto}.emoji-cell{aspect-ratio:1;background:#f6f4fc;border:3px solid #0000;border-radius:16px;place-items:center;font-size:30px;line-height:1;transition:transform .1s,border-color .15s,background .15s;display:grid;position:relative}.emoji-cell:active{transform:scale(.92)}.emoji-cell.selected{border-color:var(--purple);background:#f0e9ff;transform:scale(1.06)}.emoji-cell.taken{opacity:.32;cursor:not-allowed;filter:grayscale()}.emoji-preview{background:linear-gradient(#f6f2ff,#eee7ff);border-radius:18px;align-items:center;gap:14px;margin:16px 0 4px;padding:14px 16px;display:flex}.emoji-preview .big{font-size:44px;line-height:1}.emoji-preview .who{font-size:19px;font-weight:800}.emoji-preview .sub{color:var(--ink-soft);font-size:13px;font-weight:700}.hud{pointer-events:none;z-index:5;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-top-left{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));flex-wrap:wrap;align-items:flex-start;gap:8px;max-width:calc(100% - 130px);display:flex;position:absolute}.hud-top-right{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));align-items:center;gap:8px;display:flex;position:absolute}.chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);white-space:nowrap;background:#fffdf7eb;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px -8px #1e193c80}.chip.button{transition:transform .1s,background .15s}.chip.button:active{transform:scale(.94)}.chip.on{background:var(--ink);color:#fff}.chip .dot{background:var(--mint);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #34d39947}.chip .dot.warn{background:var(--sun);box-shadow:0 0 0 3px #fbbf244d}.chip .dot.off{background:#f87171;box-shadow:0 0 0 3px #f871714d}.toasts{top:max(62px, calc(env(safe-area-inset-top) + 62px));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(90vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow);background:#2b2d52eb;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:700;animation:.35s cubic-bezier(.2,1.3,.4,1) both toast-in;display:flex}.toast .emoji{font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.9)}}.minimap{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));width:132px;height:132px;box-shadow:var(--shadow);background:#7ec8ef;border:4px solid #fffdf7f2;border-radius:50%;position:absolute;overflow:hidden}.minimap canvas{width:100%;height:100%;display:block}.hud.touch .minimap{left:auto;right:max(12px, env(safe-area-inset-right));bottom:auto;top:max(66px, calc(env(safe-area-inset-top) + 66px));width:104px;height:104px}.action-stack{right:max(14px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.round-btn{background:#fffdf7f2;border-radius:50%;place-items:center;width:66px;height:66px;font-size:27px;transition:transform 90ms,background .15s;display:grid;box-shadow:0 8px 20px -8px #1e193c99}.round-btn:active{transform:scale(.9)}.round-btn.big{background:linear-gradient(180deg, var(--mint), #10b981);color:#fff;width:82px;height:82px;font-size:32px}.round-btn.jump{color:#fff;background:linear-gradient(#93c5fd,#3b82f6)}.joystick-zone{touch-action:none;width:46%;height:52%;position:absolute;bottom:0;left:0}.joystick{pointer-events:none;background:#ffffff38;border:3px solid #ffffff8c;border-radius:50%;width:118px;height:118px;margin:-59px 0 0 -59px;position:absolute}.joystick .knob{background:#ffffffe6;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 6px 14px -6px #14143299}.interact-prompt{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 24px));box-shadow:var(--shadow);background:#fffdf7f5;border-radius:999px;align-items:center;gap:12px;max-width:88vw;padding:12px 22px;font-size:16px;font-weight:800;animation:1.6s ease-in-out infinite bob;display:flex;position:absolute;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.interact-prompt .icon{font-size:26px}.interact-prompt .key{background:var(--ink);color:#fff;border-radius:8px;padding:3px 9px;font-size:13px}.hud.touch .interact-prompt{bottom:max(112px, calc(env(safe-area-inset-bottom) + 112px));left:calc(50% - 44px)}.panel-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));z-index:20;background:#18162e6b;place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.panel{background:var(--paper);width:min(600px,100%);max-height:88vh;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;border-radius:28px;padding:26px 24px 24px;animation:.28s cubic-bezier(.2,1.3,.4,1) both pop-in;position:relative;overflow-y:auto}.panel h2{align-items:center;gap:10px;margin:0 0 4px;font-size:26px;display:flex}.panel .lede{color:var(--ink-soft);margin:0 0 18px;font-size:15px;font-weight:700}.panel-close{width:38px;height:38px;color:var(--ink-soft);background:#efecf8;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:16px;right:16px}.card{background:#f6f4fc;border-radius:18px;margin-bottom:12px;padding:16px 18px}.card.live{background:linear-gradient(#e8fbf1,#d6f6e6)}.card h3{align-items:center;gap:8px;margin:0 0 6px;font-size:18px;display:flex}.card p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600;line-height:1.5}.sound-setting{justify-content:space-between;align-items:center;gap:18px;display:flex}.sound-setting>div{min-width:0}.sound-toggle{background:#d6d2e4;border-radius:999px;flex:none;width:58px;height:34px;padding:3px;transition:background .18s;position:relative;box-shadow:inset 0 1px 3px #2b2d5233}.sound-toggle span{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .18s cubic-bezier(.2,1.15,.4,1);display:block;box-shadow:0 2px 7px #2b2d5247}.sound-toggle.on{background:var(--mint)}.sound-toggle.on span{transform:translate(24px)}.sound-toggle:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.card .sound-shortcut{margin-top:10px;font-size:12px}.tag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.tag.soon{color:#6f6a92;background:#e6e2f4}.tag.live{background:var(--mint);color:#05402c}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li{background:#f6f4fc;border-radius:15px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:700;display:flex}.list li .rank{width:26px;color:var(--ink-soft);font-size:13px;font-weight:800}.list li .avatar{font-size:24px;line-height:1}.list li .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list li .stars{color:#b4820c;font-size:14px;font-weight:800}.list li .status{background:#d3cfe2;border-radius:50%;width:9px;height:9px}.list li .status.online{background:var(--mint);box-shadow:0 0 0 3px #34d39940}.progress{background:#ece8f8;border-radius:999px;height:12px;margin:6px 0 14px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--sun), #f97316);border-radius:999px;height:100%;transition:width .4s}.emote-sheet{right:max(14px, env(safe-area-inset-right));bottom:max(100px, calc(env(safe-area-inset-bottom) + 100px));width:min(300px,78vw);box-shadow:var(--shadow);background:#fffdf7f5;border-radius:22px;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;animation:.22s cubic-bezier(.2,1.3,.4,1) both pop-in;display:grid;position:absolute}.emote-btn{color:var(--ink);text-align:left;background:#f4f1fb;border-radius:14px;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:800;transition:transform 80ms,background .15s;display:flex}.emote-btn:active{background:#e9e3fb;transform:scale(.94)}.emote-btn .e{font-size:21px}.nearby-chat-prompt{text-align:left;gap:10px;padding:10px 14px 10px 11px;animation:.28s cubic-bezier(.2,1.3,.4,1) both pop-in}.nearby-chat-faces,.chat-member-stack{flex:none;align-items:center;display:flex}.nearby-chat-faces span,.chat-member-stack span{border:3px solid var(--paper);background:#f1edfb;border-radius:50%;place-items:center;line-height:1;display:grid}.nearby-chat-faces span{width:42px;height:42px;margin-left:-12px;font-size:24px}.nearby-chat-faces span:first-child,.chat-member-stack span:first-child{margin-left:0}.nearby-chat-prompt-copy{min-width:0;display:grid}.nearby-chat-prompt-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nearby-chat-prompt-copy small{color:var(--ink-soft);font-size:11px;font-weight:750}.chat-invite-card{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 24px));z-index:8;background:radial-gradient(circle at 4% 0,#d8c4ffb3,#0000 35%),#fffdf7fa;border:2px solid #7e57d847;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(580px,100vw - 28px);padding:13px 14px;animation:.35s cubic-bezier(.2,1.25,.4,1) both chat-invite-in;display:grid;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 46px -18px #2b1e54a8,0 0 0 6px #ffffff47}.chat-invite-card:before{content:"";background:linear-gradient(#a78bfa,#7653d6);width:6px;position:absolute;inset:0 auto 0 0}.chat-invite-avatar{background:linear-gradient(145deg,#f1ebff,#e8f7ff);border:3px solid #fff;border-radius:19px;place-items:center;width:58px;height:58px;font-size:34px;line-height:1;display:grid;position:relative;box-shadow:0 7px 18px -10px #2b1e54cc}.chat-invite-avatar:after{content:"💬";background:#7653d6;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;animation:1.6s ease-in-out infinite chat-invite-pulse;display:grid;position:absolute;bottom:-7px;right:-9px}.chat-invite-copy{gap:2px;min-width:0;display:grid}.chat-invite-copy>span{color:#7653d6;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.chat-invite-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;overflow:hidden}.chat-invite-copy small{color:var(--ink-soft);font-size:13px;font-weight:750}.chat-invite-actions{align-items:center;gap:7px;display:flex}.chat-invite-actions button{white-space:nowrap;border-radius:14px;min-height:48px;font-size:14px;font-weight:900}.chat-invite-join{color:#fff;background:linear-gradient(145deg,#9a79f0,#7653d6);padding:10px 17px;box-shadow:0 5px #5639a8}.chat-invite-join:active{transform:translateY(3px);box-shadow:0 2px #5639a8}.chat-invite-dismiss{color:var(--ink-soft);background:0 0;padding:10px 11px}.chat-invite-dismiss:active{background:#efecf8;transform:scale(.96)}.hud.touch .chat-invite-card{bottom:max(112px, calc(env(safe-area-inset-bottom) + 112px))}@keyframes chat-invite-in{0%{opacity:0;transform:translate(-50%,18px)scale(.96)}}@keyframes chat-invite-pulse{50%{transform:scale(1.14);box-shadow:0 0 0 6px #7653d62e}}@media (width<=620px){.chat-invite-card{grid-template-columns:auto minmax(0,1fr);gap:11px 13px}.chat-invite-actions{grid-column:1/-1}.chat-invite-actions button{flex:1}}@media (prefers-reduced-motion:reduce){.chat-invite-card,.chat-invite-avatar:after{animation:none}}.chat-backdrop{z-index:40;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18162e80;place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.chat-panel{background:radial-gradient(circle at 90% -5%, #d8c4ff9e, transparent 31%), var(--paper);border:1px solid #53417024;border-radius:30px;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(680px,100%);height:min(760px,100dvh - 32px);min-height:min(520px,100dvh - 32px);animation:.28s cubic-bezier(.2,1.3,.4,1) both pop-in;display:grid;overflow:hidden;box-shadow:0 28px 70px -22px #18162eb8}.chat-header{border-bottom:1px solid #5341701a;align-items:center;gap:13px;padding:18px 18px 13px;display:flex}.chat-member-stack span{width:42px;height:42px;margin-left:-10px;font-size:23px}.chat-heading{flex:1;min-width:0}.chat-heading h2{margin:0;font-size:23px;line-height:1.1}.chat-heading p{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;font-weight:750;overflow:hidden}.chat-leave{min-width:64px;min-height:44px;color:var(--ink);background:#efecf8;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:850}.chat-leave:active{transform:scale(.95)}.chat-privacy{color:#69658a;text-align:center;background:#f2effa;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:750;display:flex}.chat-timeline{scroll-behavior:smooth;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:18px;overflow-y:auto}.chat-empty{text-align:center;align-content:center;place-items:center;min-height:100%;padding:28px;display:grid}.chat-empty-icon{font-size:48px}.chat-empty h3{margin:8px 0 3px;font-size:21px}.chat-empty p{max-width:340px;color:var(--ink-soft);margin:0;font-size:14px;font-weight:700}.chat-message{align-items:flex-end;gap:8px;margin:12px 0;display:flex}.chat-message.own{justify-content:flex-end}.chat-message-avatar{background:#f1edfb;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.chat-message>div{max-width:min(78%,470px)}.chat-message strong{color:var(--ink-soft);margin:0 0 4px 10px;font-size:12px;font-weight:850;display:block}.chat-message p{color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#f0edf8;border-radius:7px 19px 19px;margin:0;padding:11px 14px;font-size:16px;font-weight:680;line-height:1.38}.chat-message.own p{color:#fff;background:linear-gradient(145deg,#9a79f0,#7653d6);border-radius:19px 7px 19px 19px}.chat-notice{color:var(--ink-soft);text-align:center;margin:13px auto;font-size:12px;font-weight:800}.chat-sparks{scrollbar-width:none;touch-action:pan-x;gap:8px;padding:4px 16px 11px;display:flex;overflow-x:auto}.chat-sparks::-webkit-scrollbar{display:none}.chat-sparks button{min-height:40px;color:var(--ink);white-space:nowrap;background:#fff;border:2px solid #e6e0f5;border-radius:999px;flex:none;padding:8px 13px;font-size:13px;font-weight:800}.chat-sparks button:disabled{opacity:.42}.chat-composer{padding:12px 14px max(12px, env(safe-area-inset-bottom));background:#fffdf7f5;border-top:1px solid #5341701f;grid-template-columns:minmax(0,1fr) 50px;gap:9px;display:grid}.chat-composer input{width:100%;min-height:50px;color:var(--ink);touch-action:manipulation;-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #dfd9ee;border-radius:18px;outline:none;padding:11px 16px;font-size:16px;font-weight:700}.chat-composer input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #a78bfa2e}.chat-composer input:disabled{color:var(--ink-soft);background:#f2eff7}.chat-composer button{color:#fff;background:linear-gradient(145deg,#9a79f0,#7653d6);border-radius:16px;place-items:center;width:50px;height:50px;font-size:22px;display:grid;box-shadow:0 5px #5639a8}.chat-composer button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #5639a8}.chat-composer button:disabled{box-shadow:none;filter:grayscale(.7);opacity:.45}.chat-panel.chat-loading{text-align:center;align-content:center;place-items:center;height:min(460px,100dvh - 32px);min-height:380px;padding:40px;display:grid;position:relative}.chat-loading .chat-leave{position:absolute;top:18px;right:18px}.chat-loading-bubble{font-size:58px;animation:1.2s ease-in-out infinite bob-chat}.chat-loading h2{margin:13px 0 4px;font-size:24px}.chat-loading p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:700}@keyframes bob-chat{50%{transform:translateY(-8px)rotate(4deg)}}@media (width<=700px){.chat-backdrop{padding:0}.chat-panel{border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh}.chat-header{padding-top:max(14px, env(safe-area-inset-top))}.chat-panel.chat-loading{width:100%;height:100dvh;min-height:100dvh}}@media (height<=620px){.chat-panel{height:calc(100dvh - 20px);min-height:calc(100dvh - 20px)}.chat-header{padding-block:10px 8px}.chat-privacy{padding-block:6px}.chat-sparks{padding-bottom:7px}}.quiz-question{margin:8px 0 18px;font-size:21px;font-weight:800;line-height:1.35}.quiz-options{gap:10px;display:grid}.quiz-option{text-align:left;color:var(--ink);background:#f4f1fb;border:3px solid #0000;border-radius:16px;padding:15px 18px;font-size:16px;font-weight:800;transition:transform 80ms,background .15s,border-color .15s}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-option.right{border-color:var(--mint);background:#d6f6e6}.quiz-option.wrong{background:#ffe1e8;border-color:#fb7185}.quiz-meta{color:var(--ink-soft);justify-content:space-between;font-size:14px;font-weight:800;display:flex}.admin{padding:max(20px, env(safe-area-inset-top)) 20px 60px;background:#f3f1fa;position:fixed;inset:0;overflow-y:auto}.admin-inner{max-width:1040px;margin:0 auto}.admin h1{margin:0 0 4px;font-size:28px}.admin .muted{color:var(--ink-soft);margin:0 0 22px;font-size:14px;font-weight:700}.admin-section{background:#fff;border-radius:22px;margin-bottom:18px;padding:20px;box-shadow:0 10px 30px -20px #281e5099}.admin-section h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:19px;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 10px 30px -20px #281e5099}.stat .n{font-size:28px;font-weight:800;line-height:1}.stat .l{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-top:6px;font-size:12px;font-weight:800}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;padding:0 10px 10px;font-size:11px}td{vertical-align:middle;white-space:nowrap;border-top:2px solid #f0edf8;padding:11px 10px;font-weight:700}.mini-btn{color:var(--ink);background:#efecf8;border-radius:9px;margin-right:5px;padding:6px 11px;font-size:12px;font-weight:800;transition:background .15s}.mini-btn:hover{background:#e3def3}.mini-btn.danger{color:#b4184b;background:#ffe1e8}.code-pill{letter-spacing:.05em;background:#f0edf8;border-radius:9px;align-items:center;gap:8px;padding:5px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;display:inline-flex}.disabled-row{opacity:.45}.admin-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-form input{border:2px solid #e6e1f2;border-radius:12px;outline:none;min-width:0;padding:11px 14px;font-size:15px;font-weight:700}.admin-form input:focus{border-color:var(--purple)}.loading{z-index:30;text-align:center;background:linear-gradient(#bfe6ff 0%,#93d6ff 55%,#74c4f7 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading .spinner{font-size:54px;animation:1.6s cubic-bezier(.6,0,.4,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading .msg{color:#24406b;margin-top:16px;font-size:19px;font-weight:800}.loading .sub{color:#3a5f8f;margin-top:6px;font-size:14px;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){.gate-card{padding:24px 18px 20px}.round-btn{width:58px;height:58px;font-size:24px}.round-btn.big{width:72px;height:72px}.local-quick-join{flex-direction:column;align-items:stretch}}.art-viewer-backdrop,.art-archive-backdrop{z-index:35}.art-viewer-panel,.art-archive-panel{background:var(--paper);width:min(820px,100%);max-height:92vh;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;border:1px solid #5341701f;border-radius:28px;padding:28px;animation:.28s cubic-bezier(.2,1.3,.4,1) both pop-in;position:relative;overflow-y:auto}.art-viewer-panel .panel-close,.art-archive-panel .panel-close{z-index:2}.art-viewer-copy{text-align:center;padding:0 48px 16px}.art-viewer-copy h2{letter-spacing:-.025em;margin:0;font-size:clamp(24px,4vw,34px);line-height:1.12}.art-byline{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 10px;margin:9px 0 0;font-size:14px;font-weight:750;display:flex}.art-byline strong{color:var(--ink);font-size:16px}.art-byline-emoji{font-size:24px;line-height:1}.art-viewer-canvas-wrap{background:#fffdf7;border:7px solid #9a6431;border-radius:16px;outline:4px solid #efc862;padding:12px;box-shadow:0 16px 30px -20px #332013bf}.art-viewer-canvas-wrap canvas,.art-archive-card canvas{aspect-ratio:4/3;background:#fffdf7;width:100%;height:auto;display:block}.art-lazy-canvas{aspect-ratio:4/3;background:#f1ebdc;border-radius:12px;width:100%;display:block;overflow:hidden}.art-lazy-canvas canvas{width:100%;height:100%;display:block}.art-viewer-actions{justify-content:center;align-items:center;gap:16px;padding:20px 0 4px;display:flex}.art-heart-count{color:var(--ink-soft);align-items:center;gap:8px;font-size:16px;font-weight:850;display:inline-flex}.art-heart-icon{color:#db2777;font-size:27px;line-height:1}.art-liker-emojis{align-items:center;margin-left:2px;display:inline-flex}.art-liker-emojis>span{border:2px solid var(--paper);background:#f4f0e7;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-6px;font-size:17px;line-height:1;display:grid}.art-liker-emojis>span:first-child{margin-left:0}.art-liker-emojis>.art-liker-more{width:auto;min-width:28px;color:var(--ink-soft);border-radius:999px;padding-inline:5px;font-size:11px;font-weight:900}.art-like-button{min-width:136px}.art-like-button.liked{background:linear-gradient(#fb8fc1,#db2777)}.art-viewer-footer{border-top:2px solid #efebf6;justify-content:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.art-viewer-footer .btn{min-width:150px}.art-archive-panel{width:min(1080px,100%)}.art-archive-header{border-bottom:2px solid #eeeaf5;align-items:center;gap:16px;padding:0 48px 20px 0;display:flex}.art-archive-header h2{letter-spacing:-.025em;margin:0;font-size:clamp(25px,4vw,34px)}.art-archive-header p{color:var(--ink-soft);margin:4px 0 0;font-size:14px;font-weight:700}.art-archive-chest{font-size:48px;line-height:1}.art-archive-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding-top:20px;display:grid}.art-archive-card{min-width:0;color:var(--ink);text-align:left;background:#fffaf0;border:3px solid #e6d7b1;border-radius:15px;padding:8px;transition:transform .1s,border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 10px 22px -18px #2b2d52b3}.art-archive-card:hover{border-color:#d8ad4f;transform:translateY(-2px);box-shadow:0 15px 28px -18px #2b2d52b8}.art-archive-card:active{transform:scale(.98)}.art-archive-card-copy{gap:3px;padding:10px 6px 5px;display:grid}.art-archive-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.art-archive-card-copy>span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.art-archive-card-meta{color:#8f6580!important}.art-archive-empty{min-height:290px;color:var(--ink-soft);text-align:center;align-content:center;place-items:center;gap:7px;padding:30px;display:grid}.art-archive-empty>span{font-size:58px}.art-archive-empty strong{color:var(--ink);font-size:20px}.art-archive-empty p{max-width:390px;margin:0;font-size:14px;font-weight:700;line-height:1.45}.art-inline-error{color:#a5264d;background:#ffe8ee;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:13px 15px;font-size:13px;font-weight:800;display:flex}.art-loading{color:var(--ink-soft);text-align:center;margin:22px 0 4px;font-size:15px;font-weight:800}.art-load-more{margin:20px auto 0;display:block}.royal-scribble-loading{text-align:center;align-content:center;place-items:center;gap:9px;min-height:340px;padding:44px;display:grid}.royal-scribble-loading>span{font-size:52px}.royal-scribble-loading h2,.royal-scribble-loading p{margin:0}.royal-scribble-loading p{max-width:430px;color:var(--ink-soft);font-size:14px;font-weight:700}@media (width<=700px){.art-viewer-backdrop,.art-archive-backdrop{padding:0}.art-viewer-panel,.art-archive-panel{width:100%;min-height:100dvh;max-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));border:0;border-radius:0}.art-viewer-copy{padding-inline:38px}.art-viewer-copy h2{font-size:23px}.art-viewer-canvas-wrap{border-width:5px;outline-width:3px;padding:7px}.art-viewer-actions{flex-wrap:wrap;gap:10px}.art-viewer-footer .btn{flex:1;min-width:0}.art-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-archive-card{padding:5px}.art-archive-card-copy strong{white-space:normal}.art-interact-prompt{max-width:min(88vw,390px)}}@media (width<=390px){.art-viewer-footer{flex-direction:column-reverse}.art-viewer-footer .btn{width:100%}.art-archive-grid{grid-template-columns:1fr}}@media (width<=420px) and (height<=650px){.gate{padding-top:max(72px, env(safe-area-inset-top));place-items:start center}}.sky-strip{top:max(58px, calc(env(safe-area-inset-top) + 58px));pointer-events:auto;z-index:6;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(94vw,560px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.sky-strip .chip{font-variant-numeric:tabular-nums;justify-content:center;min-width:84px}.sky-countdown{pointer-events:none;z-index:7;text-align:center;place-items:center;display:grid;position:fixed;inset:0}.sky-countdown .number{color:#fff;text-shadow:0 4px #30447873,0 10px 34px #1e326e8c;font-size:clamp(72px,18vw,150px);font-weight:800;animation:.9s ease-out sky-count-pop}.sky-countdown p{color:#ffffffeb;text-shadow:0 2px 10px #1e326e99;margin-top:4px;font-size:18px;font-weight:700}@keyframes sky-count-pop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.sky-standings{left:max(12px, env(safe-area-inset-left));z-index:6;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sky-standings .row{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16203a9e;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 6px;font-size:13px;font-weight:700;display:flex}.sky-standings .row.you{color:#4a3208;background:#ffd45ee0}.sky-standings .place{text-align:center;opacity:.85;width:18px}.sky-standings .face{font-size:17px}.canoe-panel{width:min(680px,100%)}.canoe-panel .panel-close{width:44px;height:44px}.canoe-panel-title-row{align-items:center;gap:14px;padding-right:42px;display:flex}.canoe-panel-title-row h2{display:block}.canoe-panel-emoji{background:linear-gradient(145deg,#d7fff8,#9ceee1);border-radius:20px;flex:none;place-items:center;width:62px;height:62px;font-size:34px;display:grid;box-shadow:inset 0 0 0 2px #22c7b833}.canoe-eyebrow{color:#17897e;letter-spacing:.09em;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:900}.canoe-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.canoe-rules>div{min-height:92px;color:var(--ink-soft);background:#eefbf8;border-radius:18px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;font-weight:750;line-height:1.42;display:flex}.canoe-rules strong{color:#fff;background:#22c7b8;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.canoe-start-actions,.canoe-result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.canoe-start-actions .btn,.canoe-result-actions .btn{min-height:58px;margin-top:0}.canoe-solo-btn{background:linear-gradient(#35d4c5,#14998d);box-shadow:0 8px #0d746b,0 16px 26px -12px #0d746ba6}.canoe-inline-note,.canoe-lobby-status{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:14px;font-weight:750}.canoe-leaderboard{background:#f6f4fc;border-radius:20px;margin-top:20px;padding:16px}.canoe-leaderboard-heading,.canoe-lobby-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.canoe-leaderboard-heading h3,.canoe-lobby-heading h3,.canoe-result-leaders h3,.canoe-match-results h3{margin:0;font-size:17px}.canoe-leaderboard-heading>span{color:var(--ink-soft);font-size:12px;font-weight:800}.canoe-time-list,.canoe-lobby-list,.canoe-result-leaders ol,.canoe-match-results ol{margin:0;padding:0;list-style:none}.canoe-time-list li,.canoe-pinned-time,.canoe-lobby-list li,.canoe-result-leaders li,.canoe-match-results li{border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:6px 9px;font-size:14px;font-weight:800;display:flex}.canoe-time-list li.you,.canoe-pinned-time{color:#116d65;background:#ddf9f3}.canoe-empty-board{color:var(--ink-soft);justify-content:center}.canoe-pinned-time{border-top:1px solid #22c7b833;margin-top:8px}.canoe-lobby{background:linear-gradient(#edfcf9,#ddf8f2);border-radius:22px;margin-top:18px;padding:18px}.canoe-lobby-list li{background:#ffffffc2;margin-bottom:6px}.canoe-leader-tag{color:#8a5f00;text-transform:uppercase;background:#fff1b8;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px}.canoe-leave-lobby{margin-top:12px}.canoe-race-hud{z-index:8;pointer-events:none;color:var(--ink);position:fixed;inset:0}.canoe-race-hud button,.canoe-results-backdrop{pointer-events:auto}.canoe-race-topbar{top:max(12px, env(safe-area-inset-top));align-items:stretch;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canoe-race-stat,.canoe-exit-btn,.canoe-route-guide,.canoe-speed-meter,.canoe-rescue-btn{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffdf7eb;border:2px solid #ffffffb8;box-shadow:0 10px 24px -12px #1b234694}.canoe-race-stat{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;min-width:118px;min-height:58px;padding:8px 16px;display:flex}.canoe-race-stat span,.canoe-speed-meter span{color:var(--ink-soft);letter-spacing:.1em;font-size:10px;font-weight:900}.canoe-race-stat strong{font-variant-numeric:tabular-nums;font-size:21px}.canoe-exit-btn{min-width:76px;min-height:58px;color:var(--ink-soft);border-radius:18px;padding:8px 14px;font-size:13px;font-weight:900}.canoe-route-guide{top:max(82px, calc(env(safe-area-inset-top) + 82px));border-radius:999px;align-items:center;gap:10px;min-width:190px;padding:9px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canoe-route-guide>div{flex-direction:column;display:flex}.canoe-route-guide strong{font-size:13px}.canoe-route-guide div span{color:var(--ink-soft);font-size:12px;font-weight:800}.canoe-route-arrow{color:#fff;background:#22c7b8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:23px;line-height:1;transition:transform .12s linear;display:inline-grid}.canoe-race-map{top:max(84px, calc(env(safe-area-inset-top) + 84px));left:max(14px, env(safe-area-inset-left));background:#4fb6dc;border:4px solid #fffdf7f0;border-radius:24px;width:120px;height:152px;position:absolute;overflow:hidden;box-shadow:0 10px 24px -12px #1b2346ad}.canoe-race-map canvas{width:100%;height:100%;display:block}.canoe-speed-meter{left:50%;bottom:max(92px, calc(env(safe-area-inset-bottom) + 92px));border-radius:18px;width:min(270px,36vw);padding:10px 14px;position:absolute;transform:translate(-50%)}.canoe-speed-meter>div{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.canoe-speed-meter strong{font-size:13px}.canoe-rhythm-track{background:#d9d6e7;border-radius:999px;width:100%;height:7px;display:block;overflow:hidden}.canoe-rhythm-track>span{border-radius:inherit;background:linear-gradient(90deg,#22c7b8,#fbbf24);width:20%;height:100%;transition:width .12s linear;display:block}.canoe-paddle-controls{padding:0 max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;gap:clamp(8px,1.8vw,18px);display:flex;position:absolute;bottom:0;left:0;right:0}.canoe-paddle-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#32d7c8f5,#118b81f5);border:4px solid #ffffffc7;border-radius:34px;place-content:center;gap:1px;width:clamp(120px,18vw,180px);min-width:112px;height:clamp(104px,15vh,148px);min-height:96px;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 11px #0c7169,0 20px 34px -16px #084348cc}.canoe-paddle-btn.right{background:linear-gradient(200deg,#32d7c8f5,#118b81f5)}.canoe-reverse-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#f9b73afa,#be6e1efa);border:3px solid #fff7d5e6;border-radius:26px;place-content:center;gap:1px;width:clamp(92px,13vw,126px);min-width:88px;height:clamp(74px,11vh,102px);min-height:70px;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 8px #8e4e1c,0 16px 28px -15px #482d11d1}.canoe-reverse-btn:active{transform:translateY(6px)scale(.98);box-shadow:0 3px #8e4e1c,0 9px 18px -13px #482d11d1}.canoe-reverse-btn strong{letter-spacing:.04em;font-size:clamp(12px,1.5vw,16px)}.canoe-reverse-btn>span:last-child{opacity:.88;font-size:11px;font-weight:800}.canoe-reverse-icon{margin-bottom:1px;font-size:25px;line-height:.9;display:block}.canoe-paddle-btn:active{transform:translateY(7px)scale(.98);box-shadow:0 4px #0c7169,0 10px 20px -13px #084348cc}.canoe-paddle-btn strong{letter-spacing:.06em;font-size:clamp(18px,2vw,24px)}.canoe-paddle-btn>span:last-child{opacity:.86;font-size:13px;font-weight:800}.canoe-paddle-icon{margin-bottom:3px;font-size:28px;display:block;transform:rotate(-42deg)}.canoe-paddle-btn.right .canoe-paddle-icon{transform:rotate(42deg)scaleX(-1)}.canoe-control-hint{bottom:max(128px, calc(env(safe-area-inset-bottom) + 128px));color:#fff;text-align:center;text-shadow:0 2px 6px #0f2239cc;max-width:260px;margin:0;font-size:12px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.canoe-rescue-btn{right:max(18px, env(safe-area-inset-right));bottom:max(184px, calc(env(safe-area-inset-bottom) + 184px));min-height:54px;color:var(--ink);border-radius:18px;padding:10px 16px;font-size:13px;font-weight:900;position:absolute}.canoe-countdown{color:#fff;text-shadow:0 10px #2b2d5257,0 20px 45px #1227489e;place-items:center;font-size:clamp(120px,28vw,260px);font-weight:1000;line-height:1;animation:.42s cubic-bezier(.2,1.25,.35,1) both canoe-count-pop;display:grid;position:absolute;inset:0}.canoe-countdown.go{color:#eaffc8;font-size:clamp(64px,16vw,150px)}@keyframes canoe-count-pop{0%{opacity:0;transform:scale(1.5)}}.canoe-results-backdrop{padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom))}.canoe-results{width:min(590px,100%);max-height:92vh;box-shadow:var(--shadow);text-align:center;-webkit-overflow-scrolling:touch;background:linear-gradient(#f5fffc,#fffdf7 42%);border:5px solid #ffffffbf;border-radius:30px;padding:28px;overflow-y:auto}.canoe-results-medal{font-size:58px;display:block}.canoe-results h2{margin:4px 0 8px;font-size:30px}.canoe-finish-time{color:#167f75;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:8px 0;font-size:clamp(48px,11vw,72px);font-weight:1000}.canoe-result-detail{color:var(--ink-soft);margin:0 auto 18px;font-size:15px;font-weight:750}.canoe-result-leaders,.canoe-match-results{text-align:left;background:#f4f2fa;border-radius:18px;margin:14px 0;padding:14px}.canoe-result-leaders h3,.canoe-match-results h3{margin-bottom:8px}.canoe-result-leaders li span:nth-child(3),.canoe-match-results li span:nth-child(3){flex:1}.canoe-match-results p{color:var(--ink-soft);margin:8px 0 2px;font-size:14px;font-weight:700}.canoe-panel button:focus-visible,.canoe-race-hud button:focus-visible,.canoe-results button:focus-visible{outline-offset:3px;outline:4px solid #7139d5}@media (width<=700px){.canoe-rules{grid-template-columns:1fr}.canoe-rules>div{min-height:0}.canoe-panel{max-height:94dvh;padding:22px 18px 18px}.canoe-race-map{top:max(76px, calc(env(safe-area-inset-top) + 76px));width:92px;height:116px}.canoe-race-stat{min-width:96px;min-height:54px;padding:7px 10px}.canoe-race-stat strong{font-size:17px}.canoe-route-guide{top:max(76px, calc(env(safe-area-inset-top) + 76px))}.canoe-control-hint{display:none}}@media (width<=520px){.canoe-start-actions,.canoe-result-actions{grid-template-columns:1fr}.canoe-race-topbar{right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));justify-content:center;transform:none}.canoe-race-stat{flex:1;min-width:0}.gate-stat{display:none}.canoe-exit-btn{min-width:68px}.canoe-route-guide{min-width:164px;padding-inline:10px}.canoe-speed-meter{bottom:max(82px, calc(env(safe-area-inset-bottom) + 82px));width:min(220px,48vw)}.canoe-paddle-btn{border-radius:27px;width:104px;min-width:96px;height:92px;min-height:88px}.canoe-reverse-btn{border-radius:23px;width:88px;min-width:84px;height:72px;min-height:68px}.canoe-rescue-btn{bottom:max(132px, calc(env(safe-area-inset-bottom) + 132px))}}@media (prefers-reduced-motion:reduce){.canoe-countdown,.canoe-route-arrow,.canoe-rhythm-track>span,.canoe-paddle-btn{transition:none;animation:none}}