@charset "utf-8";

/* Essential for aligning different fonts */
@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'CardBackGrid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'BebasNeueLocal';
    src: url('fonts/BebasNeue-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'BebasNeueLocal';
    src: url('fonts/BebasNeue-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'BebasNeueLocal';
    src: url('fonts/BebasNeue-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NohHaeChan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =============================== */
/* Category */
/* =============================== */

ul.upcategories {
    display: flex;
    gap: 3px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

a.upcate {
    background: var(--card-bg-color);
    padding: 2px 15px;
    border-radius: 20px;
    border: 1px solid var(--content-font-color);
    font-size: 12px;
    font-family: var(--f-pre);
    color: var(--content-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

a.upcate.point {
    overflow: hidden;
    background: var(--btn-accent-bg);
    color: var(--btn-accent-text);
    background-size: 200% 200%;
    border: 1px dashed var(--card-border-color);
}

a.upcate:hover {
    background: rgb(from var(--black) r g b / 20%);
}

/* =============================== */
/* Top search and write controls */
/* =============================== */

.media-board-container .media-guide {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 25px;
}

.media-board-container .media-sch {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.media-board-container .media-guide .media-sch-input {
    width: 200px;
}

.media-board-container .media-guide .media-ui-btn {
    display: flex;
    gap: 2px;
}

.media-board-container .media-guide .media-btn {
    box-sizing: border-box;
    text-align: center;
    color: var(--content-font-color);
    border-radius: 8px;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    padding: 0;
    margin: 0;
    font: inherit;
    text-decoration: none;
}

.media-board-container .media-guide .media-btn i,
.media-board-container .select-trash-btn i {
    display: block;
    line-height: 1;
}

.media-board-container .media-guide .media-btn a {
    color: var(--content-font-color);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.media-board-container .media-guide .media-sch-input,
.media-board-container .media-guide .media-sch-select,
.media-board-container .media-guide .media-rating-filter-select {
    box-sizing: border-box;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    background: var(--card-bg-color);
    color: var(--content-font-color);
    border: 1px solid var(--card-border-color);
}

.media-board-container .media-rating-filter {
    display: flex;
    margin: 0;
}

.media-board-container .media-guide .media-rating-filter-select {
    width: 92px;
}

/* =============================== */
/* Bottom checkbox and delete-selected controls */
/* =============================== */

.media-board-container .media-chk-option {
    display: flex;
    gap: 2px;
}

.media-board-container .chk_all,
.media-board-container .select-trash-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    box-sizing: border-box;
    background: none;
    border: none;
    font: inherit;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    line-height: 30px;
    color: var(--content-font-color);
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0;
}

.media-board-container .select-trash-btn:hover {
    background: rgb(from var(--content-font-color) r g b / 20%);
}

.media-board-container .chk_all input[type="checkbox"],
.media-ticket-chk input[type="checkbox"] {
    accent-color: var(--content-font-color);
}

.media-board-container .pg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.media-board-container .pg_wrap .pg_page,
.media-board-container .pg_wrap .pg_current {
    box-sizing: border-box;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    flex: 0 0 30px;
    line-height: 30px;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    color: rgb(from var(--content-font-color) r g b / 60%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--f-pre);
    font-weight: 400;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    border-radius: 8px;
    text-indent: 0;
    overflow: hidden;
    transform: none;
}

.media-board-container .pg_wrap .pg_current {
    background: rgb(from var(--content-font-color) r g b / 20%);
    color: rgb(from var(--content-font-color) r g b / 80%);
}

/* =============================== */
/* List */
/* =============================== */
.media-board-container {
    margin: 0 auto;
}

.media-ticket-list {
    width: 100%;
}

.media-ticket-item {
    position: relative;
    width: 100%;
}

.media-ticket-chk {
    position: absolute;
    top: 4.17cqw;
    left: 4.17cqw;
    z-index: 10;
    opacity: 0.3;
}

/* Area B: poster image */
.media-ticket-image {
    background: var(--card-bg-color);
}

/* Empty list styles */
.empty-list {
    padding: 50px 0;
    text-align: center;
    color: var(--text-muted);
    font-size: 16px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .media-board-container {
        width: 100%;
    }

    .media-board-container .media-guide .media-sch .media-sch-input {
        max-width: 130px;
    }

    .media-board-container .media-guide .media-sch .media-sch-select {
        max-width: 100px;
    }
}

/* Media review skin overrides */
:root {
    --media-line: #b8a88e;
    --media-ticket-mask: url('img/ticket_base.mask.png');
    --media-ticket-frame: url('img/ticket_frame.png');
}

/* Special effects */
.media-ticket-foil {
    --media-ticket-foil-x: -160cqw;
    --media-ticket-foil-x-offset: 0cqw;
    --media-ticket-foil-y-base: -80cqw;
    --media-ticket-foil-y-offset: 0cqw;
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
}

.media-ticket-foil-gold {
    --media-ticket-foil-gradient: linear-gradient(108deg, #ad7d31 0%, #b58738 8%, #bf9344 17%, #cda65a 28%, #dabb70 38%, #e5cb83 45%, #eedb9c 49%, #f7e7ad 51%, #eedb9c 54%, #e3c77d 60%, #d5b165 69%, #c79d4d 80%, #ba8d3e 91%, #ad7d31 100%);
    --media-ticket-foil-size: 620cqw 360cqw;
    --media-ticket-foil-duration: 3.6s;
}

.media-ticket-foil-silver {
    --media-ticket-foil-gradient: linear-gradient(108deg, #87919a 0%, #98a2ab 8%, #a9b2ba 17%, #bcc4ca 28%, #cfd6db 38%, #dfe4e8 45%, #eef1f3 49%, #fafafa 51%, #eef1f3 54%, #dde2e6 60%, #c9d0d6 69%, #b5bec6 80%, #9fa9b2 91%, #87919a 100%);
    --media-ticket-foil-size: 620cqw 360cqw;
    --media-ticket-foil-duration: 3.6s;
}

.media-ticket-foil-red {
    --media-ticket-foil-gradient: linear-gradient(108deg, #5a0610 0%, #710919 8%, #8d0d20 17%, #ad1429 28%, #cb1c33 38%, #dc283d 45%, #ea3f48 49%, #f45a57 51%, #ea3f48 54%, #d7253a 60%, #bd172e 69%, #9c1023 80%, #7a0a1a 91%, #5a0610 100%);
    --media-ticket-foil-size: 620cqw 360cqw;
    --media-ticket-foil-duration: 3.6s;
}

.media-ticket-foil-holo {
    --media-ticket-foil-gradient: linear-gradient(108deg, #f48ac9 0%, #f5ce68 16%, #9cedb7 29%, #86ead9 39%, #78d9f5 48%, #7bc3f5 55%, #8caef2 61%, #b096f0 68%, #cf8be8 76%, #df89e6 84%, #ed89d8 92%, #f48ac9 100%);
    --media-ticket-foil-size: 620cqw 340cqw;
    --media-ticket-foil-y-base: -70cqw;
    --media-ticket-foil-duration: 3s;
}

/* Unify button color */
.media-board-container .media-guide .media-btn,
.media-board-container .media-guide .media-sch-input,
.media-board-container .media-guide .media-sch-select,
.media-board-container .media-guide .media-rating-filter-select,
.media-board-container .chk_all,
.media-board-container .select-trash-btn,
.media-board-category .upcate {
    border-color: var(--content-font-color);
}

/* Poster grid list layout */
.media-board-container {
    width: auto;
    max-width: 1400px;
    container-type: inline-size;
    box-sizing: border-box;
    padding: 3.57cqw;
}

.media-ticket-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.15cqw;
    align-items: start;
    margin: 1.71cqw 0 2.57cqw;
}

.media-ticket-item {
    container-type: inline-size;
    width: 100%;
    perspective: 400cqw;
}

.media-board-container .media-ticket-container {
    container-type: inline-size;
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 1 / 2;
    overflow: visible;
    --media-ticket-radius: 3.33cqw;
    --media-ticket-number-width: 34.17cqw;
    --media-ticket-label-width: 22.5cqw;
    --media-ticket-year-width: 17.5cqw;
    --media-ticket-rating-number-width: 17.5cqw;
    --media-ticket-label-x: 3.33cqw;
    --media-ticket-value-x: 31.25cqw;
    border-radius: var(--media-ticket-radius);
    filter: drop-shadow(0 4.17cqw 7.5cqw rgba(33,28,27,.22));
    transform: translateZ(0);
    will-change: opacity;
}

.media-ticket-inner {
    position: absolute;
    inset: 0;
    border-radius: var(--media-ticket-radius);
    -webkit-mask-image: var(--media-ticket-mask);
    mask-image: var(--media-ticket-mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-mode: alpha;
    transform-origin: center center;
    transform: translateZ(0) rotateY(0deg) scaleX(1);
    backface-visibility: hidden;
    will-change: transform, opacity;
}

/* Hover animation */
.media-ticket-item.is-flipping-in .media-ticket-inner {
    animation: media-ticket-flip-in .16s cubic-bezier(.18,.76,.2,1) forwards;
}

.media-ticket-item.is-flipping-in .media-ticket-container {
    animation: media-ticket-shell-flip-in .16s cubic-bezier(.18,.76,.2,1) forwards;
}

.media-ticket-item.is-flipping-out .media-ticket-inner {
    animation: media-ticket-flip-out .14s cubic-bezier(.22,.62,.24,1) forwards;
}

.media-ticket-item.is-flipping-out .media-ticket-container {
    animation: media-ticket-shell-flip-out .14s cubic-bezier(.22,.62,.24,1) forwards;
}

@keyframes media-ticket-flip-in {
    0% {
        transform: translateZ(0) rotateY(0deg) scaleX(1);
        opacity: 1;
    }
    48% {
        transform: translateZ(0) rotateY(-86deg) scaleX(.012);
        opacity: .08;
    }
    52% {
        transform: translateZ(0) rotateY(86deg) scaleX(.012);
        opacity: .08;
    }
    100% {
        transform: translateZ(0) rotateY(0deg) scaleX(1);
        opacity: 1;
    }
}

@keyframes media-ticket-flip-out {
    0% {
        transform: translateZ(0) rotateY(0deg) scaleX(1);
        opacity: 1;
    }
    48% {
        transform: translateZ(0) rotateY(86deg) scaleX(.012);
        opacity: .08;
    }
    52% {
        transform: translateZ(0) rotateY(-86deg) scaleX(.012);
        opacity: .08;
    }
    100% {
        transform: translateZ(0) rotateY(0deg) scaleX(1);
        opacity: 1;
    }
}

@keyframes media-ticket-shell-flip-in {
    0%, 100% {
        opacity: 1;
    }
    48%, 52% {
        opacity: .04;
    }
}

@keyframes media-ticket-shell-flip-out {
    0%, 100% {
        opacity: 1;
    }
    48%, 52% {
        opacity: .04;
    }
}

.media-ticket-face {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--media-ticket-radius);
    overflow: hidden;
    transform: none;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.media-ticket-front {
    opacity: 1;
    visibility: visible;
}

/* Gloss */
.media-ticket-front::after {
    content: "";
    position: absolute;
    inset: -18% -72%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        108deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 32%,
        rgba(255,255,255,.025) 41%,
        rgba(255,255,255,.10) 47%,
        rgba(255,255,255,.28) 50%,
        rgba(255,255,255,.14) 53%,
        rgba(255,255,255,.04) 63%,
        rgba(255,255,255,0) 74%,
        rgba(255,255,255,0) 100%
    );
    opacity: 0;
    transform: translateX(-42%) skewX(-10deg);
    mix-blend-mode: screen;
}

.media-ticket-item.is-glossing:not(.is-back) .media-ticket-front::after {
    animation: media-ticket-poster-gloss .54s cubic-bezier(.18,.72,.2,1) both;
}

.media-ticket-back {
    opacity: 0;
    visibility: hidden;
    color: var(--media-card-back-text, var(--content-font-color));
}

.media-ticket-back::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: var(--media-card-back-text, var(--content-font-color));
    -webkit-mask-image: var(--media-ticket-frame);
    mask-image: var(--media-ticket-frame);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-mode: alpha;
}

.media-ticket-foil-scope-ink::before {
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
}

.media-ticket-foil-scope-logo::before {
    -webkit-mask-image:
        var(--media-ticket-frame),
        linear-gradient(
            to bottom,
            transparent 0 16cqw,
            #000 16cqw calc(100% - 18cqw),
            transparent calc(100% - 18cqw) 100%
        );
    mask-image:
        var(--media-ticket-frame),
        linear-gradient(
            to bottom,
            transparent 0 16cqw,
            #000 16cqw calc(100% - 18cqw),
            transparent calc(100% - 18cqw) 100%
        );
    -webkit-mask-size: 100% 100%, 100% 100%;
    mask-size: 100% 100%, 100% 100%;
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center, center;
    mask-position: center, center;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    mask-mode: alpha;
}

.media-ticket-foil-scope-logo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
    -webkit-mask-image:
        var(--media-ticket-frame),
        linear-gradient(
            to bottom,
            #000 0 16cqw,
            transparent 16cqw calc(100% - 18cqw),
            #000 calc(100% - 18cqw) 100%
        );
    mask-image:
        var(--media-ticket-frame),
        linear-gradient(
            to bottom,
            #000 0 16cqw,
            transparent 16cqw calc(100% - 18cqw),
            #000 calc(100% - 18cqw) 100%
        );
    -webkit-mask-size: 100% 100%, 100% 100%;
    mask-size: 100% 100%, 100% 100%;
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center, center;
    mask-position: center, center;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    mask-mode: alpha;
}

.media-ticket-item.is-back .media-ticket-front {
    opacity: 0;
    visibility: hidden;
}

.media-ticket-item.is-back .media-ticket-back {
    opacity: 1;
    visibility: visible;
}

.media-ticket-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--media-ticket-radius);
    background-size: cover;
    background-position: center;
}

.media-ticket-hover-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-color: var(--media-card-back-bg, var(--container-bg-color));
    opacity: 1;
    border-radius: var(--media-ticket-radius);
}

.media-ticket-back-default {
    background: var(--media-card-back-bg, var(--container-bg-color));
    color: var(--media-card-back-text, var(--content-font-color));
}

.media-ticket-back-default.media-ticket-foil-scope-background,
.media-ticket-back-default.media-ticket-foil-scope-background .media-ticket-hover-bg {
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
    color: var(--media-card-back-text, var(--content-font-color));
}

/* Individual ticket back parts */
.media-ticket-info {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: auto;
    min-height: 0;
    box-sizing: border-box;
    padding: 8.33cqw 6.25cqw 16.67cqw;
    color: currentColor;
    text-align: left;
    pointer-events: none;
}

.media-ticket-back-default .media-ticket-info {
    color: var(--media-card-back-text, var(--content-font-color));
}

.media-ticket-info .media-info {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    flex: none;
}

.media-ticket-cell {
    position: absolute;
    min-width: 0;
    box-sizing: border-box;
    padding: .83cqw 1.67cqw;
    color: currentColor;
    font-family: 'CardBackGrid', 'BebasNeueLocal', 'Isamanru', var(--f-pre);
    line-height: 1.25;
}

.media-ticket-label {
    --media-ticket-foil-x-offset: 11.67cqw;
    left: 0;
    font-size: 3.95cqw;
    font-weight: 400;
    text-align: left;
    transform: translate(var(--media-ticket-label-x), .61cqw) scaleX(1.2);
    transform-origin: left center;
}

.media-ticket-number {
    --media-ticket-number-foil-x: 61.46cqw;
    --media-ticket-number-foil-y: .16cqw;
    --media-ticket-foil-x-offset: var(--media-ticket-number-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-number-foil-y);
    left: calc(100% - var(--media-ticket-number-width));
    top: -0.26cqw;
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 1.25cqw;
    transform: translate(1.88cqw, .42cqw);
    color: currentColor;
    font-family: inherit;
    font-size: 5.06cqw;
    font-weight: 400;
    letter-spacing: .08em;
    text-align: right;
    width: var(--media-ticket-number-width);
}

.media-ticket-number-label,
.media-ticket-number-value {
    display: inline-block;
    line-height: 1;
    font-weight: 400;
}

.media-ticket-number-label {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-number-foil-x) + 19.4cqw + .72cqw);
    --media-ticket-foil-y-offset: var(--media-ticket-number-foil-y);
    position: relative;
    transform: translateX(.72cqw) scaleX(1.2);
    transform-origin: center;
    font-family: 'BebasNeueLocal', var(--f-pre);
    font-size: 4.02cqw;
    font-weight: 400;
}

.media-ticket-number-dot {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-number-foil-x) + 19.4cqw + .72cqw);
    --media-ticket-foil-y-offset: var(--media-ticket-number-foil-y);
    display: inline-block;
    font-weight: 700;
    transform: translateX(-.42cqw);
}

.media-ticket-number-value {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-number-foil-x) + 27.4cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-number-foil-y) - .21cqw);
    position: relative;
    top: -0.42cqw;
    font-family: 'Isamanru', var(--f-pre);
    font-size: 3.54cqw;
    font-weight: 700;
    margin-inline: -.1em;
    transform: scaleX(.8);
    transform-origin: center;
}

