@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(./PretendardVariable-CJuje-Rk.woff2)format("woff2-variations")}@font-face{font-family:Jalnan2;src:url(./Jalnan2-DmPn_pUB.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:YeogiOttaeJalnan;src:url(./Jalnan2-DmPn_pUB.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--pink-5:#fff5fe;--pink-10:#ffe8fc;--pink-20:#ffc8f7;--pink-30:#ffadf3;--pink-40:#ff96f1;--pink-50:#ff83ef;--pink-60:#e565d4;--pink-70:#c44db8;--pink-80:#9c3a92;--pink-90:#6b2563;--pink-100:#3d1438;--blue-5:#f0f6ff;--blue-10:#dceeff;--blue-20:#b9dcff;--blue-30:#96caff;--blue-40:#7db5ff;--blue-50:#62a1ff;--blue-60:#4880e0;--blue-70:#3363c0;--blue-80:#2048a0;--blue-90:#112e70;--blue-100:#071840;--red-5:#fff0f0;--red-10:#ffdada;--red-20:#ffb5b5;--red-30:#ff9090;--red-40:#ff7878;--red-50:#ff5e5e;--red-60:#e64545;--red-70:#c23535;--red-80:#8f2828;--red-90:#5c1a1a;--red-100:#2e0d0d;--yellow-5:#fff9e0;--yellow-10:#fff0bf;--yellow-20:#ffe48a;--yellow-30:#ffd956;--yellow-40:#ffce30;--yellow-50:#ffc20a;--yellow-60:#e6a800;--yellow-70:#bd8a00;--yellow-80:#8a6500;--yellow-90:#5c4300;--yellow-100:#2e2100;--green-5:#edfcf5;--green-10:#dafbeb;--green-20:#c3f8de;--green-30:#a3f5cc;--green-40:#83f1ba;--green-50:#66efab;--green-60:#40dd8f;--green-70:#2db470;--green-80:#268254;--green-90:#1c5438;--green-100:#0f291c;--sky-5:#f7fbff;--sky-10:#eef6ff;--sky-20:#dfeeff;--sky-30:#c9daee;--sky-40:#b7d0ed;--sky-50:#9abfe0;--sky-60:#7aaacf;--neutral-0:#fff;--neutral-5:#f8f8f8;--neutral-10:#f0f0f0;--neutral-20:#cecece;--neutral-30:#b0b0b0;--neutral-40:#999;--neutral-60:#666;--neutral-80:#333;--neutral-90:#1a1a1a;--neutral-100:#141414;--slate-60:#41515f;--color-primary-normal:var(--pink-50);--color-primary-strong:var(--pink-60);--color-primary-heavy:var(--pink-70);--color-secondary-normal:var(--blue-50);--color-secondary-strong:var(--blue-60);--color-secondary-heavy:var(--blue-70);--color-player-pink:var(--pink-50);--color-player-blue:var(--blue-50);--color-player-red:var(--red-50);--color-player-yellow:var(--yellow-50);--color-player-green:var(--green-50);--me-color:var(--color-player-pink);--opp-color:var(--color-player-blue);--color-label-strong:var(--neutral-90);--color-label-normal:var(--neutral-100);--color-label-neutral:var(--neutral-60);--color-label-alternative:var(--neutral-40);--color-label-disable:var(--neutral-20);--color-bg-normal:var(--sky-20);--color-bg-alternative:var(--sky-10);--color-bg-surface:var(--neutral-0);--color-bg-elevated:var(--sky-10);--color-board-bg:var(--neutral-0);--color-board-border:var(--sky-40);--color-board-dot:var(--neutral-20);--color-board-dot-active:var(--slate-60);--color-board-line:var(--neutral-20);--color-button-primary:var(--neutral-100);--color-button-primary-text:var(--neutral-0);--color-static-white:var(--neutral-0);--color-static-black:var(--neutral-100);--color-material-dimmer:#0000006b;--color-tint-wins-bg:#e2ebff;--color-tint-wins-text:#2452c8;--color-tint-losses-bg:#ffe7e7;--color-tint-losses-text:#c83030;--color-tint-draws-bg:#fff5d6;--color-tint-draws-text:#a07400;--color-tint-info-bg:#f6f7fa;--color-tint-podium-1st:#fff7de;--color-tint-podium-2nd:#f2f8ff;--color-tint-podium-3rd:#fff1e9;--grad-win:linear-gradient(180deg, #f8a8ff 0%, #d97cf5 100%);--grad-lose:linear-gradient(180deg, #a4c8ff 0%, #6f8ce0 100%);--grad-draw:linear-gradient(180deg, #c8c8d8 0%, #8b8b9f 100%);--pink:var(--color-player-pink);--pink-fill:var(--color-player-pink);--blue:var(--color-player-blue);--blue-fill:var(--color-player-blue);--bg:var(--color-bg-normal);--body-bg:var(--sky-20);--card:var(--color-bg-surface);--btn-dark:var(--color-button-primary);--board-border:var(--color-board-border);--dot-color:var(--color-board-dot);--line-color:var(--color-board-line);--modal-bg:var(--color-material-dimmer);--text:var(--color-label-normal);--text-secondary:var(--color-label-neutral);--text-inverse:var(--color-static-white);--space-0:0;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-60:60px;--space-64:64px;--space-80:80px;--radius-0:0;--radius-4:4px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-32:32px;--radius-40:40px;--radius-full:999px;--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-btn:var(--radius-12);--radius-score:var(--radius-20);--radius-board:var(--radius-32);--size-26:26px;--size-32:32px;--size-36:36px;--size-40:40px;--size-44:44px;--size-48:48px;--size-52:52px;--size-56:56px;--size-60:60px;--size-64:64px;--size-80:80px;--size-120:120px;--layout-mobile-viewport:360px;--layout-mobile-max-width:480px;--component-btn-large:60px;--component-btn-modal:52px;--component-btn-small:36px;--component-modal-width:295px;--avatar-score:48px;--avatar-modal:64px;--screen-max-width:480px;--game-max-width:360px;--board-dot-size:10px;--board-line-width:6px;--font:"YeogiOttaeJalnan", "Jalnan2", "Black Han Sans", "Pretendard", "Noto Sans KR", sans-serif;--font-body:"Pretendard", "Noto Sans KR", sans-serif;--text-display-1:40px;--text-display-2:32px;--text-display-3:28px;--lh-display:1.3;--text-title-1:24px;--text-title-2:20px;--text-title-3:18px;--lh-title:1.35;--text-heading-1:16px;--text-heading-2:14px;--text-body-1:16px;--text-body-2:14px;--lh-body:1.5;--text-caption-1:13px;--text-caption-2:12px;--text-label-1:14px;--text-label-2:12px;--lh-label:1.43;--font-size-logo-home:42px;--font-size-logo-game:26px;--font-size-score:24px;--font-size-modal-title:24px;--font-size-btn:16px;--font-size-turn:13px;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--shadow-card:0 2px 8px #3c50820d;--shadow-card-up:0 8px 24px #3c50821a;--shadow-sheet:0 -8px 24px #0000001a;--shadow-modal:0 20px 50px #00000040;--shadow-pill:0 2px 6px #3c508214;--shadow-board:0 2px 12px #3c50820d;--gradient-home:linear-gradient(to bottom, #fff, var(--sky-20));--gradient-modal-bg:linear-gradient(160deg, #dfeeff 0%, #f0e8ff 50%, #ffe8f2 100%)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--body-bg);color:var(--text);font-synthesis:none;-webkit-font-synthesis:none;justify-content:center;align-items:center;display:flex}.t-display-1{font-family:var(--font);font-size:var(--text-display-1);line-height:var(--lh-display);font-synthesis:none;font-weight:400}.t-display-2{font-family:var(--font);font-size:var(--text-display-2);line-height:var(--lh-display);font-synthesis:none;font-weight:400}.t-display-3{font-family:var(--font);font-size:var(--text-display-3);line-height:var(--lh-display);font-synthesis:none;font-weight:400}.t-title-1{font-family:var(--font);font-size:var(--text-title-1);line-height:var(--lh-title);font-synthesis:none;font-weight:400}.t-title-2{font-family:var(--font);font-size:var(--text-title-2);line-height:var(--lh-title);font-synthesis:none;font-weight:400}.t-title-3{font-family:var(--font);font-size:var(--text-title-3);line-height:var(--lh-title);font-synthesis:none;font-weight:400}.t-heading-1{font-family:var(--font);font-size:var(--text-heading-1);font-synthesis:none;font-weight:400}.t-heading-2{font-family:var(--font);font-size:var(--text-heading-2);font-synthesis:none;font-weight:400}.t-body-1{font-family:var(--font-body);font-size:var(--text-body-1);line-height:var(--lh-body);font-weight:400}.t-body-1-m{font-family:var(--font-body);font-size:var(--text-body-1);line-height:var(--lh-body);font-weight:500}.t-body-1-b{font-family:var(--font-body);font-size:var(--text-body-1);line-height:var(--lh-body);font-weight:700}.t-body-2{font-family:var(--font-body);font-size:var(--text-body-2);line-height:var(--lh-body);font-weight:400}.t-body-2-m{font-family:var(--font-body);font-size:var(--text-body-2);line-height:var(--lh-body);font-weight:500}.t-body-2-b{font-family:var(--font-body);font-size:var(--text-body-2);line-height:var(--lh-body);font-weight:700}.t-caption-1{font-family:var(--font-body);font-size:var(--text-caption-1);line-height:var(--lh-body);font-weight:400}.t-caption-1-m{font-family:var(--font-body);font-size:var(--text-caption-1);line-height:var(--lh-body);font-weight:500}.t-caption-1-b{font-family:var(--font-body);font-size:var(--text-caption-1);line-height:var(--lh-body);font-weight:700}.t-caption-2{font-family:var(--font-body);font-size:var(--text-caption-2);line-height:var(--lh-body);font-weight:400}.t-caption-2-m{font-family:var(--font-body);font-size:var(--text-caption-2);line-height:var(--lh-body);font-weight:500}.t-label-1{font-family:var(--font-body);font-size:var(--text-label-1);line-height:var(--lh-label);font-weight:400}.t-label-2{font-family:var(--font-body);font-size:var(--text-label-2);line-height:var(--lh-label);font-weight:400}.icon{vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:24px;height:24px;display:inline-block}.icon-16{width:16px;height:16px}.icon-20{width:20px;height:20px}.icon-28{width:28px;height:28px}.icon-32{width:32px;height:32px}.icon-48{width:48px;height:48px}.icon-settings{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013C14.1733%2013%2016.0933%2013.52%2017.6533%2014.2C19.0933%2014.84%2020%2016.28%2020%2017.84V18.6667C20%2019.4%2019.4%2020%2018.6667%2020H5.33333C4.6%2020%204%2019.4%204%2018.6667V17.8533C4%2016.28%204.90667%2014.84%206.34667%2014.2133C7.90667%2013.52%209.82667%2013%2012%2013ZM12%204C14.2133%204%2016%205.78667%2016%208C16%2010.2133%2014.2133%2012%2012%2012C9.78667%2012%208%2010.2133%208%208C8%205.78667%209.78667%204%2012%204Z'%20fill='currentColor'/%3e%3c/svg%3e")}.icon-myinfo{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013.5C15.26%2013.5%2018.14%2014.28%2020.48%2015.3C22.64%2016.26%2024%2018.42%2024%2020.76V22C24%2023.1%2023.1%2024%2022%2024H2C0.9%2024%200%2023.1%200%2022V20.78C0%2018.42%201.36%2016.26%203.52%2015.32C5.86%2014.28%208.74%2013.5%2012%2013.5ZM12%200C15.32%200%2018%202.68%2018%206C18%209.32%2015.32%2012%2012%2012C8.68%2012%206%209.32%206%206C6%202.68%208.68%200%2012%200Z'%20fill='%23FFADF3'/%3e%3c/svg%3e")}.icon-ranking{background-image:url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(6%206)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.7544%2024.1106H20.5799V33.3585H14.7544V24.1106Z'%20fill='%2396CAFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.9908%204.61182C36.053%204.27462%2035.7927%203.9638%2035.4479%203.9638H30.3587C28.4869%203.9638%2026.9694%205.47265%2026.9694%207.33389V15.6139C26.9694%2015.7465%2027.0775%2015.8539%2027.2108%2015.8539C31.0941%2015.8539%2034.4233%2013.0962%2035.1249%209.29847L35.9908%204.61182Z'%20fill='%2396CAFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.00924598%204.61182C-0.0530483%204.27462%200.207346%203.9638%200.552128%203.9638H5.64132C7.51314%203.9638%209.03055%205.47265%209.03055%207.33389V15.6139C9.03055%2015.7465%208.92248%2015.8539%208.78916%2015.8539C4.90592%2015.8539%201.57669%2013.0962%200.875075%209.29847L0.00924598%204.61182Z'%20fill='%2396CAFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.37709%200.505134C5.37709%200.226155%205.60454%200%205.8851%200H30.113C30.3936%200%2030.621%200.226157%2030.621%200.505136V13.2112C30.621%2020.1428%2024.97%2025.7619%2017.9991%2025.7619C11.0281%2025.7619%205.37709%2020.1428%205.37709%2013.2112V0.505134Z'%20fill='%23DFEEFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.8028%2015.9801L13.6811%2018.1347L14.4683%2013.5711L11.1338%2010.3391L15.742%209.67328L17.8028%205.52116L19.8636%209.67328L24.4718%2010.3391L21.1373%2013.5711L21.9245%2018.1347L17.8028%2015.9801Z'%20fill='%2396CAFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.574%2031.3761C10.4338%2031.3761%208.69881%2033.1012%208.69881%2035.2293C8.69881%2035.655%209.0458%2036%209.47384%2036H26.2563C26.6843%2036%2027.0313%2035.655%2027.0313%2035.2293C27.0313%2033.1012%2025.2964%2031.3761%2023.1562%2031.3761H12.574Z'%20fill='%23DCEEFF'/%3e%3c/g%3e%3c/svg%3e")}.icon-back{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.2992%205.20702C11.5938%205.49041%2011.6024%205.95852%2011.3185%206.25256L6.48342%2011.2606H19.2593C19.6684%2011.2606%2020%2011.5916%2020%2012C20%2012.4084%2019.6684%2012.7394%2019.2593%2012.7394H6.48342L11.3185%2017.7474C11.6024%2018.0415%2011.5938%2018.5096%2011.2992%2018.793C11.0046%2019.0764%2010.5357%2019.0677%2010.2518%2018.7737L4.20739%2012.5131C3.93087%2012.2267%203.93087%2011.7733%204.20739%2011.4869L10.2518%205.22631C10.5357%204.93226%2011.0046%204.92363%2011.2992%205.20702Z'%20fill='currentColor'/%3e%3c/svg%3e")}.icon-close{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.7217%205.21973C18.0145%204.92689%2018.4893%204.927%2018.7822%205.21973C19.0751%205.51262%2019.0751%205.98738%2018.7822%206.28027L13.0615%2012.001L18.7822%2017.7217C19.0751%2018.0146%2019.0751%2018.4893%2018.7822%2018.7822C18.4893%2019.0751%2018.0146%2019.0751%2017.7217%2018.7822L12.001%2013.0615L6.28028%2018.7822C5.98739%2019.0751%205.51263%2019.0751%205.21973%2018.7822C4.92702%2018.4893%204.9269%2018.0145%205.21973%2017.7217L10.9404%2012.001L5.21973%206.28027C4.92684%205.98738%204.92684%205.51262%205.21973%205.21973C5.51263%204.92683%205.98739%204.92683%206.28028%205.21973L12.001%2010.9404L17.7217%205.21973Z'%20fill='currentColor'/%3e%3c/svg%3e")}.icon-save{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.25%2016.5C20.6642%2016.5%2021%2016.8358%2021%2017.25V20.25C21%2020.6642%2020.6642%2021%2020.25%2021H3.75C3.33579%2021%203%2020.6642%203%2020.25V17.25C3%2016.8358%203.33579%2016.5%203.75%2016.5C4.16421%2016.5%204.5%2016.8358%204.5%2017.25V19.5H19.5V17.25C19.5%2016.8358%2019.8358%2016.5%2020.25%2016.5ZM12%203C12.414%203.00021%2012.75%203.33592%2012.75%203.75V14.6855L17.8301%209.79004C18.1283%209.50283%2018.6033%209.5114%2018.8906%209.80957C19.1777%2010.1077%2019.169%2010.5827%2018.8711%2010.8701L12.5205%2016.9902C12.2301%2017.2699%2011.7699%2017.2699%2011.4795%2016.9902L5.12988%2010.8701C4.83165%2010.5827%204.82293%2010.1078%205.11035%209.80957C5.39781%209.51152%205.87272%209.50266%206.1709%209.79004L11.25%2014.6855V3.75C11.25%203.33592%2011.586%203.00021%2012%203Z'%20fill='currentColor'/%3e%3c/svg%3e")}.icon-prize-1st{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.3772%2015.0553H13.29V19.6792H10.3772V15.0553Z'%20fill='%23FFD357'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.9954%205.30591C21.0265%205.13731%2020.8963%204.9819%2020.7239%204.9819H18.1793C17.2434%204.9819%2016.4847%205.73632%2016.4847%206.66695V10.8069C16.4847%2010.8732%2016.5388%2010.927%2016.6054%2010.927C18.547%2010.927%2020.2117%209.54811%2020.5625%207.64923L20.9954%205.30591Z'%20fill='%23FFD357'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.00462%205.30591C2.97348%205.13731%203.10367%204.9819%203.27606%204.9819H5.82066C6.75657%204.9819%207.51528%205.73632%207.51528%206.66695V10.8069C7.51528%2010.8732%207.46124%2010.927%207.39458%2010.927C5.45296%2010.927%203.78834%209.54811%203.43754%207.64923L3.00462%205.30591Z'%20fill='%23FFD357'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.68855%203.25257C5.68855%203.11308%205.80227%203%205.94255%203H18.0565C18.1968%203%2018.3105%203.11308%2018.3105%203.25257V9.60562C18.3105%2013.0714%2015.485%2015.881%2011.9995%2015.881C8.51407%2015.881%205.68855%2013.0714%205.68855%209.60562V3.25257Z'%20fill='%23FFE18F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.28699%2018.688C8.21689%2018.688%207.3494%2019.5506%207.3494%2020.6147C7.3494%2020.8275%207.5229%2021%207.73692%2021H16.1281C16.3422%2021%2016.5157%2020.8275%2016.5157%2020.6147C16.5157%2019.5506%2015.6482%2018.688%2014.5781%2018.688H9.28699Z'%20fill='%23F2B200'/%3e%3cpath%20d='M11.5426%206.41657C11.6589%206.1411%2011.8992%206%2012.2248%206C12.6744%206%2013%206.23516%2013%206.67861V12H11.4496V8.08287H10.7984C10.3643%208.08287%2010%207.88802%2010%207.51848C10%207.20941%2010.2481%207.00784%2010.5581%206.96752C10.9767%206.92049%2011.3953%206.77268%2011.5426%206.41657Z'%20fill='%237E5F00'/%3e%3c/svg%3e")}.icon-prize-2nd{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.3772%2015.0553H13.29V19.6792H10.3772V15.0553Z'%20fill='%23ADD3FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.9954%205.30591C21.0265%205.13731%2020.8963%204.9819%2020.7239%204.9819H18.1793C17.2434%204.9819%2016.4847%205.73632%2016.4847%206.66695V10.8069C16.4847%2010.8732%2016.5388%2010.927%2016.6054%2010.927C18.547%2010.927%2020.2117%209.54811%2020.5625%207.64923L20.9954%205.30591Z'%20fill='%23ADD3FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.00462%205.30591C2.97348%205.13731%203.10367%204.9819%203.27606%204.9819H5.82066C6.75657%204.9819%207.51528%205.73632%207.51528%206.66695V10.8069C7.51528%2010.8732%207.46124%2010.927%207.39458%2010.927C5.45296%2010.927%203.78834%209.54811%203.43754%207.64923L3.00462%205.30591Z'%20fill='%23ADD3FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.68855%203.25257C5.68855%203.11308%205.80227%203%205.94255%203H18.0565C18.1968%203%2018.3105%203.11308%2018.3105%203.25257V9.60562C18.3105%2013.0714%2015.485%2015.881%2011.9995%2015.881C8.51407%2015.881%205.68855%2013.0714%205.68855%209.60562V3.25257Z'%20fill='%23DFEEFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.28699%2018.688C8.21689%2018.688%207.3494%2019.5506%207.3494%2020.6147C7.3494%2020.8275%207.5229%2021%207.73692%2021H16.1281C16.3422%2021%2016.5157%2020.8275%2016.5157%2020.6147C16.5157%2019.5506%2015.6482%2018.688%2014.5781%2018.688H9.28699Z'%20fill='%2390C2FB'/%3e%3cpath%20d='M14%2012.25H10.8794C10.3475%2012.25%2010%2011.937%2010%2011.3911V11.311C10%2010.3357%2010.2837%209.96445%2010.8794%209.40398L12.0638%208.28304C12.3475%208.021%2012.4965%207.82447%2012.4965%207.54787C12.4965%207.2276%2012.227%207.07475%2011.9716%207.07475C11.6241%207.07475%2011.4539%207.2276%2011.3121%207.38774C11.2128%207.5042%2011.078%207.6425%2010.9433%207.67889C10.7518%207.73712%2010.4894%207.71529%2010.2837%207.54059C10.0284%207.32951%2010.0284%206.93645%2010.1915%206.65985C10.5532%206.05571%2011.2057%205.75%2012.0851%205.75C13.0851%205.75%2013.9433%206.31775%2013.9433%207.4023C13.9433%208.21753%2013.5035%208.68337%2012.9149%209.27296L12.0071%2010.1755C11.7021%2010.4812%2011.4965%2010.5613%2011.4965%2010.8306V10.8816C11.4965%2010.9544%2011.5248%2010.9908%2011.6028%2010.9908H14V12.25Z'%20fill='%23145DCB'/%3e%3c/svg%3e")}.icon-prize-3rd{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.3772%2015.0553H13.29V19.6792H10.3772V15.0553Z'%20fill='%23D5AA95'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.9954%205.30591C21.0265%205.13731%2020.8963%204.9819%2020.7239%204.9819H18.1793C17.2434%204.9819%2016.4847%205.73632%2016.4847%206.66695V10.8069C16.4847%2010.8732%2016.5388%2010.927%2016.6054%2010.927C18.547%2010.927%2020.2117%209.54811%2020.5625%207.64923L20.9954%205.30591Z'%20fill='%23D5AA95'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.00462%205.30591C2.97348%205.13731%203.10367%204.9819%203.27606%204.9819H5.82066C6.75657%204.9819%207.51528%205.73632%207.51528%206.66695V10.8069C7.51528%2010.8732%207.46124%2010.927%207.39458%2010.927C5.45296%2010.927%203.78834%209.54811%203.43754%207.64923L3.00462%205.30591Z'%20fill='%23D5AA95'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.68855%203.25257C5.68855%203.11308%205.80227%203%205.94255%203H18.0565C18.1968%203%2018.3105%203.11308%2018.3105%203.25257V9.60562C18.3105%2013.0714%2015.485%2015.881%2011.9995%2015.881C8.51407%2015.881%205.68855%2013.0714%205.68855%209.60562V3.25257Z'%20fill='%23FFD8C5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.28699%2018.688C8.21689%2018.688%207.3494%2019.5506%207.3494%2020.6147C7.3494%2020.8275%207.5229%2021%207.73692%2021H16.1281C16.3422%2021%2016.5157%2020.8275%2016.5157%2020.6147C16.5157%2019.5506%2015.6482%2018.688%2014.5781%2018.688H9.28699Z'%20fill='%23CC9478'/%3e%3cpath%20d='M13.5717%207.33035L12.4905%208.35162C13.34%208.44569%2014%209.05039%2014%2010.0448C14%2011.3214%2013.0241%2012%2011.7743%2012C11.1495%2012%2010.4544%2011.785%2010.1244%2011.3617C9.93485%2011.1131%209.96293%2010.7637%2010.2016%2010.5622C10.3982%2010.3942%2010.6159%2010.3875%2010.8195%2010.4546C10.974%2010.5084%2011.0863%2010.5957%2011.2056%2010.6629C11.332%2010.7301%2011.5146%2010.7772%2011.7673%2010.7772C12.2869%2010.7772%2012.6239%2010.4815%2012.6239%209.99776C12.6239%209.48712%2012.2307%209.2318%2011.648%209.2318H11.2688C10.995%209.2318%2010.7984%209.06383%2010.7493%208.8757C10.6861%208.63382%2010.7423%208.44569%2010.981%208.22396L12.1465%207.12206H10.6791C10.2648%207.12206%2010.1034%206.82643%2010.1034%206.56439C10.1034%206.30907%2010.2719%206%2010.6791%206H13.003C13.7613%206%2014.0491%206.8869%2013.5717%207.33035Z'%20fill='%23844728'/%3e%3c/svg%3e")}button{-webkit-tap-highlight-color:transparent;will-change:opacity;transition:opacity var(--duration-fast) ease;font-family:var(--font);cursor:pointer;transform:translateZ(0)}button:hover{opacity:.75}button:active{opacity:.6}button:disabled{opacity:.4;cursor:not-allowed}.btn{border-radius:var(--radius-12);font-family:var(--font);cursor:pointer;white-space:nowrap;height:var(--component-btn-large);transition:opacity var(--duration-fast) ease;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;display:inline-flex}.btn.large{height:var(--component-btn-large);border-radius:var(--radius-12);padding:0 20px;font-size:16px}.btn.medium{height:var(--component-btn-modal);border-radius:var(--radius-8);padding:0 16px;font-size:14px}.btn.small{height:var(--component-btn-small);border-radius:var(--radius-8);gap:6px;padding:0 12px;font-size:12px}.btn.primary{background:var(--color-button-primary);color:var(--color-button-primary-text)}.btn.secondary{background:var(--color-bg-surface);color:var(--color-label-normal)}.btn[disabled],.btn.disabled,.btn.primary[disabled],.btn.primary.disabled{background:var(--neutral-10);color:var(--color-label-disable);cursor:not-allowed;opacity:1}.btn.secondary[disabled],.btn.secondary.disabled{background:var(--color-bg-surface);color:var(--color-label-disable)}.btn .btn-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn.small .btn-dot{width:6px;height:6px}.opt{background:var(--blue-5);height:44px;color:var(--color-label-normal);border-radius:var(--radius-12);font-family:var(--font);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border:none;flex:1;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.opt.selected,.opt.active{background:var(--color-button-primary);color:var(--color-button-primary-text)}.opt:disabled,.opt.disabled{background:var(--blue-5);color:var(--color-label-disable);cursor:not-allowed}.card{background:var(--color-bg-surface);border-radius:var(--radius-20);padding:var(--space-16);box-shadow:var(--shadow-card)}.input{border-radius:var(--radius-12);border:1px solid var(--neutral-20);background:var(--color-bg-surface);width:100%;height:56px;padding:0 var(--space-20);font-family:var(--font);color:var(--color-label-normal);transition:border-color var(--duration-fast) ease;outline:none;font-size:16px}.input::placeholder{color:var(--color-label-alternative)}.input:focus,.input.focus{border-color:var(--color-secondary-normal)}.input:disabled,.input.disabled{background:var(--neutral-5);color:var(--color-label-disable);border-color:var(--neutral-10);cursor:not-allowed}.score-card{align-items:center;gap:var(--space-16);height:80px;padding:var(--space-16);border-radius:var(--radius-20);background:var(--color-bg-surface);transition:border-color var(--duration-fast) ease;border:3px solid #0000;display:flex}.score-card.player-pink.on{border-color:var(--color-player-pink)}.score-card.player-blue.on{border-color:var(--color-player-blue)}.score-card-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.score-card.player-pink .score-card-avatar{background:var(--color-player-pink)}.score-card.player-blue .score-card-avatar{background:var(--color-player-blue)}.score-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.score-card-name{font-family:var(--font);color:var(--color-label-neutral);font-size:11px}.score-card-num{font-family:var(--font);color:var(--color-label-normal);font-size:24px;line-height:1.2}.ds-modal{width:var(--component-modal-width);background:var(--color-material-dimmer);border-radius:var(--radius-24);padding:var(--space-24) var(--space-20) var(--space-20);align-items:center;gap:var(--space-16);color:var(--color-static-white);flex-direction:column;display:flex}.ds-modal-title{font-family:var(--font);color:var(--color-static-white);text-align:center;font-size:16px;line-height:1.4}.ds-modal-actions{gap:var(--space-8);width:100%;display:flex}.ds-modal .btn.secondary{background:var(--color-bg-surface);color:var(--color-label-normal)}.ds-header{width:100%;height:60px;padding:0 var(--space-16);align-items:center;gap:var(--space-8);background:0 0;display:flex}.ds-header .ds-back{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.ds-header .ds-title{font-family:var(--font);font-size:var(--text-title-2);line-height:var(--lh-title);color:var(--color-label-normal)}.pill{background:var(--color-bg-surface);border-radius:var(--radius-full);font-family:var(--font);color:var(--color-label-normal);box-shadow:var(--shadow-pill);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.ranking-winner{border-radius:var(--radius-16);width:105px;padding:var(--space-12) var(--space-8);text-align:center;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.ranking-winner.first{background:var(--color-tint-podium-1st)}.ranking-winner.second{background:var(--color-tint-podium-2nd)}.ranking-winner.third{background:var(--color-tint-podium-3rd)}.ranking-winner-name{font-family:var(--font);color:var(--color-label-normal);min-height:32px;font-size:13px;line-height:1.25}.ranking-winner-score{font-family:var(--font);color:var(--color-primary-normal);font-size:14px}.ranking-normal{background:var(--color-bg-surface);border-radius:var(--radius-12);width:328px;height:48px;padding:0 var(--space-16);align-items:center;gap:var(--space-12);font-family:var(--font);color:var(--color-label-normal);font-size:14px;display:flex}.ranking-normal .num{width:16px;color:var(--color-label-neutral)}.ranking-normal .name{flex:1}.ranking-normal .name em{color:var(--color-primary-normal);margin-left:4px;font-size:12px;font-style:normal}.ranking-normal .wins{color:var(--color-primary-normal);font-size:13px}.ranking-normal.me{background:var(--pink-5);border:1.5px solid var(--color-primary-normal)}.screen{width:100%;max-width:480px;height:100dvh;display:none;position:relative;overflow:hidden}.screen.active{flex-direction:column;display:flex}.top-pills{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px;right:16px}.top-pills .spacer{flex:1}.pill-btn{background:var(--color-bg-surface);height:36px;font-family:var(--font);color:var(--color-label-normal);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:0 12px;font-size:14px;display:inline-flex}.pill-btn .icon{width:16px;height:16px}#home{background:var(--bg);position:relative;overflow:hidden}.home-logo{aspect-ratio:256/147;z-index:2;width:256px;max-width:71%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.home-logo img{object-fit:contain;width:100%;height:100%}.home-illust{z-index:1;width:455px;height:391px;padding-bottom:70px;position:absolute;top:33.1%;left:50%;transform:translate(-50%)}.home-illust img{object-fit:cover;filter:drop-shadow(0 24px 44px #33557d24);width:100%;height:321px}.home-bottom{z-index:3;background:0 0;gap:8px;width:100%;padding:40px 20px 20px;display:flex;position:absolute;bottom:0;left:0}.btn-share-home{color:#111;border-radius:var(--radius-btn);height:60px;font-family:var(--font);cursor:pointer;background:#fff;border:none;flex:0 0 110px;font-size:16px;box-shadow:0 2px 6px #3c508214}.btn-start{background:var(--btn-dark);color:#fff;height:60px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-btn);border:none;flex:1;font-size:16px}#nickname{background:var(--sky-20);justify-content:flex-start;align-items:stretch;padding:0;position:relative}.nickname-top{flex-direction:column;align-items:center;width:100%;max-width:312px;margin:0 auto;padding-top:25%;display:flex}.nickname-logo{width:200px;height:114px}.nickname-logo img{object-fit:contain;width:100%;height:100%}.nickname-text-block{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:24px;display:flex}.nickname-label{font-family:var(--font);color:var(--color-label-normal);white-space:pre-line;font-size:20px;line-height:1.35}.nickname-help{font-family:var(--font-body);color:var(--color-label-neutral);font-size:14px;font-weight:500;line-height:1.5}.nickname-input{border-radius:var(--radius-12);border:2px solid var(--sky-40);background:var(--color-bg-surface);width:100%;height:56px;font-size:16px;font-family:var(--font-body);color:var(--color-label-normal);text-align:center;transition:border-color var(--duration-fast) ease;outline:none;margin-top:24px;padding:0 20px;font-weight:700}.nickname-input::placeholder{color:#b0b0b0;font-weight:700}.nickname-input:focus{border-color:var(--color-secondary-normal)}.nickname-bottom{width:312px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.nickname-bottom .btn{width:100%;height:60px}.nickname-bottom .btn[disabled]{background:var(--neutral-10);color:#b0b0b0}.page-header{flex-shrink:0;align-items:center;gap:8px;padding:23px 16px 13px;display:flex}.btn-back{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.btn-back .icon{width:24px;height:24px}.page-title{font-family:var(--font-body);color:var(--color-label-normal);font-size:16px;font-weight:700;line-height:1.5}#myinfo{background:var(--bg);gap:12px}.myinfo-body{min-height:0;padding:0 16px calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:20px;display:flex;overflow-y:auto}.info-group{flex-direction:column;gap:12px;width:100%;display:flex}.myinfo-banner{width:100%;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-radius:var(--radius-16) var(--radius-16) 0 0;flex-shrink:0;overflow:hidden}.myinfo-banner[data-banner-rendered=false]{display:none}.section-label{font-family:var(--font-body);color:#000;font-size:14px;font-weight:700;line-height:1.5}.basic-card{background:var(--card);border-radius:16px;flex-direction:column;gap:10px;padding:20px 16px;display:flex}.basic-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.basic-row>.name-wrap{align-items:center;gap:8px;min-width:0;display:flex}.basic-avatar,.basic-avatar.c-pink,.basic-avatar.c-red,.basic-avatar.c-yellow,.basic-avatar.c-green,.basic-avatar.c-blue{transform-origin:50% 60%;background:0 0;border-radius:0;flex-shrink:0;width:32px;height:32px;animation:3.6s ease-in-out infinite avatar-breathe;position:relative}@keyframes avatar-breathe{0%,to{transform:scale(1)}25%{transform:scale(1.04,.97)}50%{transform:scale(.97,1.04)}75%{transform:scale(1.03,.98)}}@media (prefers-reduced-motion:reduce){.basic-avatar{animation:none}}.basic-avatar .body{-webkit-mask-mode:alpha;position:absolute;inset:5% 5% 4.38%;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.2 43.5' preserveAspectRatio='none'><path d='M43.2 22.0675C43.2 33.9044 35.824 43.5 23.9824 43.5C12.1407 43.5 0 33.9044 0 22.0675C0 10.2307 12.1407 0 23.9824 0C35.824 0 43.2 10.2307 43.2 22.0675Z' fill='black'/></svg>") 50%/100% 100% no-repeat;-webkit-mask-source-type:alpha;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.2 43.5' preserveAspectRatio='none'><path d='M43.2 22.0675C43.2 33.9044 35.824 43.5 23.9824 43.5C12.1407 43.5 0 33.9044 0 22.0675C0 10.2307 12.1407 0 23.9824 0C35.824 0 43.2 10.2307 43.2 22.0675Z' fill='black'/></svg>") 50%/100% 100% no-repeat alpha}.basic-avatar.c-pink .body{background-color:var(--color-player-pink)}.basic-avatar.c-red .body{background-color:var(--color-player-red)}.basic-avatar.c-yellow .body{background-color:var(--color-player-yellow)}.basic-avatar.c-green .body{background-color:var(--color-player-green)}.basic-avatar.c-blue .body{background-color:var(--color-player-blue)}.basic-avatar .face{width:auto;height:auto;line-height:0;position:absolute;inset:39.38% 28.75% 38.75%}.basic-avatar .face .eyes{position:absolute;inset:11.43% 19.12% 62.86%}.basic-avatar .face .mouth{position:absolute;inset:56.12% 35.36% 10.16% 38.33%}.basic-avatar .face img{width:100%;height:100%;display:block}.basic-nick{font-family:var(--font);color:var(--color-label-normal);white-space:nowrap;font-size:18px;font-weight:400;line-height:1.38}.btn-edit-info{background:var(--color-bg-elevated);height:32px;font-family:var(--font-body);color:var(--color-label-normal);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px 6px;font-size:12px;font-weight:700;line-height:1.43}.profile-divider{background:#f0f0f0;border:0;width:100%;height:1px;margin:0}.ranking-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ranking-row .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ranking-row .rank-num{font-family:var(--font);color:var(--color-label-normal);font-size:14px;font-weight:400;line-height:1}.ranking-row .rank-num em{color:var(--color-player-pink);margin-left:2px;font-style:normal}.ranking-row .winrate{font-family:var(--font-body);color:#666;font-size:12px;font-weight:400;line-height:1.5;display:block}.ranking-row .trophy{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.ranking-row .trophy .icon{width:48px;height:48px}.trophy .sparkle{pointer-events:none;opacity:0;filter:drop-shadow(0 0 2px #ffd66b99);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path d='M4 0 L4.7 3.3 L8 4 L4.7 4.7 L4 8 L3.3 4.7 L0 4 L3.3 3.3 Z' fill='%23FFD66B'/></svg>");background-repeat:no-repeat;background-size:contain;animation:2s cubic-bezier(.22,.61,.36,1) infinite trophy-sparkle;position:absolute;transform:scale(0)}.trophy .sparkle.s1{width:10px;height:10px;animation-delay:0s;top:2px;right:4px}.trophy .sparkle.s2{width:7px;height:7px;animation-delay:.55s;top:22px;right:0}.trophy .sparkle.s3{width:8px;height:8px;animation-delay:1.1s;top:14px;left:2px}.trophy .sparkle.s4{width:6px;height:6px;animation-delay:1.55s;top:32px;left:12px}@keyframes trophy-sparkle{0%{opacity:0;transform:scale(0)rotate(0)}25%{opacity:1;transform:scale(1)rotate(60deg)}45%{opacity:.85;transform:scale(.9)rotate(120deg)}70%{opacity:0;transform:scale(.2)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(180deg)}}@media (prefers-reduced-motion:reduce){.trophy .sparkle,.trophy .icon{animation:none}.trophy .sparkle{opacity:0}}.stats-4{gap:6px;width:100%;display:flex}.stat-mini{text-align:center;background:#eef6ff;border-radius:8px;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:4px;min-width:0;height:64px;padding:8px 4px;display:flex;overflow:hidden}.stat-mini .lbl{font-family:var(--font-body);color:#666;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.5;display:block}.stat-mini .val{font-family:var(--font);color:#000;font-size:20px;font-weight:400;line-height:1.35}.stat-mini.wins{background:#dafbeb}.stat-mini.losses{background:#ffdada}.stat-mini.draws{background:#fff0bf}.settings-card{background:var(--card);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.settings-card .lbl{font-family:var(--font-body);color:var(--color-label-normal);font-size:12px;font-weight:700;line-height:1.43}.opt-row{gap:8px;display:flex}.opt-btn{background:var(--color-bg-normal);min-width:0;height:44px;color:var(--color-label-normal);font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;flex:1 0 0;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1.5;transition:background .15s,color .15s;display:flex}.opt-btn.active{background:var(--btn-dark);color:#fff}.dim{z-index:50;background:#0000008c;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.dim.show{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{z-index:51;width:100%;max-width:480px;animation:sheetUp .28s var(--ease-out);background:#fff;border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;gap:14px;padding:12px 20px 28px;display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #0000001f}.sheet.show{display:flex}@keyframes sheetUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet .handle{background:#d9d9d9;border-radius:2px;align-self:center;width:40px;height:4px;margin-bottom:4px}.sheet h4{font-family:var(--font-body);color:var(--color-label-normal);margin:0;font-size:14px;font-weight:700;line-height:1.5}.field-label{font-family:var(--font-body);color:var(--color-label-normal);margin-bottom:0;font-size:12px;font-weight:700;line-height:1.43}.field-input{border:2px solid var(--board-border);width:100%;height:56px;font-family:var(--font-body);color:var(--color-label-normal);box-sizing:border-box;text-align:center;background:#fff;border-radius:12px;outline:none;padding:0 20px;font-size:16px;font-weight:700;line-height:1.5}.field-input:focus{border-color:var(--blue)}.char-pick{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex}.char-dot,.char-dot.c-pink,.char-dot.c-red,.char-dot.c-yellow,.char-dot.c-green,.char-dot.c-blue{cursor:pointer;opacity:.5;transform-origin:50% 60%;background:0 0;border-radius:0;flex-shrink:0;width:48px;height:48px;transition:opacity .15s;animation:3.6s ease-in-out infinite avatar-breathe;position:relative}.char-dot:nth-child(2){animation-duration:4.2s;animation-delay:-.4s}.char-dot:nth-child(3){animation-delay:-.9s}.char-dot:nth-child(4){animation-duration:4.2s;animation-delay:-1.6s}.char-dot:nth-child(5){animation-delay:-2.1s}.char-dot.selected{opacity:1}.char-dot:active{transition:transform .15s,opacity .15s;transform:scale(.92)}@media (prefers-reduced-motion:reduce){.char-dot{animation:none}}.char-dot .body{-webkit-mask-mode:alpha;position:absolute;inset:5% 5% 4.38%;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.2 43.5' preserveAspectRatio='none'><path d='M43.2 22.0675C43.2 33.9044 35.824 43.5 23.9824 43.5C12.1407 43.5 0 33.9044 0 22.0675C0 10.2307 12.1407 0 23.9824 0C35.824 0 43.2 10.2307 43.2 22.0675Z' fill='black'/></svg>") 50%/100% 100% no-repeat;-webkit-mask-source-type:alpha;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.2 43.5' preserveAspectRatio='none'><path d='M43.2 22.0675C43.2 33.9044 35.824 43.5 23.9824 43.5C12.1407 43.5 0 33.9044 0 22.0675C0 10.2307 12.1407 0 23.9824 0C35.824 0 43.2 10.2307 43.2 22.0675Z' fill='black'/></svg>") 50%/100% 100% no-repeat alpha}.char-dot.c-pink .body{background-color:var(--color-player-pink)}.char-dot.c-red .body{background-color:var(--color-player-red)}.char-dot.c-yellow .body{background-color:var(--color-player-yellow)}.char-dot.c-green .body{background-color:var(--color-player-green)}.char-dot.c-blue .body{background-color:var(--color-player-blue)}.char-dot .face{pointer-events:none;width:auto;height:auto;line-height:0;position:absolute;inset:39.38% 28.75% 38.75%}.char-dot .face .eyes{position:absolute;inset:11.43% 19.12% 62.86%}.char-dot .face .mouth{position:absolute;inset:56.12% 35.36% 10.16% 38.33%}.char-dot .face img{width:100%;height:100%;display:block}.sheet-actions{gap:10px;width:100%;margin-top:0;display:flex}.sheet-actions .btn-outline{height:52px;font-family:var(--font);color:var(--color-label-normal);cursor:pointer;background:#fff;border:none;border-radius:8px;flex:0 0 100px;font-size:16px;font-weight:400}.sheet-actions .btn-primary{background:var(--btn-dark);color:#fff;height:52px;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;flex:1;font-size:16px;font-weight:400}#sheet-info{background:var(--color-bg-elevated);align-items:center;gap:24px;padding:12px 24px 24px}#sheet-info h4{align-self:stretch;margin:0;font-size:14px;font-weight:700}#sheet-info .info-card{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:16px;display:flex}#sheet-info .info-section-stack{flex-direction:column;gap:12px;width:100%;display:flex}#sheet-share{align-items:center;gap:24px;padding:12px 24px 24px}#sheet-share .share-title{font-family:var(--font);color:var(--color-label-normal);font-size:24px;line-height:1.33}.share-block{flex-direction:column;gap:16px;width:100%;display:flex}.share-grid{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.share-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.share-circle{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.share-circle svg{width:32px;height:32px;display:block}.share-circle.kakao{background:#fee500}.share-circle.insta{background:linear-gradient(60deg,#f5c22e 13%,#eb5c6b 46%,#a645c4 72%,#4d52d4 86%)}.share-circle.threads{background:#141414}.share-circle.facebook{background:#0866ff}.share-item .lbl{font-family:var(--font-body);color:var(--color-label-neutral);font-size:12px;line-height:1.5}.share-link-row{background:var(--color-bg-surface);border:1px solid var(--sky-30);border-radius:8px;align-items:center;width:100%;height:40px;display:flex;overflow:hidden}.share-link-row .url{min-width:0;font-family:var(--font-body);color:var(--color-secondary-normal,#62a1ff);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 12px;font-size:13px;line-height:1.5;overflow:hidden}.share-link-row .copy-btn{background:var(--color-bg-normal);height:100%;font-family:var(--font-body);color:var(--color-label-normal);cursor:pointer;border:none;padding:0 12px;font-size:12px;font-weight:700;line-height:1.43}.share-close{background:var(--color-button-primary);width:100%;height:60px;color:var(--color-button-primary-text);font-family:var(--font);cursor:pointer;border:none;border-radius:12px;font-size:16px;line-height:1.5}.share-subtitle{color:#666;text-align:center;margin-top:-4px;font-family:Noto Sans KR,sans-serif;font-size:12px}#game{background:var(--bg);align-items:center;padding:30px 0 0;position:relative;overflow:hidden}.game-level-controls{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:20px;right:10px}.game-level-chip,.game-level-change{border:2px solid var(--board-border);background:var(--card);color:var(--text);font-family:var(--font);white-space:nowrap;border-radius:999px;line-height:1;box-shadow:0 4px #00000014}.game-level-chip{padding:8px 10px;font-size:13px}.game-level-change{cursor:pointer;padding:8px 10px;font-size:12px}.game-container{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;max-width:360px;min-height:0;padding:0 10px;display:flex}.game-logo{width:120px;height:69px}.game-logo img{object-fit:contain;width:100%;height:100%;display:block}.game-board-area{flex-direction:column;flex:1;gap:16px;width:100%;min-height:0;display:flex}.score-bar{align-items:center;gap:8px;width:100%;display:flex}.score-card{background:var(--card);box-sizing:border-box;border:3px solid #0000;border-radius:16px;flex:1;align-items:center;gap:12px;min-width:0;height:80px;padding:16px;transition:all .3s;display:flex}.score-card.active-pink{border-color:var(--me-color)}.score-card.active-blue{border-color:var(--opp-color)}.score-avatar{flex-shrink:0;width:48px;height:48px;position:relative}.avatar-pink{background:var(--me-color);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:3.5s ease-in-out infinite amoeba-pink;display:flex;position:relative}.avatar-blue{background:var(--opp-color);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:4.2s ease-in-out infinite amoeba-blue;display:flex;position:relative}@keyframes amoeba-pink{0%{border-radius:50%}25%{border-radius:46% 54% 52% 48%/48% 52% 47% 53%}50%{border-radius:52% 48% 46% 54%/54% 46% 53% 47%}75%{border-radius:48% 52% 54% 46%/46% 54% 48% 52%}to{border-radius:50%}}@keyframes amoeba-blue{0%{border-radius:50%}20%{border-radius:53% 47% 48% 52%/52% 48% 53% 47%}45%{border-radius:47% 53% 54% 46%/46% 54% 47% 53%}70%{border-radius:54% 46% 47% 53%/53% 47% 54% 46%}to{border-radius:50%}}.avatar-face-img{pointer-events:none;width:42%;height:22%;position:absolute;top:39%;left:29%}.avatar-face-img img{width:100%;height:100%}.score-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.score-name{font-family:var(--font-body);color:var(--color-label-neutral);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;font-weight:700;line-height:1.43;display:block;overflow:hidden}.score-num{font-family:var(--font);color:var(--text);white-space:nowrap;font-size:20px;line-height:1.35}.board-wrap{background:var(--card);border:4px solid var(--board-border);border-radius:var(--radius-board);aspect-ratio:1;box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:100%;min-height:0;max-height:100%;display:flex;position:relative}#board{position:relative}.game-btns{box-sizing:border-box;flex-shrink:0;gap:10px;width:100%;max-width:360px;padding:40px 20px 20px;display:flex}.btn-quit,.btn-pause{min-width:0;height:52px;font-family:var(--font);cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;padding:14px 16px;font-size:16px;line-height:1.5}.btn-quit{background:var(--card);color:var(--text)}.btn-pause{background:var(--btn-dark);color:#fff}.turn-text{font-family:var(--font);color:var(--text);text-align:center;padding-top:0;font-size:14px}.modal-overlay{z-index:100;background:0 0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.pause-box{-webkit-backdrop-filter:blur(9.3px)saturate(140%);box-sizing:border-box;width:295px;animation:popIn .3s var(--ease-bounce);background:#0000006b;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;display:flex;overflow:hidden}.pause-title{font-family:var(--font);color:#fff;text-align:center;width:100%;font-size:24px;font-weight:400;line-height:1.33}.pause-btns{gap:8px;width:100%;display:flex}.btn-quit2,.btn-resume{min-width:0;height:52px;font-family:var(--font);cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;padding:10px;font-size:16px;font-weight:400}.btn-quit2{color:#000;background:#fff}.btn-resume{color:#fff;background:#000}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.result-box{-webkit-backdrop-filter:blur(9.3px)saturate(140%);box-sizing:border-box;width:295px;animation:popIn .3s var(--ease-bounce);background:#0000006b;border-radius:24px;flex-direction:column;align-items:center;gap:32px;padding:20px 32px;display:flex;overflow:hidden}.result-modal-stack{align-items:stretch;gap:var(--space-8);flex-direction:column;width:295px;display:flex}.result-close{align-self:flex-end}.result-info{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.result-face{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:3.8s ease-in-out infinite amoeba-pink;display:flex;position:relative;overflow:hidden}.result-face.pink{background:var(--me-color)}.result-face.blue{background:var(--opp-color);animation-name:amoeba-blue;animation-duration:4.3s}.result-faces-draw{align-items:flex-start;padding-right:18px;display:flex}.result-faces-draw .result-face{margin-right:-18px}.result-faces-draw .result-face:first-child{z-index:2}.result-faces-draw .result-face:last-child{z-index:1}.result-text{color:#fff;font-family:var(--font);text-align:center;width:100%;font-size:24px;font-weight:400;line-height:1.4}.result-btns{width:100%}.btn-restart{background:var(--card);color:var(--text);border-radius:var(--radius-md);width:100%;height:52px;font-size:16px;font-family:var(--font);cursor:pointer;border:none}.modal-home-link{font-family:var(--font-body);font-size:var(--text-body-2);font-weight:700;line-height:var(--lh-body);color:#ffffffb3;cursor:pointer;padding:var(--space-4) var(--space-8);background:0 0;border:none}#win{background:var(--color-bg-normal);justify-content:stretch;align-items:stretch;padding:0;position:relative;overflow:hidden}.win-dim{background:var(--color-material-dimmer);z-index:0;position:absolute;inset:0}#confetti-container{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.win-stage{z-index:2;justify-content:center;align-items:stretch;gap:var(--space-16);width:320px;max-width:100%;height:100%;padding:0 var(--space-20);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex;position:relative}.win-head-card{align-items:stretch;gap:var(--space-8);flex-direction:column;width:100%;display:flex}.win-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;padding:0;display:flex}.win-close .icon{width:100%;height:100%}.win-card{background:var(--color-button-primary);border-radius:var(--radius-40);width:100%;height:480px;animation:winPopIn var(--duration-slow) var(--ease-bounce);position:relative;overflow:hidden}@keyframes winPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.win-headline{top:var(--space-32);left:var(--space-32);right:var(--space-32);font-family:var(--font);font-size:var(--text-display-2);line-height:var(--lh-display);color:var(--color-static-white);z-index:2;pointer-events:none;word-break:keep-all;position:absolute}.win-headline p{margin:0}.win-headline .hl-name{color:var(--me-color)}.win-headline .hl-suffix,.win-headline .hl-tagline{color:var(--color-static-white)}.win-character{z-index:1;width:151px;height:151px;position:absolute;top:185px;left:50%;transform:translate(-50%)}.win-crown{pointer-events:none;z-index:2;filter:drop-shadow(0 2px 2px #0000002e);width:52px;height:47px;position:absolute;top:-23px;left:20%}.win-face{background:var(--me-color);border-radius:50%;width:100%;height:100%;animation:3.8s ease-in-out infinite amoeba-pink;position:relative;overflow:hidden}.win-face .avatar-face-img{pointer-events:none;width:42%;height:22%;position:absolute;top:39%;left:29%}.win-face .avatar-face-img img{width:100%;height:100%}.win-cheek{opacity:.85;pointer-events:none;background:#ff6b9d;border-radius:50%;width:14px;height:9px;position:absolute;top:60%}.win-cheek-l{left:17%}.win-cheek-r{right:17%}.win-info{left:var(--space-32);bottom:var(--space-32);gap:var(--space-8);color:var(--color-static-white);z-index:2;flex-direction:column;display:flex;position:absolute}.win-info-row{align-items:center;gap:var(--space-12);font-family:var(--font);font-size:var(--text-title-2);line-height:var(--lh-title);height:32px;display:flex}.win-info-row .lbl{opacity:.6}.win-info-row strong{font-weight:400;font-family:var(--font)}.win-rank-pill{align-items:center;gap:var(--space-2);background:var(--color-static-white);color:var(--color-static-black);border-radius:var(--radius-full);height:24px;font-family:var(--font-body);font-size:var(--text-body-2);padding:0 10px;font-weight:700;line-height:1;display:inline-flex}.win-rank-pill[hidden]{display:none}.win-rank-pill .delta-arrow{align-items:center;font-size:8px;display:inline-flex}.win-rank-pill.down .delta-arrow{transform:rotate(180deg)}.win-actions{gap:10px;width:100%;display:flex}.win-actions .btn-share-win,.win-actions .btn-next-level{height:var(--component-btn-modal);border-radius:var(--radius-8);font-family:var(--font);font-size:var(--text-heading-1);line-height:var(--lh-body);cursor:pointer;padding:0 var(--space-16);white-space:nowrap;border:none}.win-actions .btn-share-win{background:var(--color-static-white);width:100px;color:var(--color-static-black)}.win-actions .btn-next-level{background:var(--color-static-black);color:var(--color-static-white);flex:1}.win-save-link{align-self:center;align-items:center;gap:var(--space-4);font-family:var(--font-body);font-size:var(--text-body-2);font-weight:700;line-height:var(--lh-body);color:var(--color-static-white);cursor:pointer;padding:var(--space-4) var(--space-8);background:0 0;border:none;display:inline-flex}.win-save-link:disabled{opacity:.6;cursor:progress}@keyframes confettiFall{0%{opacity:.85;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.win-card-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.win-particle{opacity:1;will-change:transform;--rot:360deg;animation-name:confettiFallCard;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-16px}@keyframes confettiFallCard{0%{transform:translateY(0)rotate(0)}to{transform:translateY(520px) rotate(var(--rot))}}#ranking{background:var(--bg)}.ranking-notice{text-align:center;color:var(--color-label-alternative);font-family:var(--font-body);justify-content:center;align-items:center;gap:4px;padding:4px 16px 8px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.ranking-notice-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}.ranking-body{flex-direction:column;flex:1;gap:16px;padding:4px 16px 24px;display:flex;overflow-y:auto}.podium{gap:var(--space-8);grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.podium-card{border-radius:var(--radius-12);min-width:0;height:162px;padding:var(--space-16) var(--space-12);background:var(--color-bg-surface);box-sizing:border-box;flex-direction:column;align-items:center;display:flex;overflow:hidden}.podium-card.first{background:var(--color-tint-podium-1st)}.podium-card.second{background:var(--color-tint-podium-2nd)}.podium-card.third{background:var(--color-tint-podium-3rd)}.podium-badge{justify-content:center;align-items:center;display:flex}.podium-info{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;min-width:0;margin-top:auto;display:flex}.podium-name{font-family:var(--font);font-size:var(--text-heading-1);color:var(--color-label-normal);text-align:center;width:100%;padding-top:var(--space-2);word-break:break-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}.podium-name em{color:var(--color-label-alternative);margin-left:var(--space-4);font-style:normal}.podium-score{font-family:var(--font-body);line-height:var(--lh-label);color:var(--color-static-black);white-space:nowrap;font-size:13px;font-weight:500}.podium-score .wdl{font-family:var(--font-body);font-size:var(--text-caption-1);align-items:center;gap:4px;font-weight:500;display:inline-flex}.podium-score .wdl-w{color:var(--color-primary-normal)}.podium-score .wdl-d,.podium-score .wdl-l{color:var(--color-static-black)}.podium-score .wdl .num{font-family:var(--font-body);font-size:var(--text-caption-1);font-weight:500;line-height:var(--lh-label);color:inherit}.rank-list{gap:var(--space-8);flex-direction:column;display:flex}.rank-row{background:var(--color-bg-surface);height:var(--size-48);border-radius:var(--radius-8);padding:var(--space-12) var(--space-16);align-items:center;gap:var(--space-12);color:var(--color-label-normal);box-sizing:border-box;display:flex;overflow:hidden}.rank-row .num{font-family:var(--font-body);font-size:var(--text-body-2);font-weight:700;line-height:var(--lh-body);color:var(--color-label-normal);flex-shrink:0}.rank-row .nm{min-width:0;font-family:var(--font);font-size:var(--text-heading-2);color:var(--color-label-normal);align-items:center;gap:var(--space-8);flex:1;font-weight:400;line-height:1.4;display:flex;overflow:hidden}.rank-row .nm>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row .nm em{color:var(--color-label-alternative);font-style:normal;font-weight:400}.rank-row .sc{font-family:var(--font-body);font-size:var(--text-label-1);font-weight:700;line-height:var(--lh-label);color:var(--color-static-black);white-space:nowrap;flex-shrink:0}.rank-row .sc .num{color:var(--color-primary-normal)}.rank-row .wdl{font-family:var(--font-body);font-size:var(--text-caption-1);align-items:center;gap:4px;font-weight:500;display:inline-flex}.rank-row .wdl-w{color:var(--color-primary-normal)}.rank-row .wdl-d,.rank-row .wdl-l{color:var(--color-static-black)}.rank-row .wdl .num{font-family:var(--font-body);font-size:var(--text-caption-1);color:inherit;font-weight:500}.rank-row.me{background:var(--color-bg-surface);border:2px solid var(--color-primary-normal);padding:calc(var(--space-12) - 2px) calc(var(--space-16) - 2px)}.empty-state{text-align:center;color:var(--text-secondary);font-size:14px;font-family:var(--font);padding:60px 20px;line-height:1.8}.filled-cell{animation:4s ease-in-out infinite amoeba-cell}.filled-cell:nth-child(2n){animation-name:amoeba-cell-alt;animation-duration:3.6s}.cell-face-img{width:70%;height:50%}.cell-face-img img{width:100%;height:100%}@keyframes amoeba-cell{0%{border-radius:var(--radius-sm)}25%{border-radius:6px 3px 5px 4px/4px 5px 3px 6px}50%{border-radius:3px 6px 4px 5px/5px 4px 6px 3px}75%{border-radius:5px 4px 6px 3px/3px 6px 4px 5px}to{border-radius:var(--radius-sm)}}@keyframes amoeba-cell-alt{0%{border-radius:var(--radius-sm)}25%{border-radius:4px 5px 3px 6px/6px 3px 5px 4px}50%{border-radius:6px 3px 5px 4px/4px 5px 3px 6px}75%{border-radius:3px 6px 4px 5px/5px 4px 6px 3px}to{border-radius:var(--radius-sm)}}.c-pink{background:var(--color-player-pink)}.c-red{background:var(--color-player-red)}.c-yellow{background:var(--color-player-yellow)}.c-green{background:var(--color-player-green)}.c-blue{background:var(--color-player-blue)}.modal-btns{gap:8px;width:100%;display:flex}.modal-btn{min-width:0;height:52px;font-family:var(--font);white-space:nowrap;cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;padding:10px;font-size:15px;font-weight:400}.modal-btn.primary{color:#fff;background:#000}.modal-btn.secondary{color:#000;background:#fff}.modal-home-link{font-family:var(--font-body);font-size:var(--text-body-2);font-weight:600;line-height:var(--lh-body);color:var(--color-label-alternative);cursor:pointer;padding:var(--space-4) var(--space-8);background:0 0;border:none;align-self:center}.levelup-face{padding-top:24px;position:relative}.levelup-crown{z-index:2;filter:drop-shadow(0 2px 2px #0000002e);width:36px;height:33px;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-sub{font-family:var(--font-body);color:#fffc;text-align:center;width:100%;font-size:14px;font-weight:500;line-height:1.5}.modal-caption{font-family:var(--font-body);color:#ffffffb3;text-align:center;width:100%;font-size:12px}.difficulty-box{gap:16px;padding:32px 24px 28px}.difficulty-box .opt-btn:not(.active){background:#fff}html,body,#root{background:var(--color-bg,#fff);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0}body{overflow:hidden;display:block!important}#root{justify-content:center;align-items:stretch;display:flex;position:relative}.app-shell{background:var(--color-bg,#fff);width:100%;max-width:480px;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{touch-action:manipulation;font-size:17px!important}@keyframes lineDrawH{0%{transform:translateY(-50%)scaleX(0)}to{transform:translateY(-50%)scaleX(1)}}@keyframes lineDrawV{0%{transform:translate(-50%)scaleY(0)}to{transform:translate(-50%)scaleY(1)}}:root{--me-color:var(--pink-50,#ff83ef);--opp-color:var(--blue-50,#62a1ff);--line-color:var(--gray-20,#e5e4e7);--dot-color:var(--gray-30,#cfcfd6)}