@import url('fonts.css');


:root{font-family:'Noto Sans KR',sans-serif;color:#202328;background:#f4f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #6a7aff;outline-offset:5px}button{border:0}header{height:88px;border-bottom:1px solid #dedfe5;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:22px;color:inherit}.logo{background:#303bdf;color:#fff;padding:3px 10px;border-radius:9px;font-family:Arial;font-size:27px}.header-note{color:#727680;font-size:14px}.subtle{background:none;color:#676b76;font-size:14px;padding:10px}main{max-width:1390px;padding:38px 5vw 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;color:#555c77;font-weight:700;margin:0 0 13px}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-2px;line-height:1.25;margin:0}h1 em{font-style:normal;color:#303bdf}.setup{display:flex;flex-direction:column;gap:10px}.setup label{font-size:14px;font-weight:700}.setup>span{font-size:12px;color:#818590}.stepper{display:flex;align-items:center;background:white;border:1px solid #dfe1e9;border-radius:10px;overflow:hidden}.stepper button{background:none;width:48px;height:42px;font-size:23px}.stepper strong{width:80px;text-align:center;font-size:16px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.play-area{border:1px solid #dfe1e8;border-radius:18px;background:white;overflow:hidden}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:22px 25px}.round{font-size:12px;font-weight:800;letter-spacing:1px;color:#7d828e}.turn{font-size:14px;font-weight:700;color:#303bdf;background:#eef0ff;padding:7px 12px;border-radius:6px}.stage{height:370px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#e9ebf4 0%,#f6f7fb 65%);perspective:1400px;position:relative}.closed-book{width:255px;height:307px;position:relative;transform:rotate(-9deg) rotateY(-17deg);filter:drop-shadow(14px 22px 15px #11142830);transition:transform .6s,opacity .4s}.cover{position:absolute;inset:0;background:#214c46;color:white;padding:25px 19px;overflow:hidden;z-index:2;box-shadow:inset 5px 0 10px #0003;border-radius:2px 4px 3px 1px;background-size:cover;background-position:center}.cover:before{content:'';position:absolute;inset:0;background:linear-gradient(#0008,#0001 45%,#000b);z-index:-1}.cover-label{font-size:10px;letter-spacing:2px;border-top:1px solid #ffffff70;padding-top:8px}.cover h2{font-size:37px;letter-spacing:-1px;margin:15px 0 0;font-weight:900;line-height:1}.cover-sub{font-size:12px;display:block;margin-top:12px}.cover-bottom{position:absolute;bottom:18px;left:19px;right:19px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.page-edge{position:absolute;left:100%;top:5px;width:43px;height:300px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 2px,#c7c6bd 2px,#e9e7db 3px);transform:skewY(17deg);border-right:4px solid #163e37;cursor:crosshair;touch-action:none}.page-edge:after{content:'선택';position:absolute;top:46%;left:48px;color:#303bdf;font-size:12px;font-weight:700;transform:skewY(-17deg);white-space:nowrap}#edgeMarker{position:absolute;left:-3px;right:-2px;top:50%;height:4px;background:#fecc39;box-shadow:0 0 0 2px #303bdf;pointer-events:none}.closed-book.opening{transform:rotate(0) rotateY(-95deg);opacity:0}.spread{width:94%;height:325px;display:flex;filter:drop-shadow(0 15px 12px #171d2e25);animation:unfold .65s ease both}.spread[hidden]{display:none}.paper{flex:1;min-width:0;background:#fffef9;padding:14px;display:flex;flex-direction:column}.paper:first-child{box-shadow:inset -12px 0 16px -16px #0009;border-right:1px solid #ddd}.paper:last-child{box-shadow:inset 12px 0 16px -16px #0009}.page-meta,.paper-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#70716d;gap:5px}.photo-wrap{flex:1;min-height:0;display:flex;align-items:center;margin:12px 0;background:#f1f0ea}.photo-wrap img{width:100%;height:100%;object-fit:contain}.paper-foot{font-size:12px;letter-spacing:0}.instruction{padding:21px 16px;text-align:center;font-size:14px;font-weight:500}.hand{font-size:24px;color:#303bdf;margin-right:7px;vertical-align:middle}.stage-bottom{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:11px;color:#8a8e98;letter-spacing:.6px}.aside-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.aside-title h2{font-size:16px;margin:0}.aside-title>span{font-size:11px;color:#9296a0}.magazines{display:flex;flex-direction:column;gap:10px}.magazine{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:white;border:1px solid #e0e2ea;padding:12px;border-radius:12px;color:inherit}.magazine.selected{border:2px solid #303bdf;padding:11px;background:#f0f1ff}.mini{width:47px;height:61px;border-radius:2px;background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:5px;color:white;text-shadow:0 1px 4px #000;font-size:9px;font-weight:900;flex-shrink:0}.magazine strong{font-size:15px;display:block}.magazine small{font-size:12px;color:#878c97;display:block;margin-top:5px}.check{margin-left:auto;color:#303bdf}.scoreboard{margin-top:28px}.player{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e1e3ea;font-size:14px}.avatar{width:28px;height:28px;border-radius:50%;background:#e3e5ef;color:#777d8c;display:grid;place-items:center;font-size:12px;font-weight:700}.player.active .avatar{background:#303bdf;color:white}.player.active{font-weight:700}.player-score{margin-left:auto;color:#848997}.player.done .player-score{color:#303bdf;font-weight:800}#winner{padding:15px;background:#e5e8ff;color:#303bdf;border-radius:10px;font-size:14px;font-weight:700}.result{display:flex;justify-content:space-between;align-items:center;padding:16px 25px}.result[hidden]{display:none}.result>div{display:flex;align-items:center;gap:20px}.resultLabel,#resultLabel{font-size:13px;color:#727785}#score{font-size:36px;color:#303bdf;letter-spacing:-1px}#score span{font-size:15px;margin-left:5px}.primary{background:#303bdf;color:white;padding:13px 21px;border-radius:8px;font-size:14px;font-weight:700}.primary:disabled{opacity:.5}footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-bottom:25px;font-size:12px;color:#9296a0}dialog{border:0;border-radius:18px;padding:30px;max-width:520px;width:90%;color:#202328;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#11182b99;backdrop-filter:blur(5px)}dialog h2{font-size:22px}dialog p,dialog li{font-size:14px;line-height:1.9}dialog ol{padding-left:22px}.close{float:right;background:none;font-size:25px}.credit{display:block;padding:10px 0;color:#303bdf;font-size:14px}.loading-note{color:#7e8391}@keyframes unfold{from{opacity:0;transform:rotateY(60deg) scale(.88)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1400px){main{padding-left:50px;padding-right:50px}}@media(max-width:850px){header{height:70px;padding:0 5vw}.header-note{display:none}main{padding-top:25px}.layout{grid-template-columns:1fr}.intro{margin-bottom:24px}.stage{height:340px}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scoreboard{margin-top:0}.stage-bottom{font-size:10px}}@media(max-width:500px){h1{font-size:32px}.setup{gap:7px}.stepper strong{width:52px}.stepper button{width:35px}.setup>span{font-size:10px}.stage{height:325px}.closed-book{width:218px;height:272px}.page-edge{height:265px;width:35px}.cover h2{font-size:32px}.page-edge:after{left:39px}.spread{height:275px;width:97%}.paper{padding:8px}.page-meta{font-size:8px;letter-spacing:0}.photo-wrap{margin:8px 0}.paper-foot{font-size:10px}.instruction{font-size:12px}.stage-top{padding:15px}.stage-bottom{padding:13px 12px;font-size:9px;letter-spacing:0}.result{padding:15px;gap:8px}.result>div{gap:8px;flex-direction:column;align-items:flex-start}#score{font-size:28px}#resultLabel{font-size:11px}.primary{padding:12px 15px}aside{grid-template-columns:1fr}.magazines{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.magazine{flex-direction:column;padding:9px;gap:8px}.magazine.selected{padding:8px}.magazine strong{font-size:12px}.magazine small{font-size:10px}.check{display:none}.mini{width:43px;height:54px}footer{align-items:flex-start;gap:10px}footer>span{max-width:70%;font-size:10px}}
/* An upright magazine, with page layers running vertically through its depth. */
.stage{height:475px;perspective:1800px}.closed-book{width:248px;height:354px;transform:rotateY(-24deg);transform-style:preserve-3d;filter:drop-shadow(18px 22px 16px #11142835)}.cover{padding:28px 20px;transform-origin:left center;transition:transform .65s ease;z-index:2}.cover h2{font-family:Georgia,serif;font-size:42px;line-height:1.05;margin-top:28px}.cover-label{font-size:11px}.cover-sub{line-height:1.8;margin-top:18px}.page-edge{top:4px;left:100%;width:66px;height:347px;transform:skewY(-12deg);background:repeating-linear-gradient(to right,#faf8ef 0px,#faf8ef 1px,#b8b5a7 1px,#e5e0d2 2px);border-right:4px solid #193a34;box-shadow:inset -8px 0 12px #0002;cursor:pointer}.page-edge:after{content:'종이 한 장을 선택';top:103%;left:50%;transform:translateX(-50%) skewY(12deg);font-size:12px}#edgeMarker{top:0;bottom:0;left:50%;height:auto;width:3px;right:auto;background:#ffcd43;box-shadow:0 0 0 1px #303bdf;transform:none}.page-edge:hover #edgeMarker{width:5px}.closed-book.opening{transform:rotateY(0);opacity:0;transition:transform .65s,opacity .75s}.closed-book.opening .cover{transform:rotateY(-160deg)}.spread{height:410px;max-width:760px;width:93%;position:relative;border-radius:2px;transform-style:preserve-3d}.spread:after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 13px);width:26px;background:linear-gradient(90deg,transparent,#00000015 40%,#00000028 50%,#ffffff70 55%,transparent);pointer-events:none}.paper{padding:16px 18px 12px;background:linear-gradient(110deg,#fffef9,#f7f5eb);border-bottom:5px double #dfdcd0;overflow:hidden}.paper:first-child{transform-origin:right center;animation:paperOpen .8s ease both}.paper:last-child{transform-origin:left center;animation:paperOpenRight .8s ease both}.page-meta{font-size:9px;border-bottom:1px solid #292b27;padding-bottom:8px;letter-spacing:1px;color:#464941}.paper-foot{padding-top:7px;border-top:1px solid #c8c6bb;color:#636357;font-size:10px}.editorial{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 0 8px;gap:8px}.article-tag{font-size:8px;letter-spacing:2px;color:#8c6b43;font-weight:800}.article-heading h3{font-family:Georgia,'Noto Sans KR',serif;font-size:22px;line-height:1.3;letter-spacing:-1px;margin:4px 0 0;font-weight:800;word-break:keep-all}.editorial-photos{display:flex;gap:7px;flex:1;min-height:0}.editorial figure{margin:0;display:flex;flex-direction:column;min-width:0;flex:1;min-height:0}.editorial img{width:100%;height:100%;object-fit:contain;min-height:0;flex:1;background:#eceae1}.editorial figcaption{font-size:8px;color:#827d6e;line-height:1.4;margin-top:4px}.article-copy p{font-size:9px;line-height:1.8;margin:0;color:#625e53;column-count:2;column-gap:12px}.article-copy blockquote{margin:6px 0 0;padding-left:7px;border-left:2px solid #b49564;font-family:Georgia,serif;font-size:11px;line-height:1.5;color:#413b2d}.layout-feature .editorial-photos{flex:1.6}.layout-feature .article-heading h3{font-size:25px}.layout-feature .article-copy p{display:none}.layout-journal .article-heading{border-bottom:1px solid #c5bfaf;padding-bottom:8px}.layout-journal .article-copy p{column-count:2}.layout-duo .editorial-photos{flex-direction:column}.layout-duo .article-copy p{display:none}.layout-duo .article-heading h3{font-size:19px}.layout-gallery .editorial-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-gallery figure:first-child{grid-column:1 / -1}.layout-gallery .article-copy p{display:none}.layout-gallery .article-heading h3{font-size:18px}.stage-bottom{font-size:11px}.instruction{font-size:14px}.closed-book[hidden],.spread[hidden]{display:none!important}@keyframes paperOpen{from{transform:rotateY(75deg)}to{transform:rotateY(0)}}@keyframes paperOpenRight{from{transform:rotateY(-55deg)}to{transform:rotateY(0)}}
@media(max-width:850px){.stage{height:455px}.spread{height:400px}.closed-book{height:330px;width:232px}.page-edge{height:322px}.cover h2{font-size:39px}}@media(max-width:500px){.stage{height:420px}.closed-book{width:198px;height:301px;margin-left:-35px}.page-edge{height:293px;width:60px}.cover h2{font-size:33px}.cover-label{font-size:9px}.cover-sub{font-size:11px}.spread{height:355px;width:97%}.paper{padding:10px 9px 8px}.article-heading h3,.layout-feature .article-heading h3{font-size:17px;letter-spacing:-.8px}.layout-gallery .article-heading h3,.layout-duo .article-heading h3{font-size:15px}.article-copy p{font-size:8px;line-height:1.7;column-count:1!important}.article-copy blockquote{font-size:9px}.page-meta{font-size:7px}.editorial figcaption{font-size:7px}.article-tag{font-size:7px;letter-spacing:1px}.instruction{font-size:12px}.page-edge:after{font-size:11px}.stage-bottom{font-size:9px}.editorial{gap:6px}.layout-journal .article-copy blockquote{display:none}}
/* Printed editorial spreads: dense columns, varied photo scale, restrained black ink. */
main{max-width:1550px;padding-top:24px}.intro{margin-bottom:22px}h1{font-size:34px}.layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.stage{height:650px;background:radial-gradient(ellipse at center,#dddfe5,#f0f1f4 75%)}.spread{width:95%;max-width:980px;height:auto;aspect-ratio:1.415;max-height:610px}.paper{padding:21px 23px 13px;background:#fff;box-shadow:inset -12px 0 15px -15px #0008}.paper:last-child{background:linear-gradient(90deg,#f1f0ed,#fff 5%)}.page-meta{border:0;padding-bottom:9px;font-size:8px;letter-spacing:1px}.paper-foot{font-size:9px;border-top:0;padding-top:9px}.editorial{display:flex;gap:0;padding:0;overflow:hidden}.print-head{flex:none;padding-bottom:11px}.print-category{font-size:8px;letter-spacing:1px;display:none}.print-head h3{font-family:'Noto Sans KR',sans-serif;font-weight:900;font-size:clamp(18px,1.7vw,27px);letter-spacing:-1.4px;line-height:1.16;margin:0 0 8px;word-break:keep-all}.print-head>p{font-size:10px;line-height:1.55;margin:0 0 5px;color:#303030;max-width:95%;font-weight:500}.print-byline{font-size:7px;color:#666}.print-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 1fr 1.6fr;gap:9px 12px;flex:1;min-height:0;overflow:hidden}.print-text{overflow:hidden;font-size:9px;line-height:1.62;color:#363636;text-align:justify;word-break:break-all}.print-text p{margin:0 0 7px}.print-text b{display:block;font-size:10px;color:#171717;margin-bottom:5px}.copy-top{grid-column:1/-1;grid-row:1;column-count:2;column-gap:12px}.print-quote{grid-column:1/-1;grid-row:2;font-size:13px;letter-spacing:-.5px;line-height:1.4;font-weight:700;padding:5px 0;margin:0;border-top:1px solid #777;border-bottom:1px solid #777;text-align:center}.copy-middle{grid-column:1/-1;grid-row:3;column-count:2;column-gap:12px}.print-photo{min-height:0;min-width:0;display:flex;flex-direction:column;margin:0;overflow:hidden}.print-photo img{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;background:#f3f3f1}.print-photo figcaption{font-size:7px;line-height:1.35;margin-top:3px;color:#606060}.photo-bottom-left{grid-column:1;grid-row:4}.photo-bottom-right{grid-column:2;grid-row:4}.print-layout-journal .print-head{padding-bottom:9px}.print-layout-journal .print-head h3{font-size:21px}.print-layout-journal .print-body{grid-template-rows:1fr 1fr;gap:12px}.print-layout-journal .photo-top-left{grid-column:1;grid-row:1}.print-layout-journal .copy-right{grid-column:2;grid-row:1}.print-layout-journal .copy-bottom-left{grid-column:1;grid-row:2}.print-layout-journal .photo-bottom-right{grid-column:2;grid-row:2}.print-layout-duo .print-body{grid-template-rows:1fr 1.25fr 1fr}.print-layout-duo .copy-top{grid-row:1}.print-layout-duo .photo-middle{grid-column:1/-1;grid-row:2}.print-layout-duo .copy-bottom-left{grid-row:3;grid-column:1}.print-layout-duo .photo-bottom-right{grid-row:3;grid-column:2}.print-layout-gallery .print-body{grid-template-rows:1.5fr 1fr}.print-layout-gallery .photo-top-left{grid-column:1;grid-row:1}.print-layout-gallery .copy-right{grid-column:2;grid-row:1}.print-layout-gallery .photo-bottom-left,.print-layout-gallery .photo-bottom-right{grid-row:2}.print-layout-gallery .print-head h3{font-size:23px}.closed-book{height:420px;width:296px}.page-edge{height:412px}.cover h2{font-size:49px}.cover-sub{font-size:14px}.cover-bottom{font-size:11px}.instruction{padding:16px}.stage-top{padding:17px 22px}.spread:after{width:34px;left:calc(50% - 17px)}
@media(max-width:1100px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scoreboard{margin-top:0}.stage{height:640px}.spread{max-width:860px}.print-head h3{font-size:25px}.print-text{font-size:10px}.print-text b{font-size:11px}.print-head>p{font-size:11px}}
@media(max-width:700px){main{padding:20px 3vw 0}.stage{height:70vw;min-height:340px}.spread{width:98%;aspect-ratio:1.415}.paper{padding:12px 12px 8px}.print-head{padding-bottom:7px}.print-head h3,.print-layout-gallery .print-head h3,.print-layout-journal .print-head h3{font-size:17px;letter-spacing:-.8px;line-height:1.2}.print-head>p{font-size:7px;line-height:1.4;margin:0 0 3px}.print-byline{font-size:5px}.print-body{gap:5px 7px}.print-text{font-size:6px;line-height:1.6}.print-text b{font-size:7px;margin-bottom:3px}.print-text p{margin-bottom:4px}.copy-top,.copy-middle{column-gap:7px}.print-quote{font-size:8px;padding:3px 0}.page-meta{font-size:6px;padding-bottom:5px}.paper-foot{font-size:6px;padding-top:5px}.print-photo figcaption{font-size:5px;margin-top:2px}.print-layout-journal .print-body{gap:6px}.closed-book{width:209px;height:298px}.page-edge{height:290px}.cover h2{font-size:34px}.cover-sub{font-size:11px}.cover-bottom{font-size:8px}.spread:after{width:20px;left:calc(50% - 10px)}aside{grid-template-columns:1fr}.intro h1{font-size:30px}}
@media(max-width:430px){.stage{min-height:320px}.paper{padding:9px 8px 6px}.print-head h3,.print-layout-gallery .print-head h3,.print-layout-journal .print-head h3{font-size:13px;letter-spacing:-.6px}.print-head>p{font-size:6px}.print-text{font-size:5px;line-height:1.55}.print-text b{font-size:5.5px}.print-quote{font-size:6.5px}.print-photo figcaption{font-size:4.5px}.print-head{padding-bottom:4px}.print-body{gap:4px 5px}.print-byline{font-size:4.5px}.page-meta{font-size:5px}.paper-foot{font-size:5px}}
#magazineZoom{max-width:1000px;width:96vw;max-height:94vh;padding:15px 20px;background:#e3e4e7}#magazineZoom .close{position:sticky;top:0;z-index:3;background:#fff;width:36px;height:36px;border-radius:50%;box-shadow:0 3px 12px #0003}#zoomPages{display:grid;grid-template-columns:1fr 1fr;clear:both;padding:12px 0}#zoomPages .paper{height:650px;animation:none;min-width:0;padding:23px}#zoomPages .print-head h3{font-size:27px}#zoomPages .print-head>p{font-size:11px}#zoomPages .print-byline{font-size:8px}#zoomPages .print-text{font-size:10px;line-height:1.7}#zoomPages .print-text b{font-size:11px}#zoomPages .print-quote{font-size:13px}#zoomPages .print-photo figcaption{font-size:8px}#zoomPages .page-meta,#zoomPages .paper-foot{font-size:9px}#zoomPages .print-body{gap:10px 12px}#zoomPages .copy-top,#zoomPages .copy-middle{column-gap:12px}#zoomPages .print-head{padding-bottom:12px}#zoomPages .print-text p{margin-bottom:8px}@media(max-width:700px){#zoomPages{grid-template-columns:1fr;gap:18px}#zoomPages .paper{height:620px;padding:22px 18px}#zoomPages .print-head h3{font-size:25px}#zoomPages .print-text{font-size:9px}#zoomPages .print-head>p{font-size:10px}.result{flex-wrap:wrap}#zoomBtn{margin-left:auto;font-size:12px}}
[hidden]{display:none!important}.draw-screen{background:#fff;border:1px solid #dfe1e8;border-radius:18px;padding:36px 0 32px;text-align:center;overflow:hidden}.draw-screen h2{font-size:28px;letter-spacing:-1px;margin:8px 20px}.draw-screen>p:not(.eyebrow){font-size:14px;color:#727785;margin:10px 20px 24px}.roulette-window{height:335px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#eaecf5,#fafbfc);margin:20px 0 28px}.roulette-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fafbfce0,transparent 22%,transparent 78%,#fafbfce0)}.roulette-track{display:flex;gap:20px;align-items:center;height:100%;will-change:transform}.draw-book{width:200px;height:280px;flex-shrink:0;color:white;padding:20px 15px;text-align:left;background-size:cover;background-position:center;box-shadow:6px 12px 18px #151b3233;position:relative;border-right:5px double #d2cdbc;overflow:hidden}.draw-book small{font-size:9px;letter-spacing:1.4px;border-top:1px solid #fff8;display:block;padding-top:7px}.draw-book h3{font-family:Georgia,serif;font-size:32px;line-height:1.1;margin:24px 0 0;overflow-wrap:break-word}.draw-book p{font-size:11px;line-height:1.8}.draw-book>span{position:absolute;bottom:18px;left:15px;font-size:8px}.roulette-pointer{position:absolute;top:12px;bottom:12px;left:calc(50% - 110px);width:220px;border:2px solid #303bdf;border-radius:7px;pointer-events:none;z-index:2}.roulette-pointer:before{content:'';position:absolute;left:calc(50% - 7px);top:-8px;width:14px;height:14px;background:#303bdf;transform:rotate(45deg)}.draw-button{min-width:200px;font-size:17px;padding:16px 28px}.selected-edition{padding:20px;background:#fff;border:1px solid #e0e2e9;border-radius:10px}.selected-edition span{font-size:12px;color:#8c909a}.selected-edition h2{font-size:20px;color:#303bdf;margin:7px 0 0}.inspect-actions{display:flex;align-items:center;gap:15px;padding:20px 24px;flex-wrap:wrap}.inspect-actions>span{font-size:14px;color:#727785;margin-right:auto}.annotated-photo{display:block;position:relative;min-height:0;flex:1;overflow:hidden;background:#f3f3f1}.print-photo .annotated-photo>img{display:block;width:100%;height:100%;object-fit:contain;flex:none}.people-overlay{position:absolute;pointer-events:none}.person-circle{position:absolute;border:2px solid #f01830;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 1px #fff;animation:circleReveal .45s ease both}.people-overlay[hidden]{display:none}.print-photo{min-height:0}#revealPopup{text-align:center;width:330px;max-width:90vw;border-radius:20px;padding:30px;background:#ffffffee;box-shadow:0 20px 100px #0004}#revealPopup::backdrop{background:#13172835;backdrop-filter:none}#revealPopup p{font-size:14px;color:#727785;margin:0 0 12px}#centralCount{display:block;font-size:54px;color:#303bdf;letter-spacing:-3px;line-height:1.3}#centralPlayer{display:block;font-size:13px;color:#727785;margin:12px 0 23px}#revealPopup .primary{width:100%}#zoomPages .person-circle{border-width:3px}@keyframes circleReveal{from{opacity:0;transform:translate(-50%,-50%) scale(1.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:700px){.draw-screen{padding-top:25px}.draw-screen h2{font-size:24px}.roulette-window{height:310px}.inspect-actions{padding:15px;gap:10px}.inspect-actions>span{width:100%;font-size:12px}.inspect-actions .primary{margin-left:auto}.person-circle{border-width:1.5px}}
.participant-screen{background:#fff;border:1px solid #dfe1e8;border-radius:18px;text-align:center;padding:50px 25px 45px;min-height:430px}.participant-screen h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.participant-screen>p:not(.eyebrow){color:#727785;font-size:15px}.participant-screen .setup{align-items:center;margin:28px auto}.participant-screen .setup-label{font-size:14px;font-weight:700}.participant-screen .stepper{border-width:2px}.participant-screen .stepper button{height:60px;width:65px;font-size:28px}.participant-screen .stepper strong{width:100px;font-size:25px}.participant-screen>.primary{min-width:245px;padding:16px 30px;font-size:17px}.player-badge{display:inline-block;background:#eef0ff;color:#303bdf;font-size:15px;font-weight:800;border-radius:50px;padding:7px 19px;margin:4px 0 12px}.cover-stories{position:absolute;top:42%;left:20px;right:20px;text-shadow:0 1px 5px #0008}.cover-stories p{font-size:14px;font-weight:800;line-height:1.4;margin:20px 0;max-width:80%}.cover-stories .cover-story-1{font-size:22px;font-family:Georgia,serif;font-weight:400;max-width:65%}.cover[data-category=fashion] h2{font-family:Georgia,serif;font-size:77px;letter-spacing:-5px}.cover[data-category=travel] h2{font-family:Arial,sans-serif;font-size:52px;letter-spacing:3px}.cover[data-category=sport] h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:42px;font-style:italic}.cover[data-category=music] h2{font-family:Arial,sans-serif;font-size:67px;letter-spacing:-4px}.cover[data-category=life] h2{font-family:Georgia,serif;font-size:37px;letter-spacing:0}.cover[data-category=food] h2{font-family:Georgia,serif;font-size:63px;letter-spacing:4px}.draw-book{box-shadow:inset 4px 0 8px #0002,6px 12px 18px #151b3233}.draw-book h3{font-size:35px;margin-top:12px;text-shadow:0 1px 2px #0002}.draw-book .draw-sub{font-size:7px;letter-spacing:1px;margin-top:6px}.draw-cover-lines{position:absolute;left:14px;right:14px;top:42%;text-shadow:0 1px 4px #0009}.draw-cover-lines p{font-size:10px;font-weight:800;margin:12px 0;max-width:80%;line-height:1.4}.draw-cover-lines .line-1{font-size:16px;font-family:Georgia,serif;font-weight:500}.edition-fashion h3{font-size:49px;letter-spacing:-3px}.edition-travel h3{font-family:Arial,sans-serif;font-size:30px;letter-spacing:2px}.edition-sport h3{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;font-style:italic}.edition-music h3{font-family:Arial,sans-serif;font-size:46px;letter-spacing:-2px}.edition-life h3{font-size:26px}.edition-food h3{font-size:42px;letter-spacing:3px}@media(max-width:700px){.cover[data-category=fashion] h2{font-size:56px}.cover[data-category=travel] h2{font-size:36px}.cover[data-category=sport] h2{font-size:29px}.cover[data-category=music] h2{font-size:47px}.cover[data-category=life] h2{font-size:26px}.cover[data-category=food] h2{font-size:44px}.cover-stories{left:16px}.cover-stories p{font-size:10px;margin:14px 0}.cover-stories .cover-story-1{font-size:16px}.participant-screen{padding:35px 15px}.participant-screen h2{font-size:27px}}
/* English print typography and distinct editorial identities. */
.print-head h3{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.02;letter-spacing:-1.2px;font-weight:700}.print-head>p{font-family:Georgia,serif;font-style:italic;font-size:12px;line-height:1.45}.print-byline{font-family:Arial,sans-serif;letter-spacing:1px;font-size:6px}.print-text{font-family:Georgia,'Times New Roman',serif;font-size:10px;line-height:1.47;word-break:normal;hyphens:auto}.print-text b{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;margin-bottom:7px}.print-category{display:block;font-family:Arial;font-size:8px;font-weight:700;margin-bottom:7px;letter-spacing:2px}.print-quote{font-family:Georgia,serif;font-size:15px;font-weight:400;font-style:italic}.print-layout-journal .print-head h3,.print-layout-gallery .print-head h3{font-size:29px}.editorial[data-category=sport] .print-head h3{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;letter-spacing:.2px}.editorial[data-category=music] .print-head h3{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1.5px}.editorial[data-category=food] .print-head h3{font-style:italic}.editorial[data-category=travel] .print-head h3{font-weight:400}.print-layout-jackpot .print-body{grid-template-rows:4fr 1fr}.photo-jackpot{grid-column:1/-1;grid-row:1}.copy-jackpot{grid-column:1/-1;grid-row:2;column-count:2}.print-layout-jackpot .print-head h3{font-size:36px}.jackpot-popup{background:#182043!important;color:white!important;border:2px solid #f6c84e!important}.jackpot-popup #centralCount{font-size:42px;color:#ffcf43;letter-spacing:-1.5px}.jackpot-popup #centralPlayer,.jackpot-popup>p{color:#e1e3ee!important}#centralNote:empty{display:none}#centralNote{font-size:12px;line-height:1.6;margin-top:14px}#zoomPages .print-head h3{font-size:32px;font-family:Georgia,serif}#zoomPages .print-text{font-size:11px;line-height:1.5}#zoomPages .print-head>p{font-size:12px}#zoomPages .print-byline{font-size:7px}.page-meta{font-weight:700;letter-spacing:2px}.cover{border-radius:0;text-shadow:0 1px 3px #0004}.cover-label{letter-spacing:2px}.cover-sub{font-size:10px;letter-spacing:1px}.draw-book small{font-family:Arial,sans-serif}.draw-cover-lines .line-1{font-size:19px;line-height:1.05}.draw-cover-lines p{font-size:10px;line-height:1.25}.cover-stories .cover-story-1{font-size:30px;line-height:1.05}.cover-stories p{font-size:12px;line-height:1.3;font-family:Arial,sans-serif}.cover-bottom{font-family:Arial,sans-serif}.paper-foot{font-family:Arial,sans-serif}@media(max-width:700px){.print-head h3,.print-layout-journal .print-head h3,.print-layout-gallery .print-head h3,.print-layout-jackpot .print-head h3{font-size:19px;letter-spacing:-.5px}.print-text{font-size:6px;line-height:1.45}.print-text b{font-size:5px;letter-spacing:.3px}.print-category{font-size:5px;letter-spacing:.8px;margin-bottom:4px}.print-head>p{font-size:7px}.print-byline{font-size:4px}.print-quote{font-size:9px}.cover-stories .cover-story-1{font-size:21px}.cover-stories p{font-size:9px}.cover-sub{font-size:8px}.print-layout-jackpot .copy-jackpot{column-gap:6px}}@media(max-width:430px){.print-head h3,.print-layout-journal .print-head h3,.print-layout-gallery .print-head h3,.print-layout-jackpot .print-head h3{font-size:15px}.print-text{font-size:5px}.print-text b{font-size:4.5px}.print-head>p{font-size:6px}.print-quote{font-size:7px}.print-category{font-size:4px}.print-byline{font-size:3.5px}}
.crowd-marker{position:absolute;inset:5%;border:2px solid #ef1932;border-radius:10%;color:#fff;font-family:Arial,sans-serif;font-size:10px;font-weight:700;text-align:center;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;text-shadow:0 1px 4px #000;background:linear-gradient(transparent 85%,#0005)}

/* Full photograph, monumental masthead, peripheral editorial cover lines. */
.cover,.draw-book{background-position:center 28%;background-size:cover;color:var(--cover-ink,#fff);text-shadow:none;border-radius:0}.draw-book{position:relative}.closed-book>.cover{position:absolute;inset:0;width:100%;height:100%}.cover:before{display:none}.cover h2,.cover[data-category] h2{position:absolute;top:9px;left:9px;right:9px;margin:0;font-family:'Bodoni Moda','Didot','Times New Roman',serif;font-size:var(--title-size);font-weight:400;letter-spacing:-4px;line-height:.94;text-align:center;font-style:normal}.cover-label{position:absolute;top:5px;left:14px;right:14px;font-size:5px;letter-spacing:1.3px;text-align:center;border:0;padding:0}.cover-sub{position:absolute;top:24%;left:17px;max-width:44%;margin:0;font-family:Arial,sans-serif;font-size:7px;line-height:1.4;letter-spacing:1px;text-transform:uppercase}.cover-stories{position:absolute;top:0;left:0;right:0;bottom:0;text-shadow:0 1px 3px #0003}.cover-stories p{position:absolute;margin:0;font-family:'Bodoni Moda',Georgia,serif;font-weight:400;max-width:43%;line-height:1.06;letter-spacing:-.4px}.cover-stories .cover-story-0{left:17px;top:34%;font-size:22px}.cover-stories .cover-story-1{right:16px;top:56%;text-align:right;font-size:18px;max-width:35%;font-style:normal}.cover-stories .cover-story-2{left:17px;bottom:11%;font-size:32px;max-width:65%;line-height:.97}.cover-bottom{font-size:6px;left:17px;bottom:13px;right:17px;letter-spacing:1px}.cover-bottom>span:last-child{display:none}.cover-barcode{position:absolute;right:13px;bottom:12px;width:33px;height:19px;background:repeating-linear-gradient(90deg,#fff 0px,#fff 1px,#222 1px,#222 2px,#fff 2px,#fff 4px,#222 4px,#222 5px);border:3px solid white;z-index:3}.draw-book{padding:0}.draw-book h3,.draw-book[class] h3{position:absolute;top:13px;left:6px;right:6px;font-family:'Bodoni Moda','Didot','Times New Roman',serif;font-size:var(--title-size);font-weight:400;letter-spacing:-2px;line-height:.96;margin:0;text-align:center;font-style:normal;text-shadow:none}.draw-book small{position:absolute;top:5px;left:7px;right:7px;font-size:4px;padding:0;border:0;letter-spacing:1px;text-align:center}.draw-book .draw-sub{position:absolute;top:25%;left:12px;max-width:43%;font-family:Arial;font-size:5px;letter-spacing:.5px;line-height:1.5;margin:0}.draw-cover-lines{inset:0;text-shadow:0 1px 2px #0003}.draw-cover-lines p{position:absolute;font-family:'Bodoni Moda',Georgia,serif;font-weight:400;line-height:1.05;margin:0;max-width:45%;letter-spacing:-.3px}.draw-cover-lines .line-0{left:12px;top:36%;font-size:16px}.draw-cover-lines .line-1{right:10px;top:57%;text-align:right;font-size:13px;max-width:38%}.draw-cover-lines .line-2{left:12px;bottom:11%;font-size:21px;max-width:68%}.draw-book>span{left:12px;bottom:10px;font-size:4px;letter-spacing:.7px}.draw-book .cover-barcode{width:24px;height:13px;right:8px;bottom:9px;border-width:2px}.closed-book{width:300px;height:426px}.page-edge{height:418px}.roulette-window{height:345px}.cover[data-category=fashion],.draw-book.edition-fashion{background-position:center 30%}.cover[data-category=life],.draw-book.edition-life{background-position:center 25%}.cover[data-category=food],.draw-book.edition-food{background-position:center 30%}@media(max-width:700px){.closed-book{width:220px;height:314px}.page-edge{height:306px}.cover h2,.cover[data-category] h2{font-size:calc(var(--title-size)*.73);letter-spacing:-3px}.cover-stories .cover-story-0{font-size:16px;left:12px}.cover-stories .cover-story-1{font-size:13px;right:12px}.cover-stories .cover-story-2{font-size:23px;left:12px}.cover-sub{left:12px;font-size:5px}.cover-bottom{left:12px;font-size:4px}.cover-label{font-size:4px}.cover-barcode{width:25px;height:15px;border-width:2px}.stage{min-height:360px}}

.cover-sub{top:30%}.draw-book .draw-sub{top:32%}.draw-cover-lines .line-0{top:43%}

/* Minimal cover: the photograph and a single unbroken masthead. */
.cover-label,.cover-sub,.cover-stories,.cover-bottom,.cover-barcode,.draw-book small,.draw-book .draw-sub,.draw-cover-lines,.draw-book>span,.draw-book .cover-barcode{display:none!important}
.cover h2,.cover[data-category] h2{top:15px;left:10px;right:10px;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:var(--title-size);letter-spacing:-2px;line-height:1;font-weight:400;text-shadow:0 1px 4px #0002}
.draw-book h3,.draw-book[class] h3{top:13px;left:8px;right:8px;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:var(--title-size);letter-spacing:-1px;line-height:1;font-weight:400;text-shadow:0 1px 3px #0002}
@media(max-width:700px){.cover h2,.cover[data-category] h2{font-size:calc(var(--title-size)*.73)}}
/* Magazine art direction: restrained mastheads and photo-led facing pages. */
.cover h2,.cover[data-category] h2,.draw-book h3,.draw-book[class] h3{font-family:'Bodoni Moda',Didot,Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.08;text-shadow:0 1px 8px #0003;font-optical-sizing:auto}
.cover[data-category=sport] h2,.draw-book.edition-sport h3,.cover[data-category=music] h2,.draw-book.edition-music h3{font-family:'Arial Narrow',Arial,sans-serif;font-weight:800;letter-spacing:-.065em}
.cover[data-category=life] h2,.draw-book.edition-life h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
.cover h2,.cover[data-category] h2{top:18px}.draw-book h3,.draw-book[class] h3{top:15px}
.spread{container-type:inline-size;aspect-ratio:1.415;height:auto;max-height:none;background:white;gap:0;border:1px solid #d5d3cf;box-shadow:0 2px 3px #0001,0 16px 32px #14182420}
.paper{width:50%;padding:3.4% 3.6% 2%;display:flex;flex-direction:column;min-height:0;background:#fff;overflow:hidden}
.paper:last-child{background:#fff;box-shadow:inset 14px 0 18px -18px #0008}
.editorial{flex:1;min-height:0;display:flex;flex-direction:column;gap:0}
.page-meta{font-family:Arial,sans-serif;font-size:1.05cqw;letter-spacing:.14em;padding-bottom:2.2%;border-top:1px solid #292929;padding-top:2%;color:#222}
.paper-foot{font-size:1cqw;letter-spacing:.1em;padding-top:3%;color:#666}
.print-head{padding:4% 0 5%;flex:none}
.print-category{font-size:1cqw;letter-spacing:.16em;margin:0 0 4%;font-family:Arial,sans-serif;font-weight:700}
.print-head h3,.print-layout-journal .print-head h3,.print-layout-gallery .print-head h3,.print-layout-jackpot .print-head h3,#zoomPages .print-head h3{font-family:'Bodoni Moda',Georgia,serif;font-size:4.7cqw;line-height:1.02;letter-spacing:-.04em;font-weight:400;margin:0 0 4%}
.print-head>p,#zoomPages .print-head>p{font-family:Georgia,serif;font-size:1.45cqw;line-height:1.45;font-style:normal;margin:0 0 4%;max-width:100%;color:#444}
.print-byline,#zoomPages .print-byline{font-family:Arial,sans-serif;font-size:.8cqw;letter-spacing:.08em}
.print-body{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:4%;flex:1;min-height:0}
.print-photo{grid-column:1!important;grid-row:auto;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0}
.annotated-photo,.print-photo img{background:#fff}
.print-photo figcaption{font-family:Arial,sans-serif;font-size:.85cqw;line-height:1.4;margin-top:2%;letter-spacing:.02em;color:#777;flex:none}
.print-layout-feature .print-body{grid-template-rows:minmax(0,1fr) auto}.print-layout-feature .photo-hero{grid-row:1}.print-layout-feature .print-quote{grid-row:2;border:0;text-align:left;padding:0 0 2%;font-family:Georgia,serif;font-size:2.2cqw;line-height:1.2;font-style:italic;font-weight:400;margin:0;letter-spacing:-.02em}
.print-layout-journal .print-body{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr)}.print-layout-journal .photo-lead{grid-row:1}.copy-article{grid-column:1;grid-row:2;column-count:2;column-gap:8%}
.print-text,#zoomPages .print-text{font-family:Georgia,serif;font-size:1.25cqw;line-height:1.55;letter-spacing:0;text-align:left;word-break:normal;hyphens:auto;overflow:hidden}
.print-text p{margin:0 0 8%}.print-text b{display:none}.copy-article p:first-child:first-letter{font-size:3.6cqw;float:left;line-height:.85;margin:.12em .1em 0 0;color:#222}
.print-layout-duo .print-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1.7fr) minmax(0,1fr)}.print-layout-duo .photo-hero{grid-row:1}.print-layout-duo .photo-detail{grid-row:2;width:70%;justify-self:end}
.print-layout-gallery .print-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.65fr)}.print-layout-gallery .photo-lead{grid-row:1}.print-layout-gallery .photo-detail{grid-row:2;width:75%}.print-layout-gallery .copy-article{grid-row:3;column-count:1}
.print-layout-jackpot .print-body{grid-template-rows:minmax(0,1fr) auto}.print-layout-jackpot .photo-jackpot{grid-row:1}.copy-jackpot{grid-column:1;grid-row:2;column-count:2;max-height:10cqw}
#zoomPages{container-type:inline-size}.spread:after{background:linear-gradient(90deg,transparent,#0000000d 45%,#00000018 50%,#00000006 55%,transparent);width:4%;left:48%;pointer-events:none}
@media(max-width:700px){.cover h2,.cover[data-category] h2{letter-spacing:-.035em}.stage{height:auto;min-height:360px;padding:18px 0}.paper{padding:3.4% 3.6% 2%}.spread{width:98%}}
/* Choose images for the shape of each editorial slot. */
.print-layout-panorama .print-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5%}
.print-layout-panorama .photo-panorama{grid-column:1!important;grid-row:1;overflow:visible}
.print-layout-panorama .annotated-photo{flex:none;width:100%;aspect-ratio:var(--photo-ratio);background:#fff}
.print-layout-panorama .annotated-photo>img{position:absolute;inset:0}
.print-layout-panorama .copy-article{grid-row:2;column-count:2;column-gap:7%}
.print-layout-panorama .print-head h3{font-size:4.2cqw}
.print-layout-paired .print-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:5%}
.print-layout-paired .photo-pair-first{grid-row:1}.print-layout-paired .photo-pair-second{grid-row:2}
.print-layout-paired .print-head{padding-bottom:4%}
.print-layout-portraits .print-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.5fr) minmax(0,.85fr) auto;gap:4% 5%}
.print-layout-portraits .photo-pair-first{grid-column:1!important;grid-row:1}
.print-layout-portraits .photo-pair-second{grid-column:2!important;grid-row:1}
.print-layout-portraits .copy-pair{grid-column:1/-1;grid-row:2;column-count:2;column-gap:7%}
.print-layout-portraits .print-quote{grid-column:1/-1;grid-row:3;border:0;padding:0;text-align:left;font-size:2cqw;font-style:italic;font-weight:400;line-height:1.25;margin:0;letter-spacing:0}
.print-layout-paired .print-head>p,.print-layout-portraits .print-head>p{font-size:1.35cqw}
.print-layout-paired .print-head h3,.print-layout-portraits .print-head h3{font-size:4.1cqw}
.print-layout-paired .annotated-photo,.print-layout-portraits .annotated-photo{background:white}
.print-photo figcaption{white-space:normal;overflow:hidden;max-height:2.5em}