:root{--color-black: #000;--color-black2: #333333;--color-primary: #0FF796;--color-secondary: #FF6200;--color-tertiary: #007BFF;--color-gray: #D9D9D9;--color-text-main: #EAEBEB;--color-text-dark: #0C1317;--fs-section-title: clamp(22px, calc(11.49px + 2.67vw) , 50px);--fs-step-number: clamp(14px, calc(4.24px + 2.48vw) , 40px);--fs-body-large: clamp(14px, calc(7.24px + 1.72vw) , 32px);--fs-period: clamp(12px, calc(4.49px + 1.91vw) , 32px);--fs-body-medium: clamp(12px, calc(7.5px + 1.15vw) , 24px);--fs-body-small: clamp(8px, calc(5px + .76vw) , 16px);--fs-label: clamp(11px, calc(9.12px + .48vw) , 16px);--fs-section-symbol: clamp(11px, calc(6.12px + 1.24vw) , 24px);--fs-subtitle: clamp(14px, calc(10.25px + .96vw) , 24px);--fs-card-title: clamp(14px, calc(11.75px + .57vw) , 20px);--fs-card-body: clamp(12px, calc(9.75px + .57vw) , 18px);--fs-caption: clamp(8px, calc(5.75px + .57vw) , 14px);--fs-button: clamp(12px, calc(9px + .76vw) , 20px);--fs-badge: clamp(10px, calc(7.75px + .57vw) , 16px);--fs-stamp: clamp(26px, calc(16.99px + 2.29vw) , 50px);--fs-disclaimer-body: clamp(10px, calc(8.5px + .38vw) , 14px);--fs-input-placeholder: clamp(12px, calc(10.5px + .38vw) , 16px);--section-gap: clamp(16px, calc(6.99px + 2.29vw) , 40px);--section-padding-vertical: clamp(30px, calc(18.74px + 2.87vw) , 60px);--section-padding-horizontal: clamp(16px, calc(-26.04px + 10.7vw) , 128px);--introduction-padding-top: clamp(20px, calc(4.99px + 3.82vw) , 60px);--introduction-gap: clamp(16px, 4.2vw, 60px);--gap-extra-small: clamp(4px, calc(2.5px + .38vw) , 8px);--gap-inline: clamp(4px, calc(1px + .76vw) , 12px);--gap-small: clamp(6px, calc(4.5px + .38vw) , 10px);--gap-medium: clamp(6px, calc(3.75px + .57vw) , 12px);--gap-text: clamp(8px, calc(6.5px + .38vw) , 12px);--section-bottom-padding: clamp(40px, calc(9.97px + 7.64vw) , 120px);--disclaimers-padding-vertical: clamp(48px, calc(28.48px + 4.97vw) , 100px);--disclaimers-gap: clamp(20px, calc(15.5px + 1.15vw) , 32px);--input-height: clamp(28px, calc(18.99px + 2.29vw) , 52px);--button-border-left: clamp(4px, calc(2.5px + .38vw) , 8px);--card-padding: clamp(12px, calc(2.99px + 2.29vw) , 36px);--item-padding: clamp(16px, calc(8.49px + 1.91vw) , 36px);--step-padding-horizontal: clamp(10px, calc(6.25px + .96vw) , 20px);--action-button-width: clamp(52px, calc(26.48px + 6.49vw) , 120px);--button-height-large: clamp(32px, calc(19.24px + 3.25vw) , 66px);--avatar-size: clamp(80px, calc(64.99px + 3.82vw) , 120px);--reward-image-size: clamp(36px, calc(19.11px + 4.3vw) , 81px);--stamp-offset: clamp(5px, calc(3.12px + .48vw) , 10px);--noconnection-padding-vertical: clamp(24px, calc(14.99px + 2.29vw) , 48px);--noconnection-padding-horizontal: clamp(20px, calc(11.74px + 2.1vw) , 42px);--login-button-width: clamp(200px, calc(117.42px + 21.01vw) , 420px);--login-button-height: clamp(32px, calc(13.23px + 4.78vw) , 82px);--discord-logo-width: clamp(18.5px, calc(10.81px + 1.96vw) , 39px);--discord-logo-height: clamp(15px, calc(9.37px + 1.43vw) , 30px);--character-select-width: clamp(120px, calc(74.96px + 11.46vw) , 240px);--terms-container-height: clamp(320px, calc(252.44px + 17.19vw) , 500px);--account-info-gap: clamp(8px, calc(4.25px + .96vw) , 18px);--decoration-width: clamp(120px, calc(89.97px + 7.64vw) , 200px);--decoration-border-left: clamp(30px, calc(22.49px + 1.91vw) , 50px)}*{padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:#0d242d;color:var(--color-text-main);font-family:Hiragino Sans}button{font-family:Hiragino Sans;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}select{-webkit-appearance:none;appearance:none;border:none}footer{background-color:#090b0c;color:#fff}.mobile-only{display:none}.section-title-decoration{box-sizing:border-box;width:var(--decoration-width);height:4px;background-color:#404d4d;border-left:var(--decoration-border-left) solid var(--color-primary)}.header-image{width:100%}.introduction{padding:var(--introduction-padding-top) 0 var(--section-padding-vertical);display:flex;flex-direction:column;gap:var(--introduction-gap)}.introduction-message{text-align:center;font-size:var(--fs-body-large);line-height:140%;font-weight:800;color:var(--color-text-main)}.introduction-highlight{background:var(--color-primary);color:var(--color-text-dark);padding:2px}.introduction-period{display:block;margin:0 auto;text-align:center;font-size:var(--fs-period);line-height:140%;font-weight:800;color:var(--color-primary);background:var(--color-black);padding:var(--fs-body-small) var(--item-padding)}.section-header{display:flex;flex-direction:column;gap:var(--gap-small)}.section-title{display:flex;flex-direction:column;gap:4px}.section-title-symbol{font-size:var(--fs-section-symbol);line-height:var(--fs-section-symbol);font-weight:900;color:#b0b0b0}.section-title-name{font-size:var(--fs-section-title);line-height:var(--fs-section-title);font-weight:900}.howto{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) 0}.howto-items{display:flex;flex-direction:column;gap:var(--fs-body-small)}.howto-item{display:flex;align-items:center;border:1px solid var(--color-primary);padding:var(--fs-body-small) 0}.howto-item-step{display:flex;flex-direction:column;gap:2px;align-items:center;padding:0 var(--step-padding-horizontal);border-right:1px solid var(--color-primary)}.howto-item-step-symbol{font-size:var(--fs-body-small);line-height:var(--fs-body-small);font-weight:600;color:var(--color-primary)}.howto-item-step-number{font-size:var(--fs-step-number);line-height:var(--fs-step-number);font-weight:800;color:var(--color-primary)}.howto-item-body{flex:1;text-align:center;font-size:var(--fs-body-medium);font-weight:800;padding:0 8px}.howto-item-body-href{color:var(--color-primary);text-decoration:underline}.howto-item-body-highlight{color:var(--color-primary)}.howto-item-body-highlight a{color:var(--color-primary);text-decoration-color:var(--color-primary)}.login{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) 0}.login-contents{background-color:#0c1317;padding:var(--card-padding) 0}.login-button{display:flex;gap:var(--gap-inline);width:var(--login-button-width);height:var(--login-button-height);justify-content:center;align-items:center;background-color:#5063fd;border-left:var(--button-border-left) solid #0000004D;margin:0 auto;font-size:var(--fs-body-medium);font-weight:900;color:#fff}.discord-logo{display:inline-block;width:var(--discord-logo-width);height:var(--discord-logo-height)}.account{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) 0}.account-contents{background-color:#0c1317;padding:var(--card-padding);display:flex;gap:18px}.account-info{flex:1;display:flex;gap:var(--account-info-gap);align-items:center;padding-right:var(--fs-body-small);border-right:1px solid #D4D4D4}.account-profile-image{flex-shrink:0;display:block;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background-color:#fff}.account-profile{display:flex;flex-direction:column;gap:var(--fs-body-small)}.account-user{display:flex;flex-direction:column;align-items:start}.account-name{font-size:var(--fs-subtitle);font-weight:800;line-height:140%;color:#fff}.logout{font-size:var(--fs-label);font-weight:600;line-height:140%;color:var(--color-primary);text-decoration:none}.account-prefered-character{display:flex;flex-direction:column;gap:12px}.account-prefered-character-message{font-size:var(--fs-label);font-weight:300;line-height:140%;color:#b0b0b0}.account-prefered-character-select-container{position:relative;margin-right:auto;height:30px;box-sizing:border-box}.account-prefered-character-select-container:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--fs-body-small);color:#000}.account-prefered-character-select{display:block;height:30px;width:var(--character-select-width);padding:0 var(--gap-inline);font-size:var(--fs-label);font-weight:800;color:#000;border-radius:4px;box-sizing:border-box}.account-game-info{flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap-inline)}.account-game-field-name{font-size:var(--fs-button);font-weight:800;color:#fff}.account-game-info-input-form{display:flex;gap:var(--fs-body-small)}.account-game-info-input-field{flex:1;display:block;height:var(--input-height);line-height:var(--input-height);font-size:16px;font-weight:800;text-align:center;border:none;border-radius:4px;background:#fff;color:var(--color-black)}.account-game-info-input-field::placeholder{font-size:var(--fs-input-placeholder)}.account-game-info-input-field-full{background:#4d4d4d!important;color:#d4d4d4!important}.account-game-id-button{display:block;width:var(--action-button-width);height:var(--input-height);font-size:var(--fs-button);font-weight:600;background:var(--color-primary);border-left:var(--button-border-left) solid #0000004D;color:#000}.account-game-info-note{font-size:var(--fs-label);font-weight:300;color:#fff}.achievements{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) 0}.achievements-message{font-size:var(--fs-body-medium);font-weight:800}.achievements-container{position:relative}.achievements-items{display:flex;flex-direction:column;gap:var(--gap-medium)}.achievements-item{display:flex;align-items:center;background-color:#0c1317;padding:var(--fs-body-small) 0;position:relative}.achievements-item-head{display:flex;align-items:center;gap:8px}.achievements-item-step{display:flex;flex-direction:column;gap:2px;align-items:center;padding:0 var(--step-padding-horizontal);border-right:1px solid var(--color-primary)}.achievements-item-step-symbol{font-size:var(--fs-caption);line-height:100%;font-weight:600;color:var(--color-primary)}.achievements-item-step-number{font-size:var(--fs-step-number);line-height:100%;font-weight:800;color:var(--color-primary)}.achievements-item-body{flex:1;display:flex;text-align:center;font-size:var(--fs-body-medium);font-weight:800;margin:0 var(--fs-body-medium)}.achievements-item-reward{flex-shrink:0;display:flex;gap:var(--gap-extra-small);align-items:center;padding-right:8px}.achievements-item-reward-image{display:block;width:var(--reward-image-size);height:var(--reward-image-size)}.achievements-item-reward-name{flex-shrink:0;font-size:var(--fs-subtitle);font-weight:800;color:#fff;text-align:start}.achievements-item-campaigncode{flex:1;margin:auto 0}.achievements-item-campaigncode-form{flex:1;display:flex;gap:var(--fs-body-small);align-items:center}.achievements-item-campaigncode-input{display:block;height:var(--input-height);line-height:var(--input-height);font-size:16px;font-weight:800;text-align:center;border:none;border-radius:4px;justify-content:center;flex:1}.achievements-item-campaigncode-input::placeholder{font-size:var(--fs-label)}.achievements-item-channel-trait-container{position:relative;height:var(--input-height);box-sizing:border-box}.achievements-item-channel-trait-container:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--fs-body-small);color:#000}.achievements-item-channel-trait{display:block;height:var(--input-height);padding:0 28px 0 12px;font-size:var(--fs-label);font-weight:800;color:#000;border-radius:4px;box-sizing:border-box}.achievements-item-campaigncode-button{display:block;width:var(--action-button-width);height:var(--input-height);color:#000;font-size:var(--fs-button);font-weight:600;background:var(--color-primary);border-left:var(--button-border-left) solid #0000004D}.achievements-item-campaigncode-result{flex-shrink:0;display:flex;gap:var(--fs-body-small);align-items:center;margin:auto 0 auto auto}.achievements-item-campaigncode-result-channel{display:flex;gap:var(--gap-extra-small);align-items:center}.achievements-item-campaigncode-result-channel-icon{display:block;width:var(--input-height);height:var(--input-height);border-radius:50%}.achievements-item-campaigncode-result-info{display:flex;flex-direction:column;gap:2px;justify-content:center}.achievements-item-campaigncode-result-info-main{max-width:162px;display:flex;flex-direction:column;gap:2px;justify-content:center;flex-shrink:0}.achievements-item-campaigncode-result-channel-name{font-size:var(--fs-caption);font-weight:600;line-height:120%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.achievements-item-campaigncode-result-redeemedat{font-size:var(--fs-caption);font-weight:300;line-height:120%;color:#fff;text-align:left;white-space:nowrap}.achievements-item-campaigncode-result-trait{color:#b0b0b0;font-size:14px;font-weight:600;border-radius:6px;padding:4px 8px;margin-right:auto;background-color:#0d242d;flex-shrink:0}.achievements-item-serialcode-container{display:flex;gap:4px;flex-direction:column;font-weight:300}.achievements-item-serialcode{position:relative;padding:4px 8px;border-radius:4px;background-color:var(--color-primary);font-size:clamp(12px,calc(10.5px + .38vw),16px);color:#0c1317;cursor:pointer}.achievements-item-serialcode-value{font-weight:600}.achievements-item-serialcode-copied{position:absolute;top:2px;left:6px;font-size:clamp(12px,calc(10.5px + .38vw),16px);font-weight:600;color:#0c1317;pointer-events:none;animation:serialcode-copied-fadeout 1.5s ease forwards}@keyframes serialcode-copied-fadeout{0%{opacity:1}50%{opacity:1}to{opacity:0}}.achievements-item-serialcode-message{font-weight:300;font-size:clamp(11px,calc(9.87px + .29vw),14px);line-height:100%;color:#b0b0b0}.serialcode-copy-icon{width:clamp(12px,calc(10.5px + .38vw),16px);height:clamp(12px,calc(10.5px + .38vw),16px);vertical-align:-2px}.achievements-item-completed{position:absolute;font-size:var(--fs-stamp);font-weight:900;line-height:100%;color:var(--color-primary);opacity:60%;letter-spacing:-.04em;top:calc(var(--stamp-offset) * -1);left:calc(var(--stamp-offset) * -1)}.achievements-noconnection-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.achievements-noconnection-message{color:#fff;font-size:var(--fs-subtitle);text-align:center;font-weight:800;background-color:#dd302f;padding:var(--noconnection-padding-vertical) var(--noconnection-padding-horizontal);margin:auto}.achievements-note{font-size:var(--fs-label);font-weight:300;line-height:130%;color:#b0b0b0}.streamings{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) var(--section-bottom-padding)}.streamings-message{font-size:var(--fs-subtitle);color:var(--color-text-main);text-align:center;font-weight:800}.streamings-items{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--gap-medium);row-gap:var(--gap-medium);box-sizing:border-box;align-items:start;align-content:start}.streamings-item{padding:var(--item-padding);background-color:#0c1317;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--fs-body-medium);min-height:0;min-width:0}.streamings-item-thumbnail-container{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid #fff8;position:relative}.streamings-item-thumbnail{display:block;width:100%;height:100%}.streamings-item-thumbnail-live{display:block;position:absolute;top:0;right:0;width:69px;height:36px}.streamings-item-thumbnail-platform{display:block;position:absolute;top:0;left:0;height:36px}.streamings-item-information{display:flex;flex-direction:column;gap:var(--gap-small)}.streamings-item-title{color:#fff;font-size:var(--fs-card-title);font-weight:800}.streamings-item-channel{display:flex;gap:var(--gap-small);align-items:center}.streamings-item-channel-information{display:flex;flex-direction:column;gap:0}.streamings-item-channel-icon{display:block;width:54px;height:54px;border-radius:50%;background-color:#000}.streamings-item-channel-title{color:#fff;font-size:var(--fs-card-body);font-weight:600;line-height:160%}.streamings-item-channel-subscribers{color:#aaa;font-size:var(--fs-label);font-weight:600;line-height:160%}.streamings-item-situation{color:var(--color-gray);font-size:var(--fs-label);font-weight:300;line-height:160%;text-align:center;background-color:var(--color-black2);border-radius:8px;padding:2px 0}.streamings-item-additional-information{display:flex;flex-direction:column;gap:var(--gap-medium);padding:var(--fs-card-body);background-color:#000;border:1px solid #4D4D4D}.streamings-item-prefered-character{color:#d4d4d4;font-size:16px;font-weight:600;line-height:140%}.streamings-item-channel-traits{display:flex;flex-wrap:wrap;gap:var(--gap-small)}.streamings-item-channel-trait{color:#d9d9d9;font-size:var(--fs-badge);font-weight:300;line-height:140%;padding:4px var(--gap-medium);background-color:#333}.streamings-item-view-button{display:block;height:var(--button-height-large);width:100%;font-size:var(--fs-body-medium);font-weight:800;color:#000;background:var(--color-primary);border-left:var(--button-border-left) solid #0000004D}.streamings-more-button{width:100%;height:var(--button-height-large);font-size:var(--fs-body-medium);font-weight:800;color:var(--color-primary);background-color:#404d4d;border-left:var(--button-border-left) solid #0000004D;box-shadow:0 0 var(--step-padding-horizontal) 0 #000000bf}.streaming-noconnection-container{position:relative}.streaming-noconnection-contents{width:100%;height:300px}.streaming-noconnection-message-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.streaming-noconnection-message{color:#fff;font-size:var(--fs-subtitle);text-align:center;font-weight:800;background-color:#dd302f;padding:var(--noconnection-padding-vertical) var(--noconnection-padding-horizontal);margin:auto}.terms{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding-vertical) var(--section-padding-horizontal) var(--section-bottom-padding)}.terms-container-outer{height:var(--terms-container-height);padding:24px;background-color:#000;min-height:0;box-sizing:border-box}.terms-container{width:100%;height:100%;padding-right:24px;color:#fff;overflow-y:auto;min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--gap-text)}.terms-section-title{font-size:var(--fs-card-title);font-weight:600}.terms-subsection-title{margin-top:var(--gap-extra-small);font-size:var(--fs-card-body);font-weight:600}.terms-paragraph{font-size:var(--fs-card-body);font-weight:300}ul.terms-list{margin-top:4px;list-style:none;padding:0}ul.terms-list li{display:flex;align-items:flex-start;text-align:left}.terms-list-mark{width:var(--mark-width);flex-shrink:0}.terms-list-item{flex:1;font-size:var(--fs-card-body);font-weight:300;line-height:150%}.terms-list-link{color:#fff}.terms-container::-webkit-scrollbar{width:14px}.terms-container::-webkit-scrollbar-track{background:#333}.terms-container::-webkit-scrollbar-thumb{width:6px;background:var(--color-primary);border:4px solid transparent;background-clip:padding-box}.disclaimers{padding:var(--disclaimers-padding-vertical) 0;margin:0 auto;display:flex;flex-direction:column;gap:var(--disclaimers-gap)}.disclaimers-contents{display:flex;flex-direction:column;gap:var(--gap-text)}.disclaimers-title{font-size:var(--fs-card-title);line-height:140%;font-weight:800;text-align:center}.disclaimers-body{font-size:var(--fs-disclaimer-body);line-height:180%;font-weight:300;text-align:center}.disclaimers-organization{display:flex;flex-direction:column;gap:var(--gap-text);align-items:center}.disclaimers-logo{display:block;width:240px;height:51.2px}.disclaimers-copyright{font-size:14px;line-height:180%;font-weight:300;opacity:30%}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.loading-overlay.show{opacity:1;pointer-events:auto}@media(min-width:768px){.section-title-decoration{height:6px}.section-title{gap:6px}.howto-item-step{gap:4px}.account-prefered-character-select,.account-game-info-input-field{border-radius:6px}.achievements-item-step{gap:4px}.achievements-item-campaigncode-input,.achievements-item-channel-trait{border-radius:6px}.streamings-item-situation{padding:4px 0}}@media(max-width:1145px){.achievements-item{flex-direction:column;align-items:normal}.achievements-item-head{padding-bottom:8px}.achievements-item-body{padding-top:8px;border-top:.5px solid #666666}.achievements-item-campaigncode-result,.achievements-item-serialcode-container{width:100%}.achievements-item-serialcode-message{margin-right:auto}.wide-only{display:none!important}}@media(max-width:768px){.mobile-only{display:inline}.pc-only{display:none!important}.account-info{padding-right:0;padding-bottom:18px;border-right:none;border-bottom:1px solid #D4D4D4}.account-contents{flex-direction:column}.account-prefered-character{gap:8px}.achievements-item-campaigncode-result{flex-direction:column;align-items:start}.achievements-item-channel-trait{padding:0 16px 0 8px}.achievements-item-campaigncode-form{min-width:0}.achievements-item-campaigncode-input{flex:1;min-width:0;width:0}.achievements-item-campaigncode-result-info{width:auto;flex-direction:row;gap:8px}.achievements-item-campaigncode-result-info-main{max-width:112px}.achievements-item-campaigncode-result-trait{font-size:11px;margin:auto 0}.streamings-items{grid-template-columns:repeat(1,1fr)}.streamings-item-channel-trait{padding:1px var(--gap-medium)}.streamings-item-prefered-character{font-size:14px}.disclaimers-copyright{font-size:12px}}