@import url('/style.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#f6f1e8;background:#18151c;--line:#39313e;--muted:#b7abbc;--acid:#dfed8a;--pink:#eea5c1}body{background:radial-gradient(ellipse at 90% 0%,#39273855,transparent 45%),#18151c}button,input,select,textarea{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}a,button{-webkit-tap-highlight-color:transparent}.topbar{max-width:1440px;padding:25px 42px;gap:24px}.brand{font-weight:950;font-size:38px;letter-spacing:-3px;line-height:1}.brand span{color:var(--acid);padding-left:5px}.wordmark{font:9px/1.7 'Courier New',monospace;letter-spacing:1.4px;margin-right:auto;color:var(--muted)}main{max-width:1300px;padding:0 42px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:55px 0 45px}.eyebrow{display:block;font:10px/1.6 'Courier New',monospace;letter-spacing:1.4px;color:var(--muted)}h1{font-size:clamp(56px,7vw,92px);line-height:.96;letter-spacing:-5px;margin:23px 0;font-weight:850}h1 em{font-family:Georgia,serif;color:var(--acid);font-weight:400}.lede{font-size:14px;line-height:1.8;color:#bfb4c4}.club-card{padding:22px 25px;text-align:center;position:relative;background:#25202b;border:1px solid #403345;border-radius:4px;transform:rotate(2deg)}.stamp{font:9px 'Courier New',monospace;letter-spacing:2px;color:var(--pink)}.club-card p{font-size:13px;margin:18px 0 10px;color:#d5cbd9}.club-card strong{color:var(--acid)}.micro{font:8px 'Courier New',monospace;letter-spacing:1px;color:#a99caf}.cover-fan{display:flex;justify-content:center;height:148px;margin-top:26px;padding:0 12px}.cover-fan img{width:96px;height:140px;object-fit:cover;border:4px solid #f4f0e6;box-shadow:0 8px 18px #0006;margin:0 -9px;transform:rotate(-10deg)}.cover-fan img:nth-child(2){transform:rotate(4deg) translateY(-7px)}.cover-fan img:nth-child(3){transform:rotate(13deg)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px}.tabs button{padding:20px 0;border:0;border-bottom:3px solid transparent;background:none;color:#887c90;font:10px 'Courier New',monospace;white-space:nowrap}.tabs span{font:15px Arial,sans-serif;margin-left:10px;color:#b8aebe}.tabs button[aria-current=page]{border-bottom-color:var(--acid);color:var(--acid)}.tabs button[aria-current=page] span{color:#fff}.view{padding:28px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:6px 0}.section-heading .eyebrow{margin:0}.badge{font:10px 'Courier New',monospace;color:var(--acid);border:1px solid #66703f;padding:8px 12px;border-radius:30px}.quiet,.primary{border:1px solid #56475e;background:#29222f;color:#ece2f2;padding:12px 15px;border-radius:4px;font-size:12px;display:inline-block;width:auto;text-align:center;box-shadow:none;cursor:pointer}.quiet:hover{background:#403346}.primary{background:var(--acid);border-color:var(--acid);color:#202315;font-weight:bold;font-size:12px;letter-spacing:.5px;padding:15px 20px}.primary:hover{background:#f1ffa4}.primary span{margin-left:20px}.draw-options,.filterbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.draw-options>label{flex:1}.draw-options .primary{min-height:45px}label{display:block;font-size:11px;color:#cfc2d5;line-height:1.6}select,input:not([type=checkbox]):not([type=color]):not([type=file]),textarea{width:100%;margin-top:5px;border:1px solid #514258;background:#211c27;color:#f4eaf9;border-radius:4px;padding:12px;font-size:13px}select{cursor:pointer}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--acid)}.hint{font-size:11px;color:var(--muted);line-height:1.7}.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.session-card{background:#26202c;border:1px solid #45364d;padding:23px;border-radius:6px}.session-card .owner{display:flex;justify-content:space-between;align-items:center;font:11px 'Courier New',monospace;letter-spacing:2px;color:var(--pink);padding-bottom:17px;border-bottom:1px solid #493950}.session-content{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:22px 0}.session-card h3{font-size:23px;letter-spacing:-.6px;margin:0 0 15px;line-height:1.15;overflow-wrap:anywhere}.session-card .cover{height:178px;width:120px}.session-card .quiet{font-size:11px;margin-top:12px}.session-actions{display:flex;flex-wrap:wrap;gap:7px}.session-actions button{flex:1}.session-card .verdict{font-size:12px;color:var(--acid)}.cover{width:100%;aspect-ratio:2/3;object-fit:cover;background:#392b43;border-radius:3px}.cover-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #665073;color:#ab94b6;background:repeating-linear-gradient(135deg,#302537,#302537 8px,#33283a 8px,#33283a 9px);text-align:center;gap:12px}.cover-empty strong{font:italic 55px Georgia,serif;color:var(--pink)}.cover-empty span{font-size:9px;padding:8px;line-height:1.4}.empty-slot{padding:32px 0;display:flex;justify-content:center;align-items:center;gap:30px;min-height:230px}.empty-slot p{font:italic 23px/1.4 Georgia,serif;max-width:180px;color:#9f8fa9}.empty-slot .cover{width:110px;height:160px}.rules{border-top:1px solid var(--line);padding:15px 0;font-size:12px;color:#b7abbf;margin-top:20px}.rules summary{font-weight:bold;color:#dbcfe3}.rules p{max-width:780px}.rules p,.history-line{line-height:1.8}.filterbar{margin-bottom:20px}.filterbar>input{flex:1;min-width:150px;margin-top:0}.filterbar select{min-width:130px;width:auto}.filterbar label{flex:0 0 auto}.tier-row{display:grid;grid-template-columns:155px 1fr;border:1px solid #46364e;margin-top:-1px;min-height:151px;background:#221c28}.tier-label{color:#261e2b;padding:17px 13px;display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:15px;font-weight:bold;overflow-wrap:anywhere}.tier-label small{font:9px 'Courier New',monospace;opacity:.75}.tier-shelf{padding:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;min-width:0}.tier-row.drag-over{outline:3px solid var(--acid);outline-offset:-3px}.manga-tile{position:relative;background:none;border:0;color:inherit;padding:0;text-align:left;width:78px;flex:0 0 78px}.manga-tile .cover{height:112px;width:78px;border-radius:2px;display:flex}.manga-tile .tile-title{display:block;font-size:9px;line-height:1.3;margin-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:25px}.manga-tile:hover{transform:translateY(-3px)}.manga-tile .reader{position:absolute;top:4px;left:4px;background:#18151ce6;border-radius:3px;padding:3px 4px;color:#fff;font:8px 'Courier New',monospace}.manga-tile .cover-empty strong{font-size:32px}.manga-tile .cover-empty span{font-size:7px}.shelf{display:flex;gap:12px;flex-wrap:wrap}.unranked{margin-top:25px}.unranked h3{font-size:14px}.library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.library-card .manga-tile{width:100%}.library-card .cover{width:100%;height:auto;aspect-ratio:2/3}.library-card .tile-title{font-size:12px;max-height:34px;margin-top:10px}.library-card .reader{font-size:10px}.library-meta{font-size:10px;color:#ad9ab8;line-height:1.7;margin-top:6px}.catalogue-title{margin-top:45px}.catalogue-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.catalogue-result{border:1px solid var(--line);padding:14px;display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:12px}.catalogue-result button{flex-shrink:0}.catalogue-result select{font-size:11px;padding:5px}.catalogue-result .add-controls{display:flex;gap:7px;align-items:center}footer{margin-top:35px;padding:26px 0}footer>span:first-child{font:900 22px Arial;color:var(--acid)}footer>span{font-size:9px;color:#aa9db5}.error,#notice{color:#ffb0bb;line-height:1.6;font-size:12px}#notice:empty{display:none}#notice{padding:14px 0}dialog{background:#241c2b;color:#f3ebf8;border:1px solid #6b5176;border-radius:8px;width:min(780px,94vw);max-height:90vh;padding:27px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#100b16cc;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:23px;margin:0}.close{background:none;border:0;color:#e6d7ef;font-size:30px;line-height:1;padding:0 5px}.entry-layout{display:grid;grid-template-columns:180px 1fr;gap:25px}.editor-cover .cover{width:180px;height:266px}.entry-layout label{margin-bottom:13px}.entry-layout .quiet{font-size:10px;margin:8px 0}.two-fields{display:flex;gap:12px}.two-fields label{flex:1}.upload-label{margin-top:15px;font-size:11px;color:var(--pink)}.upload-label input{display:block;font-size:11px;margin-top:7px;max-width:100%}.button-row{display:flex;gap:8px;flex-wrap:wrap}.tier-field{display:flex;align-items:center;gap:14px;margin-bottom:10px}.tier-field input[type=color]{width:42px;height:40px;border:0;background:none;padding:0}.tier-field input[type=text]{margin:0}#entry-form>.primary{width:100%;margin-top:10px}#settings-dialog p{font-size:12px;line-height:1.7}#settings-dialog .filterbar{margin-top:20px}#settings-dialog h3{margin-top:30px}.session-card.pending{animation:pulse .4s infinite alternate}@keyframes pulse{to{opacity:.4;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.hero{gap:25px}h1{font-size:70px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.session-content{grid-template-columns:90px 1fr;gap:14px}.session-card .cover{width:90px;height:137px}.session-card h3{font-size:20px}.session-card{padding:17px}}@media(max-width:650px){.topbar{padding:20px;gap:16px}.wordmark{display:none}.topbar .quiet{margin-left:auto;font-size:10px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}h1{font-size:70px}.club-card{transform:none;padding:17px}.cover-fan{height:115px;margin-top:17px}.cover-fan img{height:110px;width:75px}.tabs{gap:20px}.tabs span{font-size:13px;margin-left:5px}.session-grid{grid-template-columns:1fr}.draw-options{gap:10px}.draw-options>label{min-width:140px}.draw-options>.primary{width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:25px}.tier-row{grid-template-columns:95px 1fr}.tier-label{font-size:12px;padding:12px 8px}.tier-shelf{padding:10px;gap:9px}.manga-tile{width:65px;flex-basis:65px}.manga-tile .cover{width:65px;height:95px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.entry-layout{grid-template-columns:1fr}.editor-cover .cover{height:160px;width:110px}.entry-layout>div:first-child{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.entry-layout>div:first-child .hint{max-width:180px}.editor-cover{margin-right:12px}.entry-layout>div:first-child .upload-label{width:100%}.catalogue-results{grid-template-columns:1fr}.filterbar{gap:10px}.filterbar label,.filterbar>select{flex:1}footer>span:nth-child(2){display:none}dialog{padding:20px}}@media print{body{background:white;color:black}.topbar,.hero,.tabs,.filterbar,.hint,footer,#notice,.unranked,dialog{display:none!important}main{padding:0;max-width:none}.view{display:none!important}#view-tiers{display:block!important}.section-heading button{display:none}.tier-row{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.tier-shelf{background:#eee;color:#222}.tier-label{print-color-adjust:exact;-webkit-print-color-adjust:exact}.tier-row{grid-template-columns:120px 1fr}.manga-tile .cover{height:92px;width:64px}.manga-tile{width:64px;flex-basis:64px}}
/* Two-stage page roulette */
.page-machine{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 32px;padding:26px 32px;border:1px solid #67517b;border-radius:8px;background:radial-gradient(ellipse at 95% 60%,#56365766,transparent 65%),#261f2e;overflow:hidden;position:relative}.step-tag{font:10px 'Courier New',monospace;letter-spacing:1.6px;color:var(--pink)}.page-machine p{font-size:24px;line-height:1.35;letter-spacing:-.6px;margin:13px 0}.page-machine em{font-family:Georgia,serif;color:var(--acid);font-weight:normal}.page-dial{min-width:180px;position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid #655073;background:#18121fcc;padding:17px 28px;border-radius:9px;box-shadow:0 8px 0 #110d16,inset 0 0 25px #0004;transform:rotate(3deg)}.page-dial>span:first-child{font:9px 'Courier New',monospace;letter-spacing:4px;color:#aa96b6}.page-dial strong{font:italic 78px/1.1 Georgia,serif;color:var(--acid);font-variant-numeric:tabular-nums;text-shadow:0 0 24px #dfed8a22}.dial-line{position:absolute;top:55%;width:100%;border-top:1px solid #ac91bd22}.rolling .page-dial{animation:dial-rattle .12s infinite alternate}.rolling .page-dial strong{filter:blur(.5px);color:#f1b8d8}.rolling:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#dfed8a13 48%,transparent 65%);animation:dial-light .6s infinite}.choice-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.choice-heading h3{font-size:27px;letter-spacing:-.8px;margin:10px 0}.choice-heading p{max-width:600px}.choice-heading button{flex-shrink:0}.page-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 15px}.page-candidate{position:relative;min-width:0;background:#27202d;border:1px solid #4c3959;border-radius:6px;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column;gap:8px}.page-candidate .cover{aspect-ratio:2/3;width:100%;height:auto}.page-candidate .cover-empty{min-height:155px}.page-candidate h4{font-size:12px;line-height:1.45;overflow-wrap:anywhere;margin:3px 0 0}.candidate-link{font-size:10px;color:#b5a1bf;display:block;margin-top:auto;padding:4px 0}.candidate-link:hover{text-decoration:underline}.candidate-pick{font-size:10px;line-height:1.4;background:#393047;border:1px solid #655176;border-radius:4px;color:#eae0f3;padding:10px 6px;width:100%;cursor:pointer}.candidate-pick:hover:enabled{background:var(--acid);color:#22271a;border-color:var(--acid)}.page-candidate.unavailable{opacity:.5}.page-candidate.chosen{opacity:1;border-color:var(--acid);background:#2e3022}.page-candidate.chosen .candidate-pick{color:var(--acid);opacity:1;border:0;background:none}.page-candidate.spotlight{transform:translateY(-9px) rotate(-2deg);border-color:var(--pink);box-shadow:0 0 0 3px #eea5c155,0 14px 30px #0007;z-index:1}.page-candidate.winner{animation:card-winner .5s ease-out both;z-index:2;border-color:var(--acid);box-shadow:0 0 0 4px #dfed8a55,0 12px 45px #dfed8a33}.revealing .page-candidate{animation:card-reveal .55s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--card-delay,0ms)}#page-choice{scroll-margin-top:22px}#choice-status{font-size:12px;color:var(--acid);min-height:20px;padding:12px 0}#page-choice[aria-busy=true] .candidate-pick{opacity:.4}.cover-progress{display:flex;flex-direction:column;gap:9px;padding:12px 0 20px;font-size:11px;color:var(--acid)}.cover-progress progress{width:100%;height:10px;accent-color:var(--acid)}@keyframes dial-rattle{from{transform:rotate(2deg) translateY(-2px)}to{transform:rotate(4deg) translateY(2px)}}@keyframes dial-light{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes card-reveal{from{opacity:0;transform:perspective(700px) rotateY(65deg) translateY(25px)}to{opacity:1;transform:perspective(700px) rotateY(0) translateY(0)}}@keyframes card-winner{0%{transform:scale(1)}55%{transform:scale(1.07) rotate(2deg)}100%{transform:scale(1.025)}}@media(max-width:1000px){.page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-heading{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.page-machine{padding:20px;gap:15px;align-items:flex-start}.page-machine p{font-size:19px}.page-dial{min-width:100px;padding:15px 10px;margin-top:30px}.page-dial strong{font-size:50px}.step-tag{font-size:9px;letter-spacing:1px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.choice-heading h3{font-size:23px}.choice-heading button{width:100%}.page-candidate .cover-empty{min-height:155px}.page-candidate h4{font-size:12px}.candidate-pick{min-height:40px}.session-actions{display:grid;grid-template-columns:1fr 1fr}.session-actions .primary{min-height:45px}.page-machine .hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.page-candidate{transition:none!important}.page-candidate.spotlight,.page-candidate.winner{transform:none!important}}
.restart-actions{margin:24px 0}.restart-actions button{border:1px solid var(--pink);color:var(--pink);padding:13px 20px}.restart-actions .hint{max-width:620px;line-height:1.6}
.draw-options #resume-game{min-height:45px;border-color:var(--acid);color:var(--acid)}#menu-progress{flex-basis:100%;margin:0}#menu-return{position:fixed;right:24px;bottom:24px;z-index:20;border-color:var(--acid);color:var(--acid);background:#241d2cf2;box-shadow:0 8px 28px #0009}#menu-return:hover{background:#393046}#menu-return[hidden],#resume-game[hidden],#menu-progress[hidden]{display:none}#view-draw[data-screen=menu] #page-machine,#view-draw[data-screen=menu] #page-choice,#view-draw[data-screen=menu] .restart-actions,#view-draw[data-screen=menu] #session,#view-draw[data-screen=menu] #session-summary,#view-draw[data-screen=menu] .rules{display:none}@media(max-width:650px){#menu-return{right:16px;bottom:16px}.draw-options #resume-game{width:100%}}
.vote-reveal{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.vote-reveal[hidden]{display:none}.vote-reveal p{background:#38283c;border:1px solid #8b5a78;color:#f6d6e5;padding:12px 15px;border-radius:5px;margin:0;font-size:12px}.candidate-meta{font-size:10px;color:#cfc1d4}.candidate-tags{display:flex;flex-wrap:wrap;gap:4px}.candidate-tags span{border:1px solid #6d5978;border-radius:12px;padding:3px 6px;background:#33293c}.candidate-summary{margin-top:5px}.candidate-summary summary{cursor:pointer;color:var(--acid)}.candidate-summary p{line-height:1.5;max-height:180px;overflow:auto}.restart-actions #undo-choice{border-color:var(--acid);color:var(--acid)}
.topbar{flex-wrap:wrap}.topbar #club-label{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar #club-open,.topbar #settings-open{flex-shrink:0}#auth-dialog,#club-dialog{max-width:470px;width:calc(100vw - 32px)}#auth-dialog form,#club-dialog form{display:grid;gap:12px;margin-top:18px}#auth-dialog .button-row{display:flex;gap:10px;flex-wrap:wrap}#club-dialog form{border-top:1px solid var(--line);padding-top:15px}#club-account,#club-invite{overflow-wrap:anywhere}#player-pages{font-size:12px;line-height:1.6!important;letter-spacing:0!important}@media(max-width:650px){.topbar{gap:9px;padding:16px}.topbar .wordmark{flex:1}.topbar #club-label{order:5;max-width:100%;flex-basis:100%}.topbar #club-open,.topbar #settings-open{padding:9px;font-size:10px}}
[hidden]{display:none!important}