@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #e8e8e8;--bg-soft: #f5f5f5;--ink: #111111;--muted: #4c4c4c;--line: #0f0f0f;--blue: #1ca4dd;--blue-active: #1195cd;--red: #ff1e1e;--white: #ffffff;--shadow: 0 1px 0 rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.25),transparent 22%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.2),transparent 26%),var(--bg);color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit}#root,.app-shell{min-height:100vh}.app-shell--with-nav{width:min(100%,520px);margin:0 auto;display:flex;gap:12px;align-items:flex-start}.app-root{width:min(100%,420px);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;border-left:2px solid var(--line);border-right:2px solid var(--line);background:linear-gradient(to bottom,#ffffff2e,#fff0)}.brand-header{padding-top:14px}.brand-header__top{display:flex;align-items:flex-start;justify-content:center;position:relative;padding:0 16px}.brand-header__logo{width:80px;height:52px}.brand-header__logo svg{display:block;width:100%;height:100%}.brand-header__eye{transform-box:fill-box;transform-origin:center}.brand-header__subtitle{margin:2px 0 0;text-align:center;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.04em;color:#393939;text-transform:uppercase}.brand-header__divider{height:2px;margin-top:10px;background:var(--line)}.language-toggle{position:absolute;right:16px;top:0;display:inline-flex;border:2px solid var(--line);border-radius:999px;overflow:hidden;background:var(--white)}.language-toggle__button{width:40px;height:30px;border:0;background:transparent;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;cursor:pointer}.language-toggle__button.is-active{background:var(--line);color:var(--white)}.auth-root{flex:1;display:flex;flex-direction:column;padding:18px 14px 20px}.auth-shell{display:flex;flex:1}.screen{display:flex;flex-direction:column;width:100%;gap:12px}.screen--bottom{margin-top:auto}.screen--center{margin-top:auto;margin-bottom:auto}.screen--top{margin-top:6px}.app-btn,.app-link-button{border:2px solid var(--line);border-radius:18px;min-height:60px;width:100%;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(18px,4.4vw,28px);font-weight:700;line-height:1;text-decoration:none;box-shadow:var(--shadow);transition:transform .12s ease,background-color .12s ease}.app-btn:disabled,.app-link-button:disabled{opacity:.55;cursor:not-allowed}.app-btn:active,.app-link-button:active{transform:translateY(1px)}.app-btn--primary,.app-link-button{background:var(--blue);color:var(--white)}.app-btn--primary:hover,.app-link-button:hover{background:var(--blue-active)}.app-btn--outline{background:var(--white);color:var(--ink)}.app-btn--text{min-height:40px;font-size:clamp(14px,4.1vw,18px);border:none;border-radius:0;box-shadow:none;background:transparent;color:var(--ink);font-weight:600}.timer-box{width:100%;min-height:64px;border-radius:18px;border:2px solid var(--line);background:var(--bg-soft);display:flex;align-items:center;justify-content:center;padding:10px 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(16px,4.3vw,28px);font-weight:700;line-height:1.15;text-align:center}.emoji-card{border:2px solid var(--line);border-radius:18px;background:#ffffff9e;overflow:hidden}.emoji-card__header{display:flex;gap:12px;padding:14px;border-bottom:2px solid var(--line)}.emoji-preview{width:112px;aspect-ratio:1;border-radius:14px;border:2px solid var(--line);background:#fff5cf;display:flex;align-items:center;justify-content:center;font-size:72px}.emoji-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.emoji-card__info-title{margin:0;font-size:13px;font-weight:700;line-height:1.3}.emoji-card__info-body{margin:0;border:2px solid var(--line);border-radius:10px;padding:8px;font-size:12px;line-height:1.25;background:#fffc}.emoji-card__section-title{padding:10px 14px;font-family:Space Grotesk,sans-serif;font-size:38px;font-size:clamp(26px,7vw,41px);line-height:1;border-bottom:2px solid var(--line)}.emoji-grid{padding:12px;display:grid;gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));max-height:360px;overflow:auto}.emoji-grid__item{min-height:40px;aspect-ratio:1;border:2px solid transparent;border-radius:10px;background:transparent;padding:0;display:grid;place-items:center;font-size:34px;line-height:1;cursor:pointer}.emoji-grid__item:hover{background:#0000000f}.emoji-grid__item.is-selected{border-color:var(--line);background:#ffe884}.emoji-tabs{border-top:2px solid var(--line);padding:10px;display:flex;gap:8px;overflow-x:auto}.emoji-tab{min-width:44px;min-height:44px;border:2px solid transparent;border-radius:10px;font-size:28px;cursor:pointer;background:transparent}.emoji-tab.is-active{border-color:var(--line);background:#ffe884}.game-card{border:2px solid var(--line);border-radius:18px;background:#ffffff9e;padding:14px;display:flex;flex-direction:column;gap:12px}.game-card__status{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--red);border:1px solid var(--line)}.status-dot.is-online{background:#11a515}.game-card__token{border:2px solid var(--line);border-radius:12px;background:var(--white);padding:12px;min-height:66px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,monospace;font-size:clamp(18px,5.2vw,30px);font-weight:700;letter-spacing:.02em;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#333}.question-box{border:2px solid var(--line);border-radius:12px;background:#f6f6f6;padding:14px;min-height:72px;font-size:18px;font-weight:600;line-height:1.2}.answer-buttons{display:flex;gap:8px}.answer-buttons .app-btn{min-height:54px;font-size:clamp(20px,4.8vw,28px)}.register-card{border:2px solid var(--line);border-radius:18px;background:#ffffffb3;padding:14px}.register-card__title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,7vw,38px);line-height:1}.register-card__text{margin:8px 0 0;font-size:14px;color:#2f2f2f;line-height:1.3}.token-create-card{display:flex;flex-direction:column;gap:12px}.token-create-language{border:2px solid var(--line);border-radius:12px;background:#ffffffc7;padding:10px}.token-create-language__label{margin:0;font-size:13px;font-weight:700}.token-create-language__options{display:flex;gap:8px;margin-top:8px}.token-create-language__option{border:2px solid var(--line);border-radius:10px;background:var(--white);min-height:40px;min-width:62px;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;cursor:pointer}.token-create-language__option.is-active{background:#ffe884}.success-debug-link{text-align:center;font-size:12px;opacity:.7;text-decoration:underline}.feed-left-rail{width:64px;display:flex;justify-content:center;align-self:flex-start;height:fit-content;position:sticky;top:16px}.feed-left-rail__capsule{width:56px;border:2px solid var(--line);border-radius:999px;padding:8px 6px;background:#ffffffbd;display:flex;flex-direction:column;gap:8px}.feed-left-button{width:100%;height:42px;border:2px solid transparent;border-radius:999px;background:transparent;color:#666;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1;cursor:pointer}.feed-left-button.is-active{border-color:var(--line);background:var(--white);color:var(--ink)}.feed-shell{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;position:relative}.pull-indicator{align-self:center;border:2px solid var(--line);border-radius:999px;background:var(--white);padding:4px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.feed-pane-content{display:flex;flex-direction:column;gap:14px;transition:opacity .22s ease,transform .22s ease}.feed-pane-content.is-loading{opacity:0;transform:translateY(6px);pointer-events:none;visibility:hidden}.feed-pane-content.is-ready{opacity:1;transform:translateY(0)}.token-create-shell{display:flex;flex-direction:column;gap:12px}.feed-loading-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;z-index:2}.feed-loading-layer.is-active{opacity:1;visibility:visible}.feed-header{display:flex;flex-direction:column;align-items:stretch;gap:8px}.feed-title-main{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,8vw,42px);line-height:1}.feed-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.feed-actions--single{grid-template-columns:1fr}.feed-action-button{min-height:38px;border-radius:12px;font-size:13px;font-weight:700;padding:8px 10px;min-width:0}.feed-action-button.feed-action-button--text{border:2px solid var(--line);background:var(--white)}.feed-section{border:2px solid var(--line);border-radius:16px;background:#ffffffbd;overflow:hidden}.feed-section__title{margin:0;padding:10px 12px;border-bottom:2px solid var(--line);font-family:Space Grotesk,sans-serif;font-size:clamp(24px,7vw,34px);line-height:1}.feed-section__title--small{font-size:clamp(20px,5.5vw,24px)}.feed-create-token-button{min-height:48px;border-radius:12px;font-size:clamp(16px,4.4vw,22px)}.feed-list{display:flex;flex-direction:column}.feed-list--emoji-small{display:flex;flex-wrap:wrap;gap:10px;padding:12px}.feed-emoji-chip{border-radius:999px;background:#ffffffdb;display:inline-flex;align-items:center;gap:8px;padding:5px 12px}.feed-emoji-chip__emoji{font-size:18px;line-height:1}.feed-emoji-chip__count{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.feed-list--emoji{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.feed-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(15,15,15,.28)}.feed-row:last-child{border-bottom:none}.feed-row__rank{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.feed-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.feed-row__name--emoji{font-size:30px;line-height:1}.feed-row__count{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.feed-emoji-card{min-width:0;border-radius:12px;background:#ffffffe6;padding:8px 10px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.feed-emoji-card__rank{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.feed-emoji-card__emoji{font-size:26px;line-height:1}.feed-emoji-card__count{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.feed-placeholder,.feed-error{margin:0;padding:16px 12px;font-size:14px}.feed-error{color:#991313}.profile-details{padding:12px;display:flex;flex-direction:column;gap:10px}.profile-hero{display:flex;align-items:center;gap:10px}.profile-hero__emoji{width:48px;height:48px;border:1px solid rgba(15,15,15,.42);border-radius:999px;background:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1}.profile-hero__username{margin:0;font-family:Space Grotesk,sans-serif;font-size:24px;line-height:1;font-weight:700}.profile-hero__meta{margin:4px 0 0;font-size:12px;color:#444}.profile-line{border-radius:10px;background:#ffffff9e;box-shadow:inset 0 -1px #0f0f0f40;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.profile-signout-button{min-height:44px;font-size:16px}.profile-signout-choice{min-height:40px;border:none;background:transparent;box-shadow:none;padding:4px 0;font-size:16px;font-size:clamp(16px,4vw,20px);line-height:1;font-weight:700}.profile-signout-confirm .feed-placeholder{padding-bottom:10px}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-modal{width:min(100%,420px);border:2px solid var(--line);border-radius:20px;background:#f1f1f1;box-shadow:0 18px 40px #0000003d;padding:22px 26px 18px}.app-modal__text{margin:0;font-size:clamp(18px,4.8vw,26px);line-height:1.15;font-weight:700}.app-modal__actions{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-modal__action{min-height:44px;border:none;background:transparent;box-shadow:none;border-radius:0;padding:0;font-size:clamp(16px,4.3vw,24px);line-height:1;font-weight:700;justify-content:center}.app-modal__action--danger{color:#c11414}.feed-top-image{width:100%;max-height:260px;object-fit:cover;border-top:2px solid var(--line);display:block}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);max-width:92vw;border:2px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;z-index:10}.toast--error{background:#fdd}.toast--info{background:#d6f2ff}@media (min-width: 768px){.app-shell--with-nav .app-root{margin:16px 0 0;min-height:calc(100vh - 32px);border:2px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 30px #00000012}.app-root{margin-top:16px;min-height:calc(100vh - 32px);border:2px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 30px #00000012}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width: 767px){.app-shell--with-nav{width:100%;display:block}.app-shell--with-nav .app-root{margin:0 auto;padding-bottom:86px}.feed-left-rail{position:fixed;left:50%;transform:translate(-50%);top:auto;bottom:10px;width:min(100%,420px);justify-content:center;z-index:30}.feed-left-rail__capsule{width:calc(100% - 16px);border-radius:18px;flex-direction:row;justify-content:space-between;padding:8px;gap:6px}.feed-left-button{width:calc(100% / 3);height:42px;font-size:18px}}@media (max-width: 380px){.feed-left-rail__capsule{width:calc(100% - 10px)}.feed-left-button{height:36px;font-size:16px}.feed-list--emoji{grid-template-columns:1fr}}