/* Design 02: the paper ranking world. All original card SVGs are retained. */
:root{--bg:#151127;--panel:#251e39;--purple:#bda4ed;--lime:#f0cf77;--ink:#f5f0e8;--muted:#aea0ba;--line:#bfa4d326;color-scheme:dark}body{background:#151127;color:var(--ink);background-image:none!important;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-2;background:url('assets/rank-world.webp') center center/cover no-repeat;pointer-events:none}body:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#15112745,#15112705 45%,#100d21c9);pointer-events:none}body:not(.lobby-active):after{background:linear-gradient(#151127b0,#151127d6)}.stage-wrap{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}.stage-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;padding:0;position:relative;z-index:5}.stage-wrap>.stage-header{margin:0 38px}.stage-header .brand{font-size:32px;gap:9px;align-items:center;position:relative;padding-bottom:14px;color:#f1e7ce;text-shadow:0 2px 10px #100c1c}.stage-header .brand span{position:absolute;top:40px;right:3px;border:0;margin:0;padding:0;color:#b5a4ad;font-size:9px;white-space:nowrap}.stage-header .brand i:before,.stage-header .brand i:after{background:#f0d594}.stage-header .brand i:after{box-shadow:-16px 0 #f0d594}.stage-header nav{direction:rtl;gap:9px}.design-badge{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.2px;color:#c1afc9;border:1px solid #d0b7d52b;background:#231b36a0;border-radius:30px;padding:7px 13px;position:absolute;left:50%;transform:translateX(-50%);top:29px;backdrop-filter:blur(8px)}.design-badge i{width:5px;height:5px;border-radius:50%;background:#f0cf77;box-shadow:0 0 10px #f0cf7755}.comparison-link,.stage-icon,.stage-header .sound-toggle{display:flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;background:#1c172eb3;border:1px solid #bba3ca33;border-radius:9px;color:#cfbfd7;font-size:10px;backdrop-filter:blur(8px)}.stage-header .sound-toggle .sound-text{display:none}.stage-header .sound-toggle{min-width:39px}.stage-icon{width:39px;padding:8px}.stage-icon .ui-symbol{width:19px;height:19px}.comparison-link:hover,.stage-icon:hover{border-color:#c2a8ee;color:white}.game-lobby{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:620px;padding:20px 24px 48px;isolation:isolate}.lobby-center{width:410px;max-width:100%;text-align:center;position:relative;z-index:3}.lobby-eyebrow{color:#c3accb;font-size:11px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.lobby-eyebrow:before,.lobby-eyebrow:after{content:'';width:28px;height:1px;background:#bba1bf55}.lobby-title{font-size:104px;line-height:1.17;display:flex;align-items:baseline;justify-content:center;gap:17px;font-weight:900;margin:13px -15px 4px;color:#f3dc9d;text-shadow:0 4px 0 #775c73,0 8px 0 #372c50,0 15px 25px #09061166;letter-spacing:-4px}.lobby-title>span{font-size:98px}.lobby-title>b{font:900 128px/1 Thmanyah,Arial,sans-serif;letter-spacing:-9px;direction:ltr;color:#c5b1f1;text-shadow:0 4px 0 #706087,0 8px 0 #322a4b,0 15px 25px #08061566}.lobby-tagline{font-size:20px;color:#f0e1d8;margin:18px 0 7px;line-height:1.8}.lobby-rule{font-size:11px;line-height:1.9;color:#b9a6bf}.lobby-actions{display:grid;gap:12px;margin-top:29px}.lobby-start,.lobby-resume{width:100%;min-height:62px;border-radius:13px;font-size:20px;font-weight:700;letter-spacing:0;padding:13px 22px;box-shadow:inset 0 0 0 3px #f8e8b133,0 5px 0 #674864,0 10px 24px #09061150;transition:transform .15s,filter .15s}.primary{background:linear-gradient(140deg,#f5da92,#dfba6a);border:1px solid #ffe9ae;color:#2d2340;box-shadow:inset 0 1px 0 #fff5,0 3px 0 #725c57}.primary:hover:not(:disabled){background:linear-gradient(140deg,#ffe7ab,#ecc777);transform:translateY(-2px)}.lobby-resume{min-height:57px;background:linear-gradient(145deg,#615073,#40304f);border:1px solid #b696bb;color:#e7dced;font-size:18px;box-shadow:inset 0 0 0 3px #c7afcf15,0 5px 0 #271d3a,0 10px 24px #09061140}.secondary{border-color:#b59ac054;background:#2e2342a6;color:#d7c5df;box-shadow:inset 0 1px 0 #eee1ff09}.secondary:hover:not(:disabled){background:#483453}.lobby-start:hover:not(:disabled),.lobby-resume:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.lobby-start:active:not(:disabled),.lobby-resume:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #39273e}.lobby-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.lobby-shortcuts button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b99ac73d;background:#21182dd9;color:#c8b6d2;min-height:45px;border-radius:9px;padding:8px 5px;font-size:10px;box-shadow:0 3px 0 #15102480}.lobby-shortcuts button:hover{background:#42304d;border-color:#bea5d5}.lobby-shortcuts .ui-symbol{width:16px;height:16px}.lobby-facts{display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;color:#ab94b7;margin:25px 0 0}.lobby-facts i{width:3px;height:3px;border-radius:50%;background:#ae8f9b}.lobby-character{position:absolute;z-index:2;width:clamp(210px,24vw,365px);height:clamp(280px,32vw,470px);top:50%;pointer-events:none;filter:drop-shadow(0 22px 18px #09081777)}.lobby-character>.top-character{width:100%;height:100%;position:relative;z-index:2}.lobby-one{left:clamp(10px,5vw,95px);transform:translateY(-35%) rotate(-5deg)}.lobby-ten{right:clamp(0px,4vw,80px);transform:translateY(-37%) rotate(5deg)}.cast-aura{position:absolute;inset:20% 0 -3%;border-radius:50%;background:radial-gradient(ellipse,#c0a6ef22,transparent 68%);filter:blur(12px)}.lobby-ten .cast-aura{background:radial-gradient(ellipse,#f4ce7830,transparent 68%)}.cast-caption{position:absolute;z-index:3;bottom:-5px;left:50%;transform:translateX(-50%);background:#20172fdc;border:1px solid #bba2c347;border-radius:24px;padding:7px 12px;font-size:10px;white-space:nowrap;color:#c3acd3;box-shadow:0 5px 20px #0003}.lobby-ten .cast-caption{color:#e8c984;border-color:#dfbc6b3d}.stage-footer{min-height:105px;padding:18px 32px 21px;display:flex;align-items:center;justify-content:center;gap:25px;color:#a48fae;font-size:9px;border-top:1px solid #b99ac71d;background:linear-gradient(transparent,#100c20b3);position:relative;z-index:3;margin:0}.stage-footer>a{font-size:9px;color:#bdabc9;border-bottom:1px solid #b7a1c032}.lobby-score-rule{display:flex;align-items:center;gap:14px}.lobby-score-rule b{font:11px Thmanyah;color:#c9b3f2;margin-right:5px}.lobby-score-rule>span:last-child b{color:#e9ce87}.score-dots{color:#8d769e;letter-spacing:2px}.stage-cast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:25px 0}.stage-cast-grid button{background:none;border:1px solid #baa1c12a;border-radius:10px;padding:10px 4px;color:var(--cast-color)}.stage-cast-grid button:hover{background:#bba2ee0b;border-color:var(--cast-color)}.stage-cast-grid button>span{display:block;height:115px}.stage-cast-grid .top-character{width:100%;height:100%}.stage-cast-grid b{display:block;font-size:12px;margin-top:6px}.stage-cast-grid small{display:block;font-size:9px;color:#a394b7;margin-top:3px}.dialog:has(.stage-cast-grid){max-width:780px}.dialog:has(.curated-categories){max-width:950px}.dialog .curated-categories{margin-bottom:0}.dialog .curated-categories .section-top h2{font-size:29px}.dialog .curated-categories .category-card{background:linear-gradient(145deg,#34253d,#221a32);border-color:#ad8fbd38}
/* The second identity follows through into setup, draw and the game itself. */
.backdrop{background:#0c0719b8;backdrop-filter:blur(9px)}.dialog{background:linear-gradient(135deg,#342840f5,#201b32fa);border-color:#bba2c85e;border-radius:20px;box-shadow:0 25px 100px #06030cb3,inset 0 1px 0 #f0d4ff12}.dialog .close,.dialog-sound .sound-toggle{background:#b59bcc13;border-color:#b59bcc25;color:#d0badb;border-radius:8px}.dialog input:not([type=radio]):not([type=checkbox]),.dialog select,.easy-setup select,.easy-setup input:not([type=radio]):not([type=checkbox]){background:#171427;border-color:#9b83ad66}.dialog h2{color:#eee4f5}.choice-tiles label{background:linear-gradient(145deg,#3b2c4a,#201a33);border-color:#a88ebe66}.choice-tiles label:has(input:checked){background:linear-gradient(145deg,#d0b4f5,#a185cc);border-color:#eedaff}.setup-aids label{background:#241c35;border-color:#a88ebe66}.setup-aids label:has(input:checked){background:#c4a3eb23;border-color:#d4b7ef}.mode-segments{background:#181326;border-color:#a88ebe66}.mode-segments label:has(input:checked) span,.mode-segments>button[aria-pressed=true]{background:#c2a4e6;color:#2d2040}.draw-dialog .team-draw-card{background:linear-gradient(145deg,#3f2e4e,#241d37);border-color:#a88ebe55;border-radius:15px}.draw-dialog .draw-landed{border-color:#bc9fd7}.draw-dialog .draw-landed:nth-child(2){border-color:#e5c37b}.draw-dialog .draw-power>b,.draw-power-head>small{color:#eed18a}.playing .wrap{max-width:1240px}.playing .stage-header{height:80px;border-bottom:1px solid #b99ac726}.playing .stage-header .brand{font-size:28px}.playing .stage-header .brand span{top:35px}.playing .design-badge{top:21px}.playing .game-top h1{color:#e9def0}.team-score,.ranking-panel,.team-standing,.round-log,.game-layout .turn-panel.answer-console{background:linear-gradient(125deg,#34273ee8,#211b33ee);border-color:#b99bc239;border-radius:13px;box-shadow:inset 0 1px 0 #dfc9e509,0 8px 25px #09071326}.team-score.active{border-color:#c4a8e5;box-shadow:inset 3px 0 0 #c4a8e5}.team-score.team-1.active{border-color:#e3c17b;box-shadow:inset 3px 0 0 #e3c17b}.question-banner{background:linear-gradient(105deg,#47324be8,#2e263ee8);border-color:#bba2c852;border-radius:13px}.question-banner:before{background:#d9b974}.game-layout .turn-panel.answer-console input{background:#191429;border-color:#a891bd88}.game-layout .turn-panel.answer-console input:focus{border-color:#e1cbf7;outline-color:#bda4ed44}.rank-card{background:linear-gradient(140deg,#3b2b47,#211c34);border-color:#9d80b44d;box-shadow:inset 0 1px 0 #f0d4ff08,0 3px 0 #120e2280}.rank-card.hit{background:linear-gradient(140deg,#55415b,#33263f);border-color:#cfb3e2}.rank-card.jackpot{border-color:#e4c07966}.rank-card.jackpot.hit{background:linear-gradient(140deg,#69523e,#3d2d37);border-color:#efd08b}.rank-number{color:#c1a6d7}.timer{color:#eed38c}.team-hint{background:#e9c77a0a;border-color:#d8b77747;color:#d9bd87}.round-end-actions>.primary{box-shadow:0 3px 0 #725c57}.results .final-scores>div{background:linear-gradient(140deg,#3a2d44eb,#231d35ed);border-color:#b79ac447;box-shadow:0 6px 0 #17112488}.results h1{color:#e8d7f6}.results .final-scores b{color:#ead08c}body:not(.lobby-active) footer:not(.stage-footer){border-color:#bfa4d326;color:#a48fae}.playing .error-lights i{background:#e8c982}.playing .game-bottom{color:#ab98b5}.playing .game-flow{border-color:#bca2c52b}.playing .game-flow>span.current{color:#edcf88}
@media(min-width:1600px){.game-lobby{min-height:720px}.lobby-character{width:390px;height:500px}.lobby-one{left:10vw}.lobby-ten{right:9vw}.lobby-center{width:440px}.lobby-title{font-size:115px}.lobby-title>b{font-size:140px}}
@media(max-width:1100px){.lobby-character{width:245px;height:327px}.lobby-one{left:0}.lobby-ten{right:-4px}.lobby-center{width:360px}.lobby-title>span{font-size:88px}.lobby-title>b{font-size:112px}.lobby-tagline{font-size:18px}.lobby-start{font-size:18px}.stage-header .comparison-link{font-size:9px}.stage-footer{gap:17px}.game-lobby{min-height:580px}}
@media(max-width:820px){.lobby-character{opacity:.92;width:200px;height:265px;top:auto;bottom:35px}.lobby-one{left:-55px;transform:rotate(-9deg)}.lobby-ten{right:-45px;transform:rotate(8deg)}.lobby-center{width:350px}.cast-caption{display:none}.lobby-facts{margin-top:23px}.stage-header .design-badge{position:static;transform:none;font-size:8px;padding:6px 10px;white-space:nowrap}.stage-header .comparison-link{display:none}.stage-wrap>.stage-header{margin-inline:23px}.stage-footer{min-height:100px;flex-wrap:wrap;column-gap:17px;row-gap:10px}.lobby-score-rule{flex:0 0 100%;justify-content:center}.playing .design-badge{display:none}}
@media(max-width:600px){body:before{background-position:center;background-size:auto 100svh;background-repeat:repeat-y}body:after{background:linear-gradient(#15112780,#15112738 40%,#15112790)}.stage-wrap{min-height:100svh}.stage-wrap>.stage-header{margin:0 18px;height:82px}.stage-header .brand{font-size:27px;gap:7px;padding-bottom:13px}.stage-header .brand i{transform:scale(.8);transform-origin:right center}.stage-header .brand span{top:35px;right:1px;font-size:7px}.stage-header nav{gap:6px}.stage-icon,.stage-header .sound-toggle{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;border-radius:7px}.design-badge{font-size:7px!important;gap:6px;padding:6px 8px!important}.design-badge i{width:4px;height:4px}.game-lobby{min-height:0;padding:14px 24px 135px;align-items:center;flex:1}.lobby-center{width:350px;max-width:100%;margin:auto}.lobby-eyebrow{font-size:9px;gap:8px}.lobby-eyebrow:before,.lobby-eyebrow:after{width:18px}.lobby-title{gap:13px;letter-spacing:-2px;margin:15px 0 9px;line-height:1.1}.lobby-title>span{font-size:73px}.lobby-title>b{font-size:98px;letter-spacing:-7px}.lobby-tagline{font-size:16px;margin:17px 0 6px}.lobby-rule{font-size:9px}.lobby-actions{margin-top:24px;gap:11px}.lobby-start,.lobby-resume{min-height:53px;font-size:17px;padding:10px 15px;border-radius:11px}.lobby-resume{min-height:49px;font-size:15px}.lobby-shortcuts{gap:6px;margin-top:4px}.lobby-shortcuts button{font-size:9px;min-height:41px;gap:5px;padding:6px 3px}.lobby-shortcuts .ui-symbol{width:14px;height:14px}.lobby-facts{font-size:8px;gap:11px;margin-top:22px}.lobby-character{width:139px;height:178px;bottom:0;top:auto;opacity:.95;filter:drop-shadow(0 9px 12px #0c071b88)}.lobby-one{left:-13px;transform:rotate(-12deg)}.lobby-ten{right:-3px;transform:rotate(9deg)}.stage-footer{min-height:95px;padding:15px 18px 20px;font-size:8px;gap:9px 14px;background:linear-gradient(#15112733,#100c20dd)}.stage-footer>a{font-size:8px}.lobby-score-rule{gap:12px;font-size:8px}.lobby-score-rule b{font-size:10px}.score-dots{font-size:8px}.stage-cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.stage-cast-grid button{padding:9px 4px}.stage-cast-grid button>span{height:95px}.stage-cast-grid b{font-size:11px}.stage-cast-grid small{font-size:8px}.dialog:has(.stage-cast-grid) h2{font-size:23px}.dialog:has(.stage-cast-grid) .sub{font-size:10px}.dialog .curated-categories .section-top h2{font-size:23px}.dialog .curated-categories .section-top{align-items:start;gap:10px}.dialog .curated-categories .counter{font-size:8px;padding:6px}.dialog .curated-categories .category-card{min-height:170px}.playing .stage-header{height:68px}.playing .stage-header .brand{font-size:25px}.playing .stage-header .brand span{top:34px;font-size:7px}.playing .stage-header nav{gap:6px}.playing .stage-header .design-badge{display:none}.playing .game-main{padding-top:15px}.playing .question-banner h2{font-size:23px}.playing .ranking-panel{padding:14px 11px}.playing .rank-card{min-height:64px}.playing .game-top .game-actions .btn{font-size:8px}.playing .game-top h1{font-size:17px}}
@media(max-height:760px) and (min-width:821px){.stage-header{height:80px}.stage-wrap>.stage-header .design-badge{top:22px}.game-lobby{min-height:500px;padding:8px 24px 30px}.lobby-title>span{font-size:80px}.lobby-title>b{font-size:104px}.lobby-actions{margin-top:20px}.lobby-tagline{margin-top:12px}.lobby-start{min-height:53px}.lobby-resume{min-height:49px}.stage-footer{min-height:80px;padding-block:14px}.lobby-character{height:350px;width:270px}}
@media(max-width:600px){.game-lobby:before{content:'';position:absolute;left:0;right:0;bottom:0;height:205px;background-image:linear-gradient(#151127,transparent 55%),url('assets/rank-world.webp');background-size:100% 100%,cover;background-position:center,bottom center;opacity:.85;pointer-events:none;z-index:0}}
@media(prefers-reduced-motion:reduce){.lobby-character .top-character,.lobby-character .char-face{animation:none!important}.lobby-start,.lobby-resume{transition:none}}