.media-ticket-num {
    display: inline-block;
    font-family: 'Isamanru', var(--f-pre);
    font-weight: 300;
    letter-spacing: .15em;
    transform: scaleX(.86);
    transform-origin: center;
}

.media-ticket-date-value .media-ticket-num {
    transform-origin: left center;
    word-spacing: -.08em;
}

.media-ticket-subtitle {
    --media-ticket-subtitle-foil-x: calc(7.92cqw + .42cqw);
    --media-ticket-subtitle-foil-y: calc(39.68cqw - .21cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-subtitle-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-subtitle-foil-y);
    position: absolute;
    left: 50%;
    top: 36.34cqw;
    z-index: 1;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    max-width: 100%;
    width: 100%;
    min-height: 19.58cqw;
    margin-top: 0;
    padding-top: 0;
    font-size: 4.74cqw;
    font-family: inherit;
    font-weight: 400;
    color: currentColor;
    letter-spacing: .048em;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateX(-50%);
    transform-origin: center;
}

.media-ticket-subtitle-text {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-subtitle-foil-x) + .42cqw);
    --media-ticket-foil-y-offset: var(--media-ticket-subtitle-foil-y);
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    max-width: 100%;
    transform: translateX(.42cqw);
    transform-origin: center;
}

.media-ticket-title-kicker {
    --media-ticket-title-kicker-foil-x: calc(7.92cqw + .42cqw);
    --media-ticket-title-kicker-foil-y: calc(20.04cqw + .21cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-title-kicker-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-title-kicker-foil-y);
    position: absolute;
    left: 50%;
    top: 16.79cqw;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    min-height: 9.75cqw;
    padding-bottom: 0;
    font-size: 4.22cqw;
    line-height: 1.15;
    letter-spacing: .10em;
    text-align: center;
    text-transform: uppercase;
    word-break: keep-all;
    overflow-wrap: anywhere;
    transform: translateX(calc(-50% - .21cqw));
}

