:root{color-scheme:dark;--bg:#111019;--card:#1b1925;--edge:#35303e;--gold:#e0bc77;--purple:#ac8de1;--text:#f2ede6;--muted:#aaa4b5;--green:#87c4a4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#4a2e6c33,transparent 55%),radial-gradient(ellipse at 0% 90%,#8e623019,transparent 50%);z-index:-1}.shell{max-width:1320px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--edge);gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold);font-weight:800;letter-spacing:2px;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.topright{display:flex;align-items:center;gap:20px}.status{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.status.live{color:var(--green)}.status.live:before{content:'●';margin-right:8px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:700;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:65px 0 50px}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,5.3vw,76px);line-height:1.02;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-weight:400;color:var(--gold)}.hero .intro{max-width:420px;color:var(--muted);font-size:16px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pill{border:1px solid var(--edge);border-radius:30px;padding:5px 11px;font-size:11px;color:#d4cbdc}.primary,.secondary,.quiet,button{font:inherit;cursor:pointer}button{border:1px solid var(--edge);border-radius:9px;padding:11px 16px;background:#25212f;color:var(--text);transition:background .15s,transform .15s}button:hover:not(:disabled){background:#342b43;transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--gold);color:#211a12;font-weight:750;border-color:var(--gold);padding:14px 23px}.primary:hover:not(:disabled){background:#f1cf8d}.secondary{background:#31253f;border-color:#795795;color:#e7d6ff}.quiet{background:transparent;border-color:transparent;color:var(--muted);padding:7px 0;font-size:12px}.quiet:hover:not(:disabled){background:transparent;color:var(--text)}.hint{font-size:12px;color:var(--muted);margin-top:15px}.hero-art{position:relative;min-height:380px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #b592d423;border-radius:50%;width:350px;height:350px}.orbit:after{content:'';position:absolute;inset:26px;border-radius:50%;border:1px dashed #b592d423}.sample{position:relative;padding:32px;background:linear-gradient(135deg,#292132,#16141e);border:1px solid #76588e;border-radius:19px;width:280px;min-height:310px;box-shadow:0 25px 80px #0008;transform:rotate(-7deg);text-align:center}.sample .eye{width:75px;height:75px;margin:14px auto}.sample h3{font:30px Georgia,serif;color:#e4d4fb;margin:13px 0}.sample p{font-size:11px;letter-spacing:2px;color:var(--purple)}.sample-line{width:45px;height:1px;background:#76588e;margin:25px auto}.sample small{color:var(--muted);font-size:12px}.stamp{position:absolute;right:-30px;bottom:24px;transform:rotate(12deg);border:1px solid var(--gold);background:#282019;color:var(--gold);border-radius:8px;padding:9px 15px;font-size:10px;font-weight:800;letter-spacing:1.5px}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--edge);border-radius:13px;overflow:hidden;margin-bottom:30px}.category-strip div{padding:20px 15px;border-right:1px solid var(--edge)}.category-strip div:last-child{border:0}.category-strip strong{display:block;font-size:11px;letter-spacing:.5px}.category-strip small{color:var(--muted);font-size:11px}.cat-symbol{font-size:22px;color:var(--gold);display:block;margin-bottom:10px}.room-heading{display:flex;justify-content:space-between;align-items:end;padding:30px 0 24px;gap:20px}.room-heading h1{font:35px/1.2 Georgia,serif;margin:6px 0}.room-heading p{margin:0}.round-badge{color:var(--purple);font-size:12px;border:1px solid #654b7b;border-radius:30px;padding:6px 13px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 250px;gap:18px;align-items:start}.panel{background:linear-gradient(140deg,#201c2a,#191720);border:1px solid var(--edge);border-radius:14px;padding:21px}.panel h2{font-size:12px;letter-spacing:1px;margin:0 0 18px}.roster{list-style:none;padding:0;margin:0}.player{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff08;min-width:0}.player:last-child{border:0}.avatar{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:hsl(var(--hue,265) 23% 25%);border:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;color:#e6d8fa;font-weight:700;font-size:12px}.player-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.player small{display:block;color:var(--muted);font-size:10px}.player.current .avatar{border-color:var(--gold)}.player.current .player-name{color:var(--gold)}.player.out{opacity:.5}.score{color:var(--gold);font-size:12px;font-weight:700}.tiny{padding:2px 6px;font-size:12px;color:var(--muted);background:transparent}.main-panel{min-height:430px;text-align:center;padding:30px}.main-panel h2{font:32px/1.2 Georgia,serif;letter-spacing:0;margin:16px 0}.muted{color:var(--muted)}.big-symbol{font:50px Georgia,serif;color:var(--gold);margin:14px 0}.private-card{background:linear-gradient(130deg,#2c233a,#201a2d);border:1px solid #74518f;border-radius:13px;padding:24px;margin:22px 0}.private-card.hidden-card{border-style:dashed;background:#211c2b;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center}.secret-word{font:clamp(25px,3vw,40px)/1.2 Georgia,serif;margin:12px 0;color:#eadcfb;overflow-wrap:anywhere}.role-label{color:var(--purple);font-size:10px;letter-spacing:1.8px;font-weight:700}.partner{font-size:13px;color:var(--gold);padding-top:12px;border-top:1px solid #ffffff14;margin-top:18px}.category-name{font-size:12px;color:var(--gold);margin-top:9px}.control-stack{display:grid;gap:10px}.control-stack button{width:100%}.category-option{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 0;font-size:11px}.category-option input{accent-color:var(--gold);width:16px;height:16px}.category-option span{flex:1}.category-option small{color:var(--muted)}.divider{height:1px;background:var(--edge);margin:19px 0}.progress{display:flex;gap:6px;margin:22px 0}.progress span{height:5px;flex:1;background:#3a3347;border-radius:3px}.progress span.done{background:var(--purple)}.progress span.current{background:var(--gold)}.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.vote-option{display:flex;align-items:center;gap:9px;text-align:left;font-size:13px;padding:10px}.vote-option.selected{border-color:var(--gold);background:#3d3023}.notice{font-size:12px;background:#31263e;border:1px solid #654a7b;border-radius:9px;padding:12px;color:#dbc7ee;margin:15px 0}.error{border:1px solid #b86b6b;background:#391f2b;color:#f0c7c7;padding:13px 18px;border-radius:10px;font-size:13px}.guess-input{display:block;width:100%;border:1px solid #6a507c;border-radius:9px;padding:14px;background:#14101d;color:var(--text);font:inherit;margin:18px 0}.tally{margin:20px 0;text-align:left;font-size:12px}.tally div{padding:7px 0;border-bottom:1px solid var(--edge)}.result-title{color:var(--gold)}.fullwidth{width:100%}.disconnect{font-size:12px;color:#d7b780}.loading{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.4}}footer{display:flex;justify-content:space-between;gap:15px;color:#797180;font-size:9px;letter-spacing:1.2px;padding:27px 0;margin-top:28px;border-top:1px solid var(--edge)}dialog{background:#211b2c;color:var(--text);border:1px solid #70548a;border-radius:18px;padding:32px;max-width:580px;width:calc(100% - 35px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#08060de0}dialog h2{font:33px/1.1 Georgia,serif}dialog li{padding:7px 0;font-size:13px}dialog ol{padding-left:20px}dialog .muted{font-size:12px}.close{position:absolute;top:10px;right:15px;border:0;background:none;font-size:25px}.minimal{text-align:center;padding:70px 20px}.no-scroll{overflow:hidden}@media(min-width:1500px){.shell{max-width:1400px}.hero{padding-top:90px}}@media(max-width:1050px){.layout{grid-template-columns:210px 1fr}.settings-panel{grid-column:1/-1}.settings-panel .categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.settings-panel .control-stack{display:flex}.hero{gap:25px}.sample{width:240px}.stamp{right:-10px}.orbit{width:280px;height:280px}}@media(max-width:700px){.shell{padding:0 18px}header{padding:18px 0}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:6px}.brand img{width:33px;height:33px}.status{display:none}.topright{gap:8px}.hero{display:block;padding:35px 0}.hero h1{font-size:51px}.hero-art{min-height:300px;margin:30px 0 0}.sample{min-height:260px;padding:20px;width:230px}.sample .eye{width:55px;height:55px}.sample h3{font-size:27px}.category-strip{grid-template-columns:repeat(2,1fr)}.category-strip div{border-bottom:1px solid var(--edge);padding:14px}.category-strip div:last-child{grid-column:1/-1}.cat-symbol{margin:0 0 5px}.layout{display:flex;flex-direction:column}.layout>.panel{width:100%}.main-panel{order:0;min-height:350px;padding:22px}.players-panel{order:1}.settings-panel{order:2}.settings-panel .categories{grid-template-columns:1fr 1fr}.settings-panel .control-stack{display:grid}.room-heading h1{font-size:28px}.round-badge{font-size:10px}.players-panel .roster{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}footer{font-size:8px;letter-spacing:.5px}.hero .intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Taberna de madera, hierro y luz de hogar */
:root{--bg:#100d09;--card:#231a12;--edge:#655037;--gold:#e7bc69;--purple:#d9a25a;--text:#f5e7cc;--muted:#c0ad91;--green:#a5cf83}
body{background:#100d09}.ambient{background:linear-gradient(90deg,#100b08ed,#160e09c9,#100b08ed),linear-gradient(0deg,#100b08,transparent),url('./tavern.webp') center top/cover no-repeat}.shell{max-width:1440px}header{border-bottom:2px solid #8b6639;box-shadow:0 2px #090604,0 3px #b58b4930}.brand{font-family:Georgia,serif;font-size:20px;text-shadow:0 2px #000}.brand img{background:#1a120b;border:1px solid #b48b45;border-radius:50%;box-shadow:0 0 0 3px #382719,0 0 20px #d5962a33}.brand small{color:#b7a181;font-family:system-ui,sans-serif}
h1,h2,h3{text-shadow:0 3px 3px #0009}.hero{grid-template-columns:.87fr 1.2fr;gap:36px;padding:44px 0 32px}.hero h1{color:#f7e4ba;text-shadow:0 3px #4b2d15,0 5px 20px #000}.hero h1 em{font-style:normal;font-weight:bold;color:#edbd60}.hero .intro{color:#dac8ad}.eyebrow{color:#f0c77e;text-shadow:0 2px #000}
.hero-art{min-height:390px;isolation:isolate;border:3px solid #8a693e;border-radius:4px;box-shadow:0 0 0 2px #120b06,0 0 0 4px #4f3821,0 20px 55px #000b;overflow:hidden;display:block;aspect-ratio:1.5}.cover-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #11080099;border:1px solid #d7a85c66}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 24px 20px;background:linear-gradient(transparent,#120b05f5);text-align:center}.art-caption span{font-size:9px;letter-spacing:4px;color:#f4c469}.art-caption strong{display:block;font:bold 25px Georgia,serif;color:#fff0ce;text-shadow:0 2px #000}.art-caption small{font-size:11px;color:#d4bc94}
button{border:1px solid #987341;border-radius:3px;background:linear-gradient(#493622,#2d2014);box-shadow:inset 0 1px #d9b87830,0 2px 4px #0008;color:#f5e6c7}button:hover:not(:disabled){background:linear-gradient(#684c2b,#3c2917);border-color:#e2b45b;box-shadow:0 0 18px #c88d2930}.primary{background:linear-gradient(#a33925,#66180f);color:#fff0cc;border:1px solid #e1b35f;box-shadow:inset 0 0 0 2px #431209,inset 0 3px 5px #df7c4a66,0 4px 9px #0009;text-shadow:0 2px #320b06;font-family:Georgia,serif;font-size:17px}.primary:hover:not(:disabled){background:linear-gradient(#bc4930,#7c2114);box-shadow:inset 0 0 0 2px #50170a,0 0 18px #e7ad4155}.secondary{background:linear-gradient(#554329,#332718);border-color:#b68b48;color:#ffe1a1}.quiet{box-shadow:none;color:#d3bc98;border-color:transparent}.quiet:hover:not(:disabled){box-shadow:none;background:#c6933320}.pill,.round-badge{border-radius:3px;border-color:#917044;background:#160f09cf;color:#e7d0a5}
.category-strip{border:2px solid #745637;border-radius:4px;background:linear-gradient(#382719eb,#21160ff5);box-shadow:inset 0 1px #d7b17855,0 5px 15px #0008}.category-strip div{border-color:#7b59384d;background:repeating-linear-gradient(0deg,transparent 0 6px,#0000000c 7px 8px)}.category-strip strong{color:#efd7ab;font-family:Georgia,serif}.cat-symbol{color:#f0c572;text-shadow:0 2px #000,0 0 15px #edaf3d55}.room-heading h1{color:#f4dba9;font-weight:bold}
.layout{grid-template-columns:230px minmax(0,1fr) 244px;gap:22px}.panel{position:relative;background:repeating-linear-gradient(0deg,transparent 0 5px,#0000000b 6px 7px),linear-gradient(135deg,#38291df5,#1b130ef7);border:2px solid #81603b;border-radius:4px;box-shadow:inset 0 0 0 2px #180f08,inset 0 0 30px #05030155,0 6px 20px #0009}.panel:before,.panel:after{content:'';position:absolute;top:5px;width:7px;height:7px;background:radial-gradient(circle at 30% 25%,#f0cd87,#917045 45%,#302015 75%);border:1px solid #160d06;box-shadow:0 1px 2px #000;border-radius:50%;pointer-events:none}.panel:before{left:5px}.panel:after{right:5px}.panel>h2{font:bold 13px Georgia,serif;color:#ebc78c;letter-spacing:1px;border-bottom:1px solid #8a633c77;padding-bottom:13px}.main-panel{padding:34px 30px;min-height:455px;background:linear-gradient(#20170ff0,#21170ff2),url('./tavern.webp') center/cover}.main-panel h2{font-size:34px;color:#f9e3b9;font-weight:bold;border:0;padding:0;letter-spacing:0}.phase-lobby{padding-top:184px;background:linear-gradient(0deg,#21160d 30%,#21160de8 57%,#21160d10 100%),url('./tavern.webp') center 34%/cover;min-height:520px}.phase-lobby .big-symbol{display:none}.phase-lobby .eyebrow{display:inline-block;background:#171008d9;padding:6px 16px;border-top:1px solid #be8c45;border-bottom:1px solid #be8c45}
.player{border-color:#c3995420}.avatar{border-radius:50%;border:2px solid #ba9154;background:radial-gradient(circle at 30% 20%,hsl(var(--hue) 28% 31%),#17120d);box-shadow:0 0 0 2px #191008;color:#ffedc4;width:38px;height:38px;flex-basis:38px;font-family:Georgia,serif}.player.current{background:#a97a2920}.player.current .avatar{box-shadow:0 0 12px #efc15b77}.score{color:#f7cd74}.player-name{color:#f0dec0}.player small{color:#bca88a}.private-card{background:radial-gradient(ellipse at top,#6a4a26aa,transparent),#302215;border:2px solid #ad854c;border-radius:4px;box-shadow:inset 0 0 25px #09050299,0 3px 12px #0007;padding:28px}.private-card.hidden-card{background:linear-gradient(135deg,#34251a,#1d140d);border:2px solid #8b683d;gap:17px;min-height:170px}.role-label{color:#ebbd6a}.secret-word{color:#ffe0a1;text-shadow:0 2px #000}.partner{border-color:#a87e3d66}.notice{background:#3d301bd9;border-color:#aa8146;color:#f4dbad;border-radius:3px}.divider{background:linear-gradient(90deg,transparent,#ac834d88,transparent)}.category-option{color:#ead6b7;padding:10px 0}.category-option input{accent-color:#bc8c3d}.category-option small{color:#dfbc7d}.progress span{background:#49341d;border:1px solid #a97b3433;height:7px;border-radius:1px}.progress span.done{background:#9c773e}.progress span.current{background:#edc26c;box-shadow:0 0 8px #d8a63e88}.vote-option.selected{background:linear-gradient(#68502b,#392715);box-shadow:inset 0 0 0 1px #dcb365}.guess-input{background:#160e09;border:2px solid #a37b43;border-radius:3px;color:#ffe9be}dialog{background:#302216;border:3px solid #b08a50;border-radius:5px;color:#f2dfbd;box-shadow:inset 0 0 40px #110a0699,0 20px 100px #000}dialog h2{color:#ffd993}footer{border-color:#73523588;color:#ad9674}.error{background:#411c13;border-color:#bb6740;color:#ffdbbd;border-radius:3px}
@media(min-width:1500px){.shell{max-width:1440px}.hero{padding-top:55px}}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}.settings-panel{grid-column:1/-1}.hero{gap:25px}.hero-art{min-height:340px}.hero h1{font-size:59px}}@media(max-width:700px){.brand{font-size:15px}.hero{padding:28px 0;display:flex;flex-direction:column-reverse;gap:8px;align-items:stretch}.hero-art{min-height:0;width:100%;aspect-ratio:1.6;margin:8px 0 16px}.hero h1{font-size:51px;margin:15px 0}.art-caption{padding:35px 12px 12px}.art-caption strong{font-size:20px}.art-caption small{display:none}.room-heading h1{font-size:27px}.layout{display:flex;gap:18px}.main-panel{padding:26px 20px}.main-panel h2{font-size:29px}.phase-lobby{padding-top:160px;min-height:490px}.settings-panel .categories{gap:4px 12px}}