/* SummonQ identity: approved Poro illustrations and the matching duo logo. */
.site-head{min-height:94px;padding-block:9px}.brand{min-width:0;letter-spacing:normal}.brand .brand-logo{display:block;width:225px;height:75px;max-width:100%;padding:0;background:transparent;border-radius:0;object-fit:contain}.site-footer .brand .brand-logo{width:180px;height:60px}.site-footer>div>p{margin-top:1px}.site-head nav button{padding-block:12px}.site-footer .riot-notice{max-width:900px}
.home-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:45px;padding:42px;min-height:560px;background:#0d1e2b}.home-grid::before{background:radial-gradient(ellipse at 80% 42%,#27626a80,transparent 48%),linear-gradient(105deg,#0c1b2a 25%,#112936);opacity:1}.home-grid::after{border-color:#bea06522}.home-copy h1{font-size:clamp(43px,4.8vw,66px)}.hero-poros{position:relative;min-width:0;min-height:450px;width:100%;display:grid;place-items:center;isolation:isolate}.hero-poros::before{content:'';position:absolute;width:76%;aspect-ratio:1;border:1px solid #d3b77c21;border-radius:50%;box-shadow:0 0 0 24px #90ced004,0 0 0 25px #90ced013;z-index:-1;transform:translateY(-12px)}.hero-mascot-label{position:absolute;top:-9px;right:1px;font:8px/1.6 ui-monospace,monospace;letter-spacing:.16em;color:#91b5bb}.hero-poro{width:min(100%,420px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 16px #0004);transform:translateY(-20px)}.hero-rank-preview{position:absolute;bottom:5px;left:0;right:0;display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #718a7899;border-top-color:#b7ae80;border-radius:5px;background:#0b1c29ed;box-shadow:0 12px 25px #0004;padding:13px 15px;backdrop-filter:blur(10px)}.hero-rank-preview>img{width:65px;height:65px;object-fit:contain}.hero-rank-preview small{font:8px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:#92afb4;display:block}.hero-rank-preview>div>strong{display:block;font-size:15px;font-weight:650;line-height:1.5;margin:3px 0}.hero-rank-preview strong>span{font-size:12px;color:#86a1b3;margin-left:3px;font-weight:400}.hero-rank-preview p{font-size:12px;color:#cbdfe4}.hero-rank-preview p>b{color:#81d9b5;margin-left:5px;font-weight:500}.hero-daily{border-left:1px solid #3d515b;padding-left:14px}.hero-rank-preview .hero-daily>strong{font-size:13px;white-space:nowrap;margin-top:7px}.hero-daily b{font-weight:600;color:#84d9b6}.hero-daily i{font-style:normal;font-weight:600;color:#e59ba6}
.signin-callout{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:20px;padding:18px 22px}.studio-mascot{width:76px;height:76px;object-fit:contain}.signin-callout>div{min-width:0}.signin-callout .button{justify-self:end}.duo-empty{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:34px;align-content:center;align-items:center;text-align:left;min-height:260px;padding:30px 55px;background:radial-gradient(ellipse at 18% 50%,#1c4b575c,transparent 50%),#0e1f2c;border:1px solid #345262}.duo-empty-mascot{grid-column:1;grid-row:1/3;width:200px;height:200px;object-fit:contain}.duo-empty h2{grid-column:2;align-self:end;font-size:24px;margin:0 0 10px}.duo-empty p{grid-column:2;align-self:start;max-width:480px;margin:0;font-size:13px;line-height:1.9}.live-state-mascot{width:140px;height:140px;object-fit:contain;margin-bottom:4px}.live-empty:has(.live-state-mascot)>.live-empty-symbol{display:none}.live-empty:has(.live-state-mascot){padding-block:25px}.live-empty:has(.live-state-mascot) h3{margin-top:5px}
@media(max-width:1100px){.brand .brand-logo{width:205px;height:69px}.home-grid{padding:35px 30px;gap:28px}.hero-poros{min-height:390px}.hero-rank-preview{grid-template-columns:52px minmax(0,1fr);gap:8px 12px;padding:11px 13px}.hero-rank-preview>img{width:52px;height:52px}.hero-rank-preview .hero-daily{grid-column:1/-1;border-left:0;border-top:1px solid #344e59;padding:8px 0 0;display:flex;align-items:center;justify-content:space-between}.hero-rank-preview .hero-daily>strong{margin:0;font-size:12px}.hero-poro{transform:translateY(-36px)}.hero-mascot-label{top:-25px;font-size:7px}.duo-empty{padding-inline:35px}}
@media(max-width:800px){.site-head{padding-block:10px}.brand .brand-logo{width:190px;height:64px}.site-head nav{padding-top:5px}.site-head nav button{padding-block:10px}.home-grid{grid-template-columns:1fr;gap:35px}.home-copy{max-width:620px}.home-copy h1{font-size:59px}.hero-poros{max-width:440px;min-height:440px;margin:auto}.hero-poro{width:360px;transform:translateY(-12px)}.hero-rank-preview{grid-template-columns:60px minmax(0,1fr) auto;padding:12px 16px;gap:12px;bottom:0}.hero-rank-preview>img{width:60px;height:60px}.hero-rank-preview .hero-daily{grid-column:auto;border-top:0;border-left:1px solid #3d515b;padding:0 0 0 14px;display:block}.hero-rank-preview .hero-daily>strong{margin-top:7px}.hero-mascot-label{top:0;right:0}.signin-callout{grid-template-columns:62px minmax(0,1fr);gap:12px 16px}.studio-mascot{width:62px;height:62px;grid-row:1/3}.signin-callout .button{grid-column:2;justify-self:start;font-size:11px;padding:9px 12px}.duo-empty{padding:25px;grid-template-columns:160px minmax(0,1fr);gap:20px}.duo-empty-mascot{width:160px;height:180px}.duo-empty h2{font-size:21px}}
@media(max-width:540px){.site-head{padding-inline:16px;gap:10px}.brand .brand-logo{width:174px;height:58px}.site-head .identity .button{padding:8px 9px;font-size:10px;gap:7px}.home-grid{padding:28px 22px;gap:28px}.home-copy h1{font-size:46px}.hero-poros{min-height:360px;max-width:340px}.hero-poro{width:300px;max-width:100%;transform:translateY(-18px)}.hero-mascot-label{font-size:7px;top:-3px}.hero-rank-preview{grid-template-columns:46px minmax(0,1fr) auto;padding:10px;gap:7px}.hero-rank-preview>img{width:46px;height:46px}.hero-rank-preview>div>strong{font-size:13px}.hero-rank-preview strong>span{font-size:10px}.hero-rank-preview p{font-size:10px}.hero-rank-preview small{font-size:6px}.hero-rank-preview .hero-daily{padding-left:9px}.hero-rank-preview .hero-daily>strong{font-size:10px}.signin-callout{padding:16px;grid-template-columns:54px minmax(0,1fr);gap:10px 12px}.studio-mascot{width:54px;height:62px}.signin-callout strong{font-size:12px}.signin-callout p{font-size:11px}.duo-empty{display:flex;flex-direction:column;text-align:center;gap:0;padding:25px 20px 30px}.duo-empty-mascot{width:170px;height:170px;margin-bottom:8px}.duo-empty h2{align-self:center;font-size:22px;margin-bottom:10px}.duo-empty p{align-self:center;font-size:12px}.site-footer .brand .brand-logo{width:160px;height:54px}}
@media(max-width:360px){.brand .brand-logo{width:154px;height:52px}.site-head .identity .button{font-size:9px;padding:7px;gap:5px}.site-head{gap:8px}.home-copy h1{font-size:39px}.hero-poros{min-height:310px}.hero-rank-preview{grid-template-columns:44px minmax(0,1fr);gap:7px}.hero-rank-preview .hero-daily{grid-column:1/-1;border-top:1px solid #344e59;border-left:0;padding:7px 0 0;display:flex;align-items:center;justify-content:space-between}.hero-rank-preview .hero-daily>strong{margin:0}.hero-poro{transform:translateY(-30px)}.hero-mascot-label{font-size:6px}.hero-rank-preview small{font-size:7px}}