.media-ticket-title-kicker-text {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-kicker-foil-x) + .38cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-kicker-foil-y) + 4.24cqw);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 100%;
    font-family: 'CardBackGrid', 'BebasNeueLocal', 'Isamanru', var(--f-pre);
    color: currentColor;
    background: transparent;
    transform: translate(.38cqw, .13cqw);
    transform-origin: center;
}

.media-ticket-title {
    --media-ticket-title-foil-x: calc(7.92cqw + .42cqw);
    --media-ticket-title-foil-y: calc(21.72cqw + .21cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-title-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-title-foil-y);
    position: absolute;
    left: 50%;
    top: 18.47cqw;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 112%;
    width: 112%;
    min-height: 16.25cqw;
    padding-bottom: 0;
    font-size: 7.04cqw;
    line-height: 1.15;
    letter-spacing: .10em;
    text-align: center;
    text-transform: uppercase;
    word-break: keep-all;
    overflow-wrap: anywhere;
    transform: translateX(calc(-50% - .21cqw));
}

.media-ticket-title-extra-1 {
    top: calc(18.47cqw - 3.54cqw);
}

.media-ticket-title-extra-2 {
    top: calc(18.47cqw + 3.54cqw);
}

.media-ticket-title.media-ticket-title-extra-1 .media-ticket-title-punctuation {
    top: -.21cqw;
}

