:root{color-scheme:dark;font-family:Inter,Noto Sans KR,Noto Sans JP,Malgun Gothic,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#edf5ff;background:#030711}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(ellipse at 50% 18%,rgba(22,65,113,.34),transparent 48%),radial-gradient(ellipse at 12% 88%,rgba(39,35,94,.22),transparent 38%),#030711;color:#edf5ff}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #71d8ff;outline-offset:3px}button[hidden],[hidden]{display:none!important}.activity-shell{position:relative;display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;gap:15px;padding:38px 14px 22px;overflow-x:hidden}.template-stage{position:relative;isolation:isolate;flex:0 0 auto;width:min(94vw,920px);aspect-ratio:1.39;margin:0 auto}.template-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;border:1px solid rgba(69,181,255,.6);border-radius:10px;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 0 34px #006cff1f,0 24px 70px #0000006b}.template-hotspots{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.template-card{position:absolute;left:var(--card-x, 0%);top:var(--card-y, 0%);width:var(--card-w, 17%);height:var(--card-h, 24.45%);display:block;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;isolation:isolate;border:1px solid rgba(75,166,226,.66);border-radius:5px;color:#f4f8ff;text-align:left;cursor:pointer;background:linear-gradient(180deg,#0b1a2b,#06101d 72%);box-shadow:0 3px 12px #0000005c,inset 0 0 0 1px #ffffff06;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.template-card:hover{z-index:5;border-color:#8fe4ff;transform:translateY(-2px);box-shadow:0 0 0 1px #53c6ff52,0 7px 20px #0000007a}.template-card:active{transform:translateY(0)}.template-card .card-art{position:absolute;z-index:0;left:0;top:0;display:block;width:100%;height:58%;max-width:none;margin:0;object-fit:cover;object-position:88% center;filter:saturate(.92) brightness(.9);pointer-events:none}.template-card .template-card-mask{position:absolute;z-index:1;top:0;left:0;right:0;height:59%;background:linear-gradient(180deg,#03091205 52%,#040c17cc);pointer-events:none}.template-card .template-card-copy{position:absolute;z-index:2;top:57%;right:7px;bottom:5px;left:7px;display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:4px;overflow:hidden;padding:4px 0 11px;color:#f4f7ff;text-shadow:0 1px 4px rgba(0,0,0,.94);overflow-wrap:anywhere}.template-card-copy strong{display:block;flex:0 0 auto;margin:0;color:#fff;font-size:clamp(9px,1.15vw,13px);font-weight:800;line-height:1.2;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}.template-card-copy small{display:-webkit-box;min-width:0;margin:0;color:#d6e2f2;font-size:clamp(7px,.78vw,9px);font-weight:500;line-height:1.28;white-space:normal;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}.template-card-copy i{position:absolute;right:0;bottom:0;display:block;color:#7bdfff;font-size:15px;font-style:normal;line-height:1;text-shadow:0 0 8px rgba(60,189,255,.65)}.template-card .image-unavailable{display:none}.template-controls{position:absolute;z-index:10;top:-36px;right:4px;display:flex;max-width:calc(100% - 8px);align-items:center;justify-content:flex-end;gap:7px;color:#e8f5ff}.connection{display:inline-flex;min-height:30px;max-width:250px;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(78,163,223,.48);border-radius:999px;background:#05111fe8;color:#d9eaff;font-size:11px;line-height:1.1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connection>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pulse{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ffc35e;box-shadow:0 0 8px currentColor}.connection.state-connected .pulse{background:#53e0ad}.connection.state-failed .pulse{background:#ff697f}.connection.state-preview .pulse{background:#ffc35e}.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(70,155,214,.6);border-radius:999px;background:#040d1af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-switch button{min-height:25px;padding:4px 9px;border:0;border-radius:999px;background:transparent;color:#aebfd4;cursor:pointer;font-size:11px;font-weight:700}.language-switch button.active{background:linear-gradient(135deg,#164d7a,#1765a4);color:#fff;box-shadow:inset 0 0 0 1px #6bd3ff52}.connected-user{display:inline-flex;align-items:center;gap:6px;max-width:180px;padding:4px 9px;border-radius:999px;border:1px solid rgba(91,151,199,.35);background:#05111fe6;font-size:11px}.connected-user img{width:21px;height:21px;border-radius:50%;object-fit:cover}.retry-button{border:1px solid #3d8ac4;border-radius:999px;padding:6px 10px;background:#0b3558;color:#fff;cursor:pointer;font-size:11px}.status-message{width:min(94vw,920px);padding:10px 13px;border:1px solid rgba(71,157,223,.35);border-radius:9px;background:#05101ee0;color:#c5d9ef;font-size:12px;line-height:1.5}.activity-footer{width:min(94vw,920px);color:#7f9ab9;text-align:center;font-size:10px;letter-spacing:.12em}.feature-dialog{position:fixed;width:min(92vw,660px);max-width:none;max-height:min(88dvh,780px);margin:auto;padding:0;overflow:auto;border:1px solid rgba(64,173,245,.72);border-radius:18px;background:#06111f;color:#eaf4ff;box-shadow:0 28px 100px #000000b8,0 0 36px #006dd629}.feature-dialog::backdrop{background:#00030ac2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-art{position:relative;width:100%;height:clamp(150px,26vw,220px);overflow:hidden;background:#081629}.dialog-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.dialog-art img.image-unavailable{display:none}.dialog-content{padding:24px 30px 28px}.dialog-eyebrow{margin:0 0 10px;color:#6fcfff;font-size:10px;font-weight:800;letter-spacing:.18em}#featureTitle{margin:0 0 10px;color:#f3f7ff;font-size:clamp(22px,3vw,30px);font-weight:850;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}#featureDescription{margin:0 0 20px;color:#c8d7e9;font-size:14px;line-height:1.7;white-space:pre-line}.feature-notice{padding:14px 15px;border:1px solid rgba(64,133,183,.45);border-radius:10px;background:#09192bcc;color:#c8d9e9;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.config-key{margin:8px 0 0;color:#ffc76f;font-size:11px;overflow-wrap:anywhere}.settings-language{display:flex;gap:8px;margin-top:12px}.settings-language button{border:1px solid #2c658a;border-radius:8px;background:#0a243a;color:#eaf6ff;padding:9px 14px;cursor:pointer}.dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.primary-action,.secondary-action{min-height:40px;padding:10px 15px;border-radius:8px;font-size:12px;font-weight:750;cursor:pointer}.primary-action{border:1px solid #2874a3;background:linear-gradient(135deg,#0e4d73,#0e385b);color:#fff}.primary-action:hover:not(:disabled){border-color:#6dd9ff;background:linear-gradient(135deg,#12628f,#124b74)}.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action{border:1px solid #3a5168;background:#101e2d;color:#d6e4f3}.secondary-action:hover{background:#172b40}.dialog-close{position:sticky;z-index:30;top:8px;display:grid;width:38px;height:38px;place-items:center;margin:8px 10px -46px auto;padding:0;border:1px solid rgba(238,248,255,.68);border-radius:50%;background:#030b16f0;color:#fff;cursor:pointer;font-size:28px;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000004d}.dialog-close:hover{background:#163a58}@media(max-width:720px){.activity-shell{padding:44px 7px 15px;gap:10px}.template-stage{width:min(98vw,620px);aspect-ratio:1.39}.template-controls{top:-36px;right:1px;gap:4px}.connection{max-width:145px;min-height:26px;padding:5px 7px;font-size:9px}.language-switch{padding:2px}.language-switch button{min-height:22px;padding:3px 6px;font-size:9px}.connected-user{display:none}.template-card{border-radius:3px}.template-card .card-art{height:56%;object-position:90% center}.template-card .template-card-mask{height:57%}.template-card .template-card-copy{top:56%;left:4px;right:4px;bottom:3px;gap:2px;padding:3px 0 9px}.template-card-copy strong{font-size:clamp(7px,1.55vw,11px);line-height:1.15}.template-card-copy small{font-size:clamp(5.8px,1.1vw,8px);line-height:1.15;-webkit-line-clamp:2;line-clamp:2}.template-card-copy i{font-size:11px}.dialog-content{padding:20px 18px 22px}#featureDescription{font-size:13px}}@media(max-width:430px){.template-card-copy small{display:none}.template-card .template-card-copy{top:62%}.template-card .card-art{height:62%}.template-card .template-card-mask{height:63%}.template-card-copy strong{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.template-card{background:#06101d!important}button[data-menu=war] .card-art{left:0!important;right:auto!important;width:100%!important;height:47%!important;object-position:center 34%!important}.template-card .card-art{left:auto!important;right:0!important;width:145%!important;height:47%!important;max-width:none!important;object-fit:cover!important;object-position:right top!important}.template-card .template-card-mask{height:49%!important;background:linear-gradient(180deg,#03091205 12%,#040c172e)!important}.template-card .template-card-copy{top:48%!important;left:0!important;right:0!important;bottom:0!important;padding:5px 7px 13px!important;gap:3px!important;background:linear-gradient(180deg,#071321,#050d19 32%,#050d19)!important;border-top:1px solid rgba(57,146,201,.24);text-shadow:0 1px 4px rgba(0,0,0,.94)}.template-card-copy strong{font-size:clamp(9px,1.15vw,13px)!important;line-height:1.2!important}.template-card-copy small{-webkit-line-clamp:3;line-clamp:3}.dialog-art{isolation:isolate}.dialog-art img{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center}.dialog-art:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#081629,#081629fc 28%,#081629f0 43%,#081629b8 56%,#0816293d 73%,#08162900 88%)}.language-switch button{white-space:nowrap}@media(max-width:720px){.template-card .card-art{height:47%!important;object-position:right top!important}.template-card .template-card-mask{height:49%!important}.template-card .template-card-copy{top:48%!important;left:0!important;right:0!important;bottom:0!important;padding:3px 4px 10px!important;gap:2px!important}.template-card-copy strong{font-size:clamp(7px,1.55vw,11px)!important}.template-card-copy small{font-size:clamp(5.8px,1.1vw,8px)!important}.language-switch button{padding-left:7px;padding-right:7px}}@media(max-width:430px){.template-card .card-art{height:47%!important}.template-card .template-card-mask{height:49%!important}.template-card .template-card-copy{top:48%!important}}.template-brand{position:absolute;z-index:3;top:15.5%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;color:#f4f8ff;text-align:center;pointer-events:none;text-shadow:0 2px 7px #020713,0 0 18px rgba(68,177,255,.85)}.template-brand strong{font-size:clamp(19px,3.3vw,34px);font-weight:950;letter-spacing:.11em;line-height:1.05;white-space:nowrap}.template-brand small{color:#c4e5ff;font-size:clamp(7px,1vw,10px);font-weight:800;letter-spacing:.25em;white-space:nowrap}.template-card .card-art{height:82%;object-fit:cover;object-position:center top;filter:saturate(.9) brightness(.88)}.template-card .template-card-mask{top:49%;height:51%;background:#06101d}.template-card .template-card-copy{top:47%;padding:7px 0 11px;background:linear-gradient(180deg,#06101dfc,#06101d 24%);gap:4px}.party-creator{display:grid;grid-template-columns:1fr;gap:7px;margin:15px 0 4px;padding:15px;border:1px solid rgba(75,166,226,.42);border-radius:10px;background:#040d19c7}.party-creator label{margin-top:3px;color:#dcecff;font-size:12px;font-weight:800}.party-creator input,.party-creator textarea,.party-creator select{width:100%;min-width:0;border:1px solid rgba(91,160,209,.48);border-radius:8px;padding:10px 11px;background:#09182a;color:#f2f7ff;font-size:13px;outline:none}.party-creator input:focus,.party-creator textarea:focus,.party-creator select:focus{border-color:#66d1ff;box-shadow:0 0 0 2px #45b1ff29}.party-creator textarea{resize:vertical;min-height:64px}.party-room-hint{margin:7px 0 0;color:#9eb6d0;font-size:11px;line-height:1.55}.party-channel-button{display:inline-flex;align-items:center;justify-content:center;margin:5px 6px 0 0;padding:8px 12px;border:1px solid #318ac2;border-radius:8px;background:#0b3558;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.party-channel-button.secondary{border-color:#6f9fc580;background:#101d2d}@media(max-width:540px){.template-brand{top:15%}.template-brand strong{font-size:clamp(16px,4.1vw,23px)}.template-brand small{font-size:7px;letter-spacing:.12em}.dialog-content{padding:18px 17px 22px}}.party-list{display:flex;flex-direction:column;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(85,155,205,.28)}.party-list-status{margin:0;color:#afd9f6;font-size:12px;line-height:1.5}.party-list-items{display:flex;flex-direction:column;gap:9px;max-height:310px;overflow:auto;padding-right:3px}.party-room-card{padding:12px;border:1px solid rgba(76,159,218,.42);border-radius:10px;background:linear-gradient(135deg,#091a2cf5,#050d18f7);box-shadow:inset 0 0 16px #185d9314}.party-room-card h3{margin:0 0 5px;color:#eef7ff;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.party-room-description,.party-room-meta,.party-room-roster{margin:4px 0;color:#b5cbe0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.party-room-meta{color:#6dd3ff;font-weight:800}.party-room-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.party-room-actions .party-channel-button{margin:0}.party-channel-button.danger{border-color:#ff718480;background:#46202b;color:#ffe9ed}.template-card .card-art{height:76%;object-fit:cover;object-position:center 47%;filter:saturate(.92) brightness(.9)}.template-card .template-card-mask{top:48%;height:52%;background:#06101d}.template-card .template-card-copy{top:48%;padding:7px 0 11px;background:linear-gradient(180deg,#06101dfa,#06101d 22%);gap:4px}.template-card{overflow:hidden}.template-card .card-art{height:48%!important;top:0!important;object-fit:cover!important;object-position:center 46%!important;filter:saturate(.98) brightness(.96)!important}.template-card .template-card-mask{top:45%!important;height:55%!important;background:#04111f!important;opacity:1!important}.template-card .template-card-copy{top:45%!important;height:55%!important;box-sizing:border-box;padding:8px 9px 12px!important;gap:5px!important;background:linear-gradient(180deg,#061424,#03101d)!important}.template-card .template-card-copy strong{font-size:clamp(11px,1vw,14px)!important;line-height:1.25!important;color:#fff!important;text-shadow:0 1px 4px #000}.template-card .template-card-copy small{font-size:clamp(9px,.74vw,11px)!important;line-height:1.38!important;color:#e2edf8!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.feature-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 10px}.feature-submenu[hidden]{display:none!important}.feature-submenu-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:70px;text-align:left;padding:12px;border-radius:10px;border:1px solid rgba(66,178,255,.55);background:linear-gradient(140deg,#092741fa,#04111ffa);color:#f3f9ff;cursor:pointer;box-shadow:inset 0 0 18px #1984d11f;transition:transform .14s ease,border-color .14s ease}.feature-submenu-item:hover,.feature-submenu-item:focus-visible{border-color:#70d8ff;transform:translateY(-1px);outline:none}.feature-submenu-item strong{font-size:13px;line-height:1.3}.feature-submenu-item small{font-size:11px;line-height:1.45;color:#bfd6e9}@media(max-width:640px){.feature-submenu{grid-template-columns:1fr}.template-card .template-card-copy{padding:5px 5px 8px!important}.template-card .template-card-copy strong{font-size:clamp(9px,1.4vw,12px)!important}.template-card .template-card-copy small{font-size:clamp(8px,1.1vw,10px)!important}}.activity-notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:31px;min-height:30px;padding:4px 8px;border:1px solid rgba(109,194,255,.42);border-radius:999px;background:#081b2ff0;color:#eff8ff;font-size:13px;cursor:pointer}.activity-notifications b{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e75268;color:#fff;font-size:10px}.activity-notifications b[hidden]{display:none!important}.hub-content{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;padding:14px;border:1px solid rgba(88,166,220,.36);border-radius:12px;background:linear-gradient(160deg,#041120fa,#071727fa);color:#edf6ff;max-height:min(56vh,620px);overflow:auto;overscroll-behavior:contain}.hub-content[hidden]{display:none!important}.hub-section-title{margin:0 0 3px;color:#f4f9ff;font-size:16px;line-height:1.35}.hub-subtitle{margin:8px 0 2px;color:#d6eaff;font-size:13px}.hub-muted{margin:3px 0;color:#aec4d9;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.hub-status{margin:0;padding:9px 10px;border-radius:8px;background:#2e537147;color:#d8ecff;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.hub-status.success{background:#186d5238;color:#b9f5df;border:1px solid rgba(69,203,156,.25)}.hub-status.error{background:#7e26353d;color:#ffd5dc;border:1px solid rgba(242,100,125,.3)}.hub-toolbar,.hub-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.hub-toolbar .hub-field{flex:1 1 190px;min-width:120px}.hub-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-height:34px;padding:8px 11px;border:1px solid rgba(118,160,194,.38);border-radius:8px;background:#112a41;color:#edf7ff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;overflow-wrap:anywhere}.hub-button:hover{border-color:#75d2ff;background:#173d59}.hub-button.primary{background:linear-gradient(135deg,#087bb8,#1459a4);border-color:#3baced;color:#fff}.hub-button.danger{background:#4c2530;border-color:#f7697c80;color:#ffebee}.hub-button:disabled{opacity:.5;cursor:not-allowed}.hub-field{display:flex;flex-direction:column;gap:5px;min-width:0;color:#d8e9f8;font-size:11px;font-weight:750}.hub-field input,.hub-field textarea,.hub-field select{width:100%;min-width:0;box-sizing:border-box;padding:9px 10px;border:1px solid rgba(107,159,199,.42);border-radius:8px;background:#071624;color:#f1f7ff;font:inherit;font-size:12px;outline:none}.hub-field input:focus,.hub-field textarea:focus,.hub-field select:focus{border-color:#64c7ff;box-shadow:0 0 0 2px #42a7e029}.hub-field textarea{resize:vertical;min-height:68px}.hub-form{display:grid;grid-template-columns:1fr;gap:9px;width:100%}.hub-card-list{display:flex;flex-direction:column;gap:8px;min-width:0}.hub-card{display:flex;flex-direction:column;gap:7px;padding:11px;border:1px solid rgba(84,148,190,.28);border-radius:9px;background:linear-gradient(145deg,#0a1e30f5,#05111dfa);min-width:0;overflow-wrap:anywhere}.hub-card strong,.hub-card-title{color:#f1f8ff;font-size:13px;line-height:1.4}.hub-card .hub-profile-intro{margin:0;color:#c7d9eb;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.hub-profile-top,.hub-profile-detail{display:flex;align-items:center;gap:10px;min-width:0}.hub-profile-identity{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.hub-profile-name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0;flex-wrap:wrap}.hub-tier-icon.inline{display:inline-block!important;visibility:visible!important;opacity:1!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important;flex:0 0 26px!important;vertical-align:middle}.hub-profile-identity strong,.hub-detail-name{font-size:13px;color:#f4f8ff;overflow-wrap:anywhere}.hub-discord-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;border:1px solid rgba(114,198,255,.48);background:#10273c}.hub-discord-avatar.large{width:58px;height:58px;flex-basis:58px}.hub-avatar-fallback{display:flex;align-items:center;justify-content:center;color:#d8edff;font-size:17px;font-weight:900}.hub-tier-icon{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.hub-tier-icon.big{width:56px;height:56px;flex-basis:56px}.hub-profile-rank{margin:0;color:#7dd5ff;font-size:12px;font-weight:850;line-height:1.45}.hub-profile-intro{margin:4px 0 0;color:#d3e1ef;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.hub-profile-intro.long{white-space:pre-wrap}.hub-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hub-detail-row{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:7px;background:#203d535c;min-width:0}.hub-detail-row strong{color:#f0f6ff;font-size:11px;overflow-wrap:anywhere}.hub-member-list{display:flex;flex-wrap:wrap;gap:5px}.hub-member-chip{padding:4px 7px;border-radius:999px;background:#28699445;color:#d9edff;font-size:10px}.hub-stat-card{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid rgba(80,176,232,.28);border-radius:9px;background:#0a2a4299}.hub-balance{font-size:23px;color:#a6e0ff;font-weight:950;letter-spacing:.01em}.hub-slot-result{text-align:center;font-size:28px;letter-spacing:.06em;padding:14px;border:1px solid rgba(85,174,223,.35);border-radius:10px;background:#061522}.hub-card.is-unread{border-color:#4abeffa6;box-shadow:inset 3px 0 #52bfff}.hub-card.is-read{opacity:.78}@media(max-width:540px){.hub-content{padding:10px;max-height:54vh}.hub-button{font-size:11px;padding:7px 9px}.hub-detail-grid{grid-template-columns:1fr}.hub-profile-top{align-items:flex-start}.hub-tier-icon{width:32px;height:32px;flex-basis:32px}}.hub-member-suggestions{display:flex;flex-direction:column;gap:5px;min-width:0}.hub-member-suggestion{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;text-align:left;border:1px solid rgba(91,159,204,.34);border-radius:8px;background:#0b2235f5;color:#edf7ff;cursor:pointer}.hub-member-suggestion:hover,.hub-member-suggestion:focus-visible{border-color:#73cfff;background:#143d5af5;outline:none}.hub-discord-avatar.small{width:30px;height:30px;flex-basis:30px}.hub-member-suggestion-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.hub-member-suggestion-copy strong{font-size:12px;overflow-wrap:anywhere}.hub-member-suggestion-copy small{font-size:10px;color:#9fbad1}.hub-rank-header{display:flex;align-items:center;gap:9px;min-width:0}.hub-rank-marker{display:inline-flex;flex:0 0 34px;width:34px;height:34px;box-sizing:border-box;align-items:center;justify-content:center;object-fit:contain;padding:3px;border-radius:10px;font-size:22px;line-height:1;background:#2d3d4cb3;border:1px solid rgba(142,171,196,.28)}.hub-rank-marker.rank-marker-fallback{object-fit:initial}.hub-rank-marker.rank-marker-1{background:linear-gradient(145deg,#dead334d,#8b5f1226);border-color:#ffd257b3;box-shadow:0 0 12px #eeb73424}.hub-rank-marker.rank-marker-2{background:linear-gradient(145deg,#cddce93d,#647c9221);border-color:#cfdeeb94}.hub-rank-marker.rank-marker-3{background:linear-gradient(145deg,#c07c4f3d,#6b432f29);border-color:#cd91699e}.hub-rank-name{flex:1;min-width:0;overflow-wrap:anywhere}.hub-rank-card.rank-1{border-color:#f4c448bf;background:linear-gradient(120deg,#7052165c,#071623fa 75%);box-shadow:inset 3px 0 #efc44b,0 0 14px #e3aa2314}.hub-rank-card.rank-2{border-color:#c2d2dfad;background:linear-gradient(120deg,#5f778b47,#071623fa 75%);box-shadow:inset 3px 0 #c4d3df}.hub-rank-card.rank-3{border-color:#b97e57ad;background:linear-gradient(120deg,#75482a47,#071623fa 75%);box-shadow:inset 3px 0 #bd855f}.hub-tier-icon.inline{display:inline-block!important;visibility:visible!important;opacity:1!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;flex:0 0 34px!important;vertical-align:middle!important}.hub-tier-icon-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:34px!important;min-height:34px!important;max-width:110px!important;padding:0 5px!important;box-sizing:border-box!important;border:1px solid rgba(105,199,255,.72)!important;border-radius:8px!important;background:#0d3049f5!important;color:#e3f5ff!important;font-size:9px!important;font-weight:900!important;line-height:1.1!important;text-align:center!important;overflow-wrap:anywhere!important}.hub-profile-name-line{align-items:center!important;gap:8px!important}img.hub-tier-icon.inline{display:inline-block!important;visibility:visible!important;opacity:1!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important;flex:0 0 46px!important;vertical-align:middle!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.48))}img.hub-tier-icon.big{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain!important;flex:0 0 56px!important}.hub-tier-icon-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:46px!important;min-height:46px!important;max-width:120px!important;padding:0 6px!important;box-sizing:border-box!important;border:1px solid rgba(105,199,255,.72)!important;border-radius:8px!important;background:#0d3049f5!important;color:#e3f5ff!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important;text-align:center!important;overflow-wrap:anywhere!important}.hub-guide-topic{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;width:100%;padding:12px 38px 12px 13px;text-align:left;border:1px solid rgba(77,157,211,.36);border-radius:9px;background:linear-gradient(135deg,#0a2236fa,#05111dfa);color:#edf7ff;cursor:pointer}.hub-guide-topic:hover,.hub-guide-topic:focus-visible{border-color:#6bd5ff;background:linear-gradient(135deg,#0d304bfa,#05111dfa);outline:none}.hub-guide-topic strong{font-size:13px;line-height:1.35}.hub-guide-topic small{font-size:11px;color:#9fc1db;line-height:1.4}.hub-guide-chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#73d6ff;font-size:25px}.hub-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#00030ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-confirm-card{width:min(100%,420px);padding:20px;border:1px solid rgba(247,106,126,.6);border-radius:14px;background:linear-gradient(145deg,#0c1b2b,#050c16);box-shadow:0 18px 70px #0009,0 0 24px #ff4b5f17}.hub-confirm-title{margin:0 0 10px;color:#fff;font-size:17px;line-height:1.35}.hub-confirm-message{margin:0;color:#c7d8e9;font-size:13px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.hub-confirm-card .hub-actions{justify-content:flex-end;margin-top:17px}.hub-confirm-card .hub-button.danger{background:linear-gradient(135deg,#9f2639,#681927);border-color:#ed7381}.lol-match-card{gap:10px}.lol-match-card.lol-match-win{border-left:3px solid #39d9a1}.lol-match-card.lol-match-loss{border-left:3px solid #f36b83}.lol-match-head{display:flex;align-items:center;gap:11px;min-width:0}.lol-match-summary{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.lol-match-summary>strong{font-size:13px}.lol-champion-portrait{width:62px;height:62px;flex:0 0 62px;border-radius:9px;object-fit:cover;border:1px solid rgba(94,194,255,.42);background:#071423}.lol-champion-portrait.large{width:80px;height:80px;flex-basis:80px}.lol-item-row{display:flex;gap:5px;flex-wrap:wrap}.lol-item-icon{width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(126,171,204,.35);border-radius:5px;object-fit:cover;background:#071423}.lol-match-details{border-top:1px solid rgba(85,150,193,.25);padding-top:9px}.lol-match-details summary{cursor:pointer;color:#8de0ff;font-size:12px;font-weight:800;padding:3px 0 8px}.lol-match-team{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:9px;border:1px solid rgba(85,150,193,.22);border-radius:8px}.lol-match-team.ally{background:#1a577824}.lol-match-team.enemy{background:#832c3c1f}.lol-match-team h4{margin:0;font-size:12px;color:#d7ebff}.lol-player-row{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 0;border-top:1px solid rgba(104,153,189,.14)}.lol-player-champion{width:36px;height:36px;flex:0 0 36px;object-fit:cover;border-radius:6px;background:#071423}.lol-player-about{display:flex;flex:1;flex-direction:column;gap:2px;min-width:66px}.lol-player-about strong{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.lol-player-about small{font-size:10px;color:#9fb9d0;line-height:1.3}.lol-player-items{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:112px}.lol-player-item{width:18px;height:18px;flex:0 0 18px;border-radius:3px;object-fit:cover;background:#071423}.lol-image-unavailable{opacity:.2;outline:1px dashed rgba(122,166,195,.5)}.lol-counter-frame{display:block;width:100%;height:min(62vh,660px);min-height:380px;border:1px solid rgba(90,173,224,.35);border-radius:10px;background:#fff;color:#111}.lol-counter-hero{gap:12px}.dialog-close{font-family:Arial,sans-serif!important;font-size:26px!important;line-height:1!important;text-align:center!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important;transform:none!important}@media(max-width:540px){.lol-champion-portrait{width:52px;height:52px;flex-basis:52px}.lol-player-row{align-items:flex-start}.lol-player-items{max-width:72px}.lol-player-item{width:15px;height:15px;flex-basis:15px}.lol-counter-frame{min-height:320px}.hub-confirm-card{padding:16px}}