.media-ticket-title-text {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-foil-x) + .63cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-foil-y) + 7.07cqw);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 112%;
    font-family: 'CardBackGrid', 'BebasNeueLocal', 'Isamanru', var(--f-pre);
    color: currentColor;
    background: transparent;
    transform: translate(.63cqw, .21cqw);
    transform-origin: center;
}

.media-ticket-title-hangul {
    display: inline-block;
    position: relative;
    font-weight: 700;
    transform-origin: center;
}

.media-ticket-title-latin {
    display: inline-block;
    margin-inline: .04em;
    font-family: 'BebasNeueLocal', var(--f-pre);
    letter-spacing: .14em;
    font-stretch: 120%;
    font-width: 120%;
    transform: scaleX(1.2);
    transform-origin: center;
}

.media-ticket-title-space {
    display: inline-block;
    width: 1.8cqw;
    flex: 0 0 auto;
}

.media-ticket-title-digit {
    display: inline-block;
    position: relative;
    top: -0.35cqw;
    font-family: 'Isamanru', var(--f-pre);
    font-weight: 600;
    transform: scaleX(.84);
    transform-origin: center;
}

.media-ticket-title .media-ticket-title-hangul {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-foil-x) + .63cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-foil-y) + 7.49cqw);
    font-family: 'CardBackGrid', var(--f-pre);
    font-size: 6.46cqw;
    font-weight: 700;
    font-stretch: normal;
    font-width: normal;
    transform: translateY(.42cqw) scaleX(.98);
    top: 0;
}

.media-ticket-title .media-ticket-title-punctuation {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-foil-x) + .63cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-foil-y) + 7.07cqw);
    font-size: 7.3cqw;
}

.media-ticket-title .media-ticket-title-latin {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-foil-x) + .63cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-foil-y) + 7.07cqw);
    font-weight: 400;
    margin-inline: calc(var(--media-ticket-latin-score, 1) * .095em);
    font-size: 7.46cqw;
    letter-spacing: .048em;
    font-stretch: normal;
    font-width: normal;
    transform: scaleX(1.4);
}

.media-ticket-title .media-ticket-title-digit {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-foil-x) + .63cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-foil-y) + 7.04cqw);
    font-size: 6.86cqw;
    font-weight: 400;
    margin-inline: -.13em;
    transform: scaleX(.8);
    top: -0.03cqw;
}

.media-ticket-title-kicker .media-ticket-title-hangul {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-kicker-foil-x) + .38cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-kicker-foil-y) + 4.49cqw);
    font-family: 'CardBackGrid', var(--f-pre);
    font-size: 3.88cqw;
    font-weight: 700;
    font-stretch: normal;
    font-width: normal;
    transform: translateY(.25cqw) scaleX(.98);
    top: 0;
}

.media-ticket-title-kicker .media-ticket-title-punctuation {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-kicker-foil-x) + .38cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-kicker-foil-y) + 3.61cqw);
    font-size: 4.80cqw;
    top: -.63cqw;
}

.media-ticket-title-kicker .media-ticket-title-latin {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-kicker-foil-x) + .38cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-kicker-foil-y) + 4.24cqw);
    font-weight: 400;
    margin-inline: calc(var(--media-ticket-latin-score, 1) * .095em);
    font-size: 4.48cqw;
    letter-spacing: .048em;
    font-stretch: normal;
    font-width: normal;
    transform: scaleX(1.4);
}

.media-ticket-title-kicker .media-ticket-title-digit {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-title-kicker-foil-x) + .38cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-title-kicker-foil-y) + 4.01cqw);
    font-size: 4.12cqw;
    font-weight: 400;
    margin-inline: -.13em;
    transform: scaleX(.8);
    top: -.23cqw;
}

.media-ticket-title-kicker .media-ticket-title-space {
    width: 1.08cqw;
}

.media-ticket-subtitle .media-ticket-title-hangul {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-subtitle-foil-x) + .42cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-subtitle-foil-y) - .16cqw);
    font-size: 5.01cqw;
    font-weight: 300;
    letter-spacing: normal;
    font-stretch: normal;
    font-width: normal;
    transform: scaleX(.98);
    top: -0.16cqw;
}

.media-ticket-subtitle .media-ticket-title-punctuation {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-subtitle-foil-x) + .42cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-subtitle-foil-y) - .16cqw);
    font-size: 5.01cqw;
    font-weight: 300;
    transform: scaleX(.98);
    top: -0.16cqw;
}

.media-ticket-subtitle .media-ticket-title-digit {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-subtitle-foil-x) + .42cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-subtitle-foil-y) - .21cqw);
    font-family: 'Isamanru', var(--f-pre);
    font-size: 4.74cqw;
    font-weight: 300;
    letter-spacing: normal;
    margin-inline: -.07em;
    transform: translateY(-.21cqw) scaleX(.86);
    top: 0;
}

.media-ticket-subtitle .media-ticket-title-latin {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-subtitle-foil-x) + .42cqw);
    --media-ticket-foil-y-offset: var(--media-ticket-subtitle-foil-y);
    font-weight: 300;
    font-size: 5.16cqw;
    letter-spacing: .1em;
    margin-inline: calc(var(--media-ticket-latin-score, 1) * .05em);
    font-stretch: normal;
    font-width: normal;
    transform: scaleX(1.2);
    transform-origin: center;
}

.media-ticket-subtitle .media-ticket-title-hangul + .media-ticket-title-latin,
.media-ticket-subtitle .media-ticket-title-latin + .media-ticket-title-hangul {
    margin-left: .1em;
}

.media-ticket-subtitle .media-ticket-title-space {
    width: 1.5cqw;
}

.media-ticket-scaled-text {
    display: inline-block;
    transform: scaleX(.9);
    transform-origin: left center;
}

.media-ticket-title-label {
    --media-ticket-foil-x-offset: 11.67cqw;
    --media-ticket-foil-y-offset: calc(7.33cqw - .51cqw);
    display: flex;
    align-items: flex-end;
    top: 6.82cqw;
    min-height: 11.25cqw;
    transform: translate(var(--media-ticket-label-x), .1cqw) scaleX(1.2);
}

.media-ticket-date-label {
    --media-ticket-foil-y-offset: calc(56.54cqw + .84cqw);
    top: 57.38cqw;
    transform: translate(var(--media-ticket-label-x), .19cqw) scaleX(1.2);
}

.media-ticket-date-value {
    --media-ticket-value-foil-y: calc(57.17cqw + .19cqw);
    --media-ticket-value-foil-x: calc(var(--media-ticket-value-x) - 7.56cqw);
    left: calc(var(--media-ticket-value-x) - 7.56cqw);
    top: 57.17cqw;
    width: calc(100% - var(--media-ticket-value-x));
    font-weight: 300;
    transform: translateY(.19cqw);
}

.media-ticket-year {
    --media-ticket-year-foil-x: 82.34cqw;
    --media-ticket-year-foil-y: calc(5.98cqw + .1cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-year-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-year-foil-y);
    left: 50%;
    top: 5.98cqw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transform: translate(calc(-50% + 32.34cqw), .1cqw);
    font-size: 3.75cqw;
    text-align: center;
    width: var(--media-ticket-year-width);
    min-height: 11.25cqw;
    font-weight: 300;
}

.media-ticket-year .media-ticket-num {
    display: inline-block;
    min-width: 4.1em;
    text-align: center;
    transform-origin: center;
}

.media-ticket-value {
    --media-ticket-value-foil-x: var(--media-ticket-value-x);
    --media-ticket-value-foil-y: 56.54cqw;
    --media-ticket-foil-x-offset: var(--media-ticket-value-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-value-foil-y);
    font-size: 3.75cqw;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-ticket-genre-label,
.media-ticket-genre-value {
    --media-ticket-foil-y-offset: 66.66cqw;
    min-height: 16.67cqw;
}

.media-ticket-genre-label {
    --media-ticket-foil-x-offset: 11.67cqw;
    --media-ticket-foil-y-offset: calc(62.46cqw + 1.26cqw);
    top: 63.72cqw;
    transform: translate(var(--media-ticket-label-x), .61cqw) scaleX(1.2);
}

.media-ticket-genre-value {
    --media-ticket-value-foil-y: calc(63.30cqw + .61cqw);
    --media-ticket-value-foil-x: calc(var(--media-ticket-value-x) - 7.56cqw);
    left: calc(var(--media-ticket-value-x) - 7.56cqw);
    top: 63.30cqw;
    width: calc(100% - var(--media-ticket-value-x));
    font-weight: 400;
}

.media-ticket-genre-value .media-ticket-scaled-text {
    --media-ticket-foil-x-offset: var(--media-ticket-value-foil-x);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-value-foil-y) + .61cqw);
    position: relative;
    top: .61cqw;
    font-size: 4.17cqw;
    font-weight: 400;
    transform: scaleX(1);
}

.media-ticket-genre-value .media-ticket-value-latin {
    display: inline-block;
    font-family: 'BebasNeueLocal', var(--f-pre);
    font-weight: 300;
    letter-spacing: .1em;
    margin-inline: calc(var(--media-ticket-latin-score, 1) * .035em);
    font-stretch: normal;
    font-width: normal;
    transform: scaleX(1.2);
    transform-origin: center;
}

.media-ticket-genre-value .media-ticket-value-hangul {
    display: inline-block;
    font-family: 'CardBackGrid', var(--f-pre);
    font-size: 3.75cqw;
    transform: scaleX(.98);
    transform-origin: center;
}

.media-ticket-genre-value .media-ticket-value-hangul + .media-ticket-value-latin,
.media-ticket-genre-value .media-ticket-value-latin + .media-ticket-value-hangul {
    margin-left: .1em;
}

.media-ticket-genre-value .media-ticket-num {
    --media-ticket-foil-y-offset: calc(var(--media-ticket-value-foil-y) + .40cqw);
    position: relative;
    top: -.21cqw;
    font-size: 3.75cqw;
    letter-spacing: .15em;
    margin-inline: -.14em;
}

.media-ticket-rating {
    --media-ticket-foil-y-offset: calc(82.48cqw + .84cqw);
    position: absolute;
    display: flex;
    justify-content: flex-start;
    gap: .63cqw;
    color: currentColor;
    font-size: 5cqw;
    line-height: 1;
}

.media-ticket-rating-stars {
    left: calc(var(--media-ticket-value-x) - 11.76cqw);
    top: 81.22cqw;
    width: 43cqw;
    min-height: 14.17cqw;
}

.media-ticket-rating-icons {
    --media-ticket-rating-icons-foil-x: calc(var(--media-ticket-value-x) - 11.76cqw);
    --media-ticket-rating-icons-foil-y: calc(83.54cqw + 1.65cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-rating-icons-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-rating-icons-foil-y);
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    gap: var(--media-star-gap);
    --media-star-size: 1.65em;
    --media-star-gap: .75cqw;
    --media-star-step: calc(var(--media-star-size) + var(--media-star-gap));
    --media-star-total: calc(var(--media-star-size) + var(--media-star-step) + var(--media-star-step) + var(--media-star-step) + var(--media-star-step));
    width: var(--media-star-total);
    height: var(--media-star-size);
    transform: translate(0, calc(-50% + 1.01cqw));
    overflow: visible;
}

.media-star-layer {
    --media-ticket-foil-x-offset: var(--media-ticket-rating-icons-foil-x);
    --media-ticket-foil-y-offset: var(--media-ticket-rating-icons-foil-y);
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: currentColor;
    flex: 0 0 var(--media-star-size);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--media-star-size) var(--media-star-size);
    mask-size: var(--media-star-size) var(--media-star-size);
}

.media-star-layer-empty {
    opacity: .72;
    -webkit-mask-image: url('img/star_empty.png');
    mask-image: url('img/star_empty.png');
}

.media-star-layer-half {
    -webkit-mask-image: url('img/star_half.png');
    mask-image: url('img/star_half.png');
}

.media-star-layer-full {
    -webkit-mask-image: url('img/star_full.png');
    mask-image: url('img/star_full.png');
}

.media-ticket-rating-number {
    --media-ticket-rating-number-foil-x: 81.5cqw;
    --media-ticket-rating-number-foil-y: calc(81.22cqw + 2.19cqw);
    --media-ticket-foil-x-offset: var(--media-ticket-rating-number-foil-x);
    left: 50%;
    top: 81.22cqw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42cqw;
    transform: translate(calc(-50% + 31.5cqw), 2.19cqw);
    font-size: 3.75cqw;
    text-align: center;
    width: var(--media-ticket-rating-number-width);
    font-weight: 300;
}

.media-ticket-rating-label,
.media-ticket-rating-stars,
.media-ticket-rating-number {
    --media-ticket-foil-y-offset: var(--media-ticket-rating-number-foil-y, 81.22cqw);
    min-height: 14.17cqw;
}

.media-ticket-rating-label {
    --media-ticket-foil-x-offset: 11.67cqw;
    --media-ticket-foil-y-offset: calc(81.22cqw + 1.77cqw);
    top: 81.22cqw;
    display: flex;
    align-items: center;
    transform: translate(var(--media-ticket-label-x), 1.77cqw) scaleX(1.2);
}

.media-ticket-rating-stars {
    align-items: center;
}

.media-ticket-rating-current,
.media-ticket-rating-max {
    display: inline-block;
    font: inherit;
    line-height: 1;
    transform: scaleX(.9);
    transform-origin: center;
}

.media-ticket-rating-current {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-rating-number-foil-x) - 2.08cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-rating-number-foil-y) - .63cqw);
    position: relative;
    display: inline-flex;
    justify-content: center;
    width: 8.02cqw;
    padding-left: .42cqw;
    box-sizing: border-box;
    font-family: 'NohHaeChan', var(--f-pre);
    font-size: 4.75cqw;
    text-align: center;
    transform: translate(-2.87cqw, -.84cqw) scaleX(.9);
    transform-origin: center;
}

.media-ticket-rating-max {
    --media-ticket-foil-x-offset: calc(var(--media-ticket-rating-number-foil-x) + 5.34cqw);
    --media-ticket-foil-y-offset: calc(var(--media-ticket-rating-number-foil-y) - .63cqw);
    position: relative;
    font-family: 'Isamanru', var(--f-pre);
    font-weight: 300;
    letter-spacing: .15em;
    transform: translate(.19cqw, -.84cqw) scaleX(.86);
    transform-origin: center;
}

.media-ticket-review-label {
    --media-ticket-foil-x-offset: 11.67cqw;
    --media-ticket-foil-y-offset: calc(96.44cqw + 2.31cqw);
    top: 96.44cqw;
    transform: translate(var(--media-ticket-label-x), 4.6cqw) scaleX(1.2);
}

.media-ticket-excerpt {
    --media-ticket-foil-x-offset: 13.42cqw;
    --media-ticket-foil-y-offset: 108.54cqw;
    display: -webkit-box;
    position: absolute;
    left: 50%;
    top: calc(50% + 21.04cqw);
    transform: translateX(-49%);
    width: calc(100% - 11.24cqw);
    font-family: 'NohHaeChan', var(--f-pre);
    font-size: 5.5cqw;
    line-height: 1.55;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
    overflow-wrap: anywhere;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

/* Special effects area */
.media-ticket-excerpt :where(p, div) {
    margin: 0;
}

.media-ticket-excerpt :where(p, div, span, b, strong, i, em, u, s, strike, font) {
    line-height: inherit;
}

.media-ticket-foil-scope-ink :where(
    .media-ticket-number,
    .media-ticket-number-label,
    .media-ticket-number-dot,
    .media-ticket-number-value,
    .media-ticket-label,
    .media-ticket-year,
    .media-ticket-num,
    .media-ticket-subtitle,
    .media-ticket-subtitle-text,
    .media-ticket-title-kicker,
    .media-ticket-title-kicker-text,
    .media-ticket-title-text,
    .media-ticket-title-hangul,
    .media-ticket-title-latin,
    .media-ticket-title-digit,
    .media-ticket-scaled-text,
    .media-ticket-value-hangul,
    .media-ticket-value-latin,
    .media-ticket-value,
    .media-ticket-rating-current,
    .media-ticket-rating-max,
    .media-ticket-excerpt
) {
    color: transparent;
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
}

.media-ticket-foil-scope-logo :where(
    .media-ticket-number,
    .media-ticket-number-label,
    .media-ticket-number-dot,
    .media-ticket-number-value
) {
    color: transparent;
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
}

.media-ticket-foil-scope-ink .media-star-layer {
    background-image: var(--media-ticket-foil-gradient);
    background-size: var(--media-ticket-foil-size);
    background-position: calc(var(--media-ticket-foil-x) - var(--media-ticket-foil-x-offset) - var(--media-star-slot-x, 0px)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    background-repeat: no-repeat;
}

.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-ink::before,
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-logo::after,
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-background,
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-background .media-ticket-hover-bg,
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-ink :where(
    .media-ticket-number,
    .media-ticket-number-label,
    .media-ticket-number-dot,
    .media-ticket-number-value,
    .media-ticket-label,
    .media-ticket-year,
    .media-ticket-num,
    .media-ticket-subtitle,
    .media-ticket-subtitle-text,
    .media-ticket-title-kicker,
    .media-ticket-title-kicker-text,
    .media-ticket-title-text,
    .media-ticket-title-hangul,
    .media-ticket-title-latin,
    .media-ticket-title-digit,
    .media-ticket-scaled-text,
    .media-ticket-value-hangul,
    .media-ticket-value-latin,
    .media-ticket-value,
    .media-ticket-rating-current,
    .media-ticket-rating-max,
    .media-ticket-excerpt
),
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-logo :where(
    .media-ticket-number,
    .media-ticket-number-label,
    .media-ticket-number-dot,
    .media-ticket-number-value
),
.media-ticket-item.is-back:hover .media-ticket-foil.media-ticket-foil-scope-ink .media-star-layer {
    animation: media-ticket-foil-shift var(--media-ticket-foil-duration, 3.2s) linear infinite;
}

@keyframes media-ticket-foil-shift {
    0%,
    3% {
        background-position: calc(-160cqw - var(--media-ticket-foil-x-offset) - var(--media-star-slot-x, 0px)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    }
    47%,
    53% {
        background-position: calc(-360cqw - var(--media-ticket-foil-x-offset) - var(--media-star-slot-x, 0px)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    }
    97%,
    100% {
        background-position: calc(-160cqw - var(--media-ticket-foil-x-offset) - var(--media-star-slot-x, 0px)) calc(var(--media-ticket-foil-y-base) - var(--media-ticket-foil-y-offset));
    }
}

@keyframes media-ticket-poster-gloss {
    0% {
        opacity: 0;
        transform: translateX(-42%) skewX(-10deg);
    }
    18% {
        opacity: .34;
    }
    48% {
        opacity: .52;
    }
    100% {
        opacity: 0;
        transform: translateX(42%) skewX(-10deg);
    }
}

/* Ticket selection */
.media-ticket-chk {
    top: 4.17cqw;
    left: 4.17cqw;
}

.media-ticket-chk input[type="checkbox"] {
    margin: 0;
    transform: scale(1.2);
    transform-origin: top left;
}

.media-ticket-list.editing .media-ticket-item {
    cursor: pointer;
}

.media-ticket-list.editing .media-ticket-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    box-sizing: border-box;
    border: .42cqw dashed var(--media-line);
    border-radius: var(--media-ticket-radius);
}

/* Mobile */
@media (max-width: 1100px) {
    .media-ticket-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .media-board-container {
        width: 100%;
        max-width: none;
        padding: 5.56cqw 0 16.67cqw;
    }

    .media-ticket-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2.4cqw;
        margin-top: 4.8cqw;
    }

}