/* ─── RESET ─── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#09090e;
  --surface:#111116;
  --surface2:#17171f;
  --accent:#b8ff47;
  --red:#ff3f3f;
  --amber:#ffad3b;
  --blue:#60a5fa;
  --text:#d0d0da;
  --muted:#56566a;
  --dim:#2e2e3a;
  --border:rgba(255,255,255,.06);
  --border2:rgba(255,255,255,.1);
}
body{
  background:var(--bg);color:var(--text);
  font-family:'Inter',sans-serif;
  font-feature-settings:'tnum','cv02';
  overflow:hidden;cursor:default;
}
button{font-family:inherit;cursor:pointer;border:none;outline:none;}
input{font-family:inherit;}
.hidden{display:none!important;}

/* ─── BUTTONS ─── */
.btn-green{
  background:#3b82f6;color:#fff;font-weight:700;
  border-radius:6px;padding:11px 24px;font-size:.88rem;letter-spacing:.01em;
  transition:background .12s,transform .12s;
}
.btn-green:hover{background:#2563eb;transform:translateY(-1px);}
.btn-green.big{padding:13px 0;font-size:.9rem;width:100%;display:block;}
.btn-green.small{padding:6px 14px;font-size:.78rem;}
.btn-ghost{
  background:transparent;color:var(--muted);
  border:1px solid var(--border2);border-radius:6px;
  padding:11px 24px;font-size:.88rem;
  transition:color .12s,border-color .12s;
}
.btn-ghost:hover{color:var(--text);border-color:rgba(255,255,255,.2);}
.btn-ghost.big{padding:13px 0;font-size:.9rem;width:100%;display:block;}
.btn-ghost.small{padding:6px 14px;font-size:.78rem;}

/* ─── CINEMATIC INTRO ─── */
#intro{
  position:fixed;inset:0;z-index:9000;background:var(--bg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.intro-grid{
  position:absolute;inset:0;pointer-events:none;
  background-size:48px 48px;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  mask-image:radial-gradient(ellipse 60% 60% at center,black,transparent);
  -webkit-mask-image:radial-gradient(ellipse 60% 60% at center,black,transparent);
}
.i-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;}
.i-orb1{width:600px;height:600px;background:rgba(255,255,255,.028);top:-200px;left:-100px;}
.i-orb2{width:400px;height:400px;background:rgba(96,165,250,.08);bottom:-100px;right:-80px;}

#intro-lines{position:relative;z-index:10;text-align:center;}
.il1{
  font-size:clamp(3rem,9vw,8rem);font-weight:900;letter-spacing:-.04em;line-height:.9;color:#fff;
  opacity:0;transform:translateY(40px);
  transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);
}
.il2{
  font-size:clamp(3rem,9vw,8rem);font-weight:900;letter-spacing:-.04em;line-height:.9;
  color:#60a5fa;
  clip-path:inset(0 100% 0 0);
  transition:clip-path 1.2s cubic-bezier(.77,0,.175,1);
  display:block;margin-top:6px;
}

#intro-card-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.icard{
  width:84vw;height:82vh;max-width:1100px;border-radius:12px;
  background:#0c0e18;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 40px 100px -20px rgba(0,0,0,.95);
  position:relative;overflow:hidden;
  transform:translateY(105vh);opacity:0;
  transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .3s ease,
             width .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1),
             border-radius .8s cubic-bezier(.22,1,.36,1),max-width .8s;
  display:flex;align-items:center;justify-content:center;
}
.icard::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.65),transparent);
}
.icard-sheen{
  position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;
  background:radial-gradient(500px circle at var(--sx,50%) var(--sy,50%),rgba(96,165,250,.05),transparent 40%);
}
.icard-inner{
  position:relative;width:100%;height:100%;z-index:10;
  display:grid;grid-template-columns:1.2fr 1fr 0.9fr;align-items:center;gap:0;
  padding:48px clamp(24px,4vw,64px);overflow:hidden;
}
.icard-left{opacity:0;transform:translateX(-30px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);}
.icard-badge-pill{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:22px;
  border:1px solid rgba(96,165,250,.18);border-radius:100px;
  padding:5px 13px;font-size:.64rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(147,197,253,.75);
  background:rgba(96,165,250,.04);
}
.pill-dot{width:5px;height:5px;border-radius:50%;background:#60a5fa;flex-shrink:0;}
.icard-left h2{
  font-weight:800;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.1;
  margin-bottom:16px;letter-spacing:-.04em;color:#fff;
}
.icard-left p{font-size:clamp(.8rem,1.1vw,.9rem);color:var(--muted);line-height:1.7;}
.icard-center{
  display:flex;align-items:center;justify-content:center;position:relative;padding:20px;
  opacity:0;transform:translateY(50px) scale(.85);transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1);
}
.icard-right{
  display:flex;justify-content:flex-end;align-items:center;overflow:hidden;
  opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);
  padding-right:8px;
}
.brand-text{
  font-weight:900;text-transform:uppercase;letter-spacing:-.06em;
  font-size:clamp(3.5rem,9vw,10rem);
  color:#fff;white-space:nowrap;line-height:.9;
  text-shadow:0 0 80px rgba(96,165,250,.22),0 0 160px rgba(96,165,250,.08);
}
.icard-cta{
  position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:24px;
  opacity:0;pointer-events:none;transition:opacity .7s;
}
.icta-title{
  font-weight:800;font-size:clamp(2rem,4.8vw,3.8rem);
  letter-spacing:-.05em;line-height:1;margin-bottom:14px;color:#fff;
}
.icta-sub{color:var(--muted);font-size:.92rem;max-width:360px;margin:0 auto 32px;line-height:1.65;}
.icard-cta .btn-green{padding:15px 52px;font-size:1rem;letter-spacing:.01em;}

/* Mini game preview */
.mini-screen{
  width:175px;height:300px;border-radius:10px;background:#07090f;
  border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 32px 64px -16px rgba(0,0,0,.9);
}
.ms-hud{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 9px;background:rgba(0,0,0,.6);
  border-bottom:1px solid rgba(255,255,255,.04);font-size:10px;
}
.ms-map{
  flex:1;position:relative;background:#07090f;
  background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:16px 16px;
}
.ms-wall{position:absolute;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.ms-spotlight{
  position:absolute;top:20%;left:52%;width:0;height:0;
  border-left:34px solid transparent;border-right:34px solid transparent;
  border-bottom:58px solid rgba(245,158,11,.12);
  filter:blur(3px);transform:translateX(-50%);
  animation:sweep 3s ease-in-out infinite;transform-origin:top center;
}
@keyframes sweep{0%,100%{transform:translateX(-50%) rotate(-18deg);}50%{transform:translateX(-50%) rotate(18deg);}}
.ms-teacher{
  position:absolute;top:22%;left:55%;width:16px;height:16px;border-radius:50%;
  background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.45);
  display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#f59e0b;z-index:2;
}
.ms-player{
  position:absolute;bottom:32%;left:24%;width:14px;height:14px;border-radius:50%;
  background:rgba(96,165,250,.2);border:1px solid rgba(96,165,250,.6);
  display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#60a5fa;
  animation:idle 2s ease-in-out infinite;
}
@keyframes idle{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
.ms-item{position:absolute;bottom:26%;left:60%;font-size:11px;animation:float 3s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.ms-quiz{background:rgba(7,9,15,.96);border-top:1px solid rgba(96,165,250,.12);padding:7px;}
.ms-q{font-size:9px;font-weight:700;color:#fff;text-align:center;margin-bottom:5px;}
.ms-opts{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.ms-opts span{font-size:7px;text-align:center;padding:3px;border-radius:2px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--muted);}
.ms-correct{background:rgba(96,165,250,.14)!important;border-color:rgba(96,165,250,.35)!important;color:#60a5fa!important;}

.phone-float{animation:float 5s ease-in-out infinite;}

/* Intro floating badges */
.intro-fbadge{
  position:absolute;display:flex;align-items:center;gap:10px;
  background:rgba(12,14,24,.92);border:1px solid rgba(255,255,255,.09);
  border-radius:10px;padding:10px 14px;
  box-shadow:0 8px 32px rgba(0,0,0,.5);backdrop-filter:blur(8px);
}
.fb-t{font-weight:700;font-size:.76rem;color:#fff;}
.fb-s{font-size:.68rem;color:var(--muted);margin-top:1px;}

#intro-skip{
  position:absolute;bottom:24px;right:24px;z-index:9100;
  font-size:.68rem;color:var(--muted);cursor:pointer;
  border:1px solid var(--border);border-radius:4px;padding:5px 12px;
  background:transparent;transition:color .15s,border-color .15s;
  letter-spacing:.08em;text-transform:uppercase;
}
#intro-skip:hover{color:var(--text);border-color:var(--border2);}

/* ─── GAME WRAP ─── */
#game-wrap{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;}

/* ─── HUD ─── */
#hud{
  width:800px;max-width:100vw;margin:0 auto;
  display:flex;align-items:stretch;justify-content:space-between;
  background:var(--surface);border-bottom:1px solid var(--border);
  flex-shrink:0;
}
#hud-left{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px 14px;min-width:170px;border-right:1px solid var(--border);}
#hud-center{text-align:center;padding:6px 20px;display:flex;flex-direction:column;justify-content:center;}
#hud-right{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px 14px;align-items:flex-end;min-width:140px;border-left:1px solid var(--border);}
.hud-big{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;}
.hud-label{font-size:.56rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:5px;}
.hud-row{display:flex;align-items:center;gap:5px;}
#hud-stage{font-size:.63rem;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.h-full{color:var(--red);font-size:13px;}
.h-empty{color:var(--dim);font-size:13px;}
#hud-stamina-track,#hud-det-track{width:76px;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
#hud-stamina-fill{height:100%;width:100%;background:var(--accent);border-radius:2px;transition:width .1s,background .25s;}
#hud-det-fill{height:100%;width:0%;background:var(--amber);border-radius:2px;transition:width .1s;}
#hud-quizzes,#hud-coins{font-weight:700;color:#fff;font-variant-numeric:tabular-nums;}
#hud-inv{font-size:12px;gap:2px;}

/* ─── CANVAS ─── */
#gameCanvas{display:block;width:800px;max-width:100vw;margin:0 auto;image-rendering:pixelated;}

/* ─── SCREEN OVERLAY ─── */
.screen{
  position:fixed;inset:0;z-index:500;
  display:flex;align-items:center;justify-content:center;
  background:rgba(9,9,14,.92);
}
.overlay-center{align-items:center;justify-content:center;}

/* ─── MENU ─── */
.menu-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:36px;display:flex;flex-direction:column;gap:12px;
  width:400px;max-width:94vw;
}
.menu-logo{font-size:2rem;font-weight:900;letter-spacing:-.07em;color:var(--accent);line-height:1;}
.menu-sub{font-size:.7rem;color:var(--muted);margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;}
.menu-controls{
  background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:6px;
  padding:14px 16px;margin-top:2px;
}
.ctrl-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:.75rem;align-items:center;}
.ctrl-key{
  background:var(--surface2);border:1px solid var(--border2);
  border-radius:3px;padding:2px 7px;color:var(--text);font-weight:600;
  white-space:nowrap;font-size:.7rem;font-family:monospace;
}
.menu-tip{font-size:.67rem;color:var(--dim);text-align:center;line-height:1.5;}

/* ─── QUIZ ─── */
.quiz-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:30px;width:430px;max-width:94vw;
  border-top:2px solid rgba(184,255,71,.3);
}
.quiz-header{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.quiz-icon{font-size:16px;opacity:.55;}
.quiz-title{font-weight:700;font-size:.88rem;color:var(--text);flex:1;letter-spacing:.05em;text-transform:uppercase;}
.quiz-timer{font-weight:800;color:var(--red);font-size:.88rem;font-variant-numeric:tabular-nums;}
.quiz-q{font-size:2rem;font-weight:900;color:#fff;text-align:center;margin-bottom:24px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
.quiz-opts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.quiz-btn{
  padding:16px 8px;border-radius:6px;font-size:1.1rem;font-weight:800;
  font-variant-numeric:tabular-nums;color:var(--text);
  background:var(--surface2);border:1px solid var(--border2);
  cursor:pointer;transition:background .12s,border-color .12s,transform .1s;
}
.quiz-btn:hover:not(:disabled){background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);transform:scale(1.02);}
.quiz-btn:disabled{cursor:default;}
.quiz-btn.correct{background:rgba(184,255,71,.1);border-color:rgba(184,255,71,.35);color:var(--accent);}
.quiz-btn.wrong{background:rgba(255,63,63,.1);border-color:rgba(255,63,63,.35);color:#ff8080;}
.quiz-hint{font-size:.7rem;color:var(--muted);text-align:center;}

/* ─── VENDING ─── */
.vend-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:26px;width:360px;max-width:94vw;
  border-top:2px solid rgba(255,173,59,.28);
}
.vend-header{font-size:1rem;font-weight:800;margin-bottom:14px;letter-spacing:-.02em;color:#fff;}
.vend-coins-row{font-size:.8rem;color:var(--muted);margin-bottom:14px;}
.vend-coins-row strong{color:#fff;font-variant-numeric:tabular-nums;}
strong{color:#fff;}
.vend-items{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.vend-item-row{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.02);border:1px solid var(--border);
  border-radius:5px;padding:10px 13px;font-size:.83rem;
}
.vend-msg{min-height:18px;font-size:.78rem;color:var(--accent);text-align:center;margin-bottom:8px;font-weight:600;}

/* ─── ROPE ─── */
.rope-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:26px;width:310px;max-width:94vw;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  border-top:2px solid rgba(79,168,255,.28);
}
.rope-header{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.02em;}
.rope-sub{font-size:.75rem;color:var(--muted);text-align:center;line-height:1.55;}
.rope-sub kbd{
  background:var(--surface2);border:1px solid var(--border2);
  border-radius:3px;padding:1px 6px;font-family:monospace;font-size:.85em;
}
#rope-canvas{border-radius:6px;background:#07090f;border:1px solid var(--border);}
.rope-stats{display:flex;gap:20px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;}
.rope-stats strong{color:#fff;}
.rope-result{font-size:.9rem;font-weight:800;color:var(--accent);min-height:22px;}

/* ─── RESULT CARDS ─── */
.result-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:32px;width:380px;max-width:94vw;
  display:flex;flex-direction:column;gap:14px;
}
.result-title{font-size:1.35rem;font-weight:900;text-align:center;letter-spacing:-.04em;color:#fff;}
.go-title{color:var(--red);}
.result-name{font-size:.72rem;color:var(--accent);text-align:center;letter-spacing:.1em;text-transform:uppercase;font-weight:700;}
.result-stats{
  background:rgba(255,255,255,.02);border:1px solid var(--border);
  border-radius:5px;padding:14px;display:flex;flex-direction:column;gap:8px;
}
.rs-row{display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted);align-items:center;}
.rs-row strong{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;}
.result-btns{display:flex;flex-direction:column;gap:8px;}
.go-name-row{display:flex;gap:8px;align-items:center;}
#go-name{
  flex:1;background:var(--surface2);border:1px solid var(--border2);
  border-radius:5px;padding:10px 12px;color:#fff;font-size:.88rem;
}
#go-name:focus{outline:none;border-color:rgba(255,255,255,.22);}
#go-name::placeholder{color:var(--muted);}

/* ─── LEADERBOARD ─── */
.lb-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:28px;width:540px;max-width:94vw;
  display:flex;flex-direction:column;gap:12px;
}
.lb-title{font-size:1.15rem;font-weight:900;text-align:center;letter-spacing:-.04em;color:#fff;}
.lb-header-row{
  display:grid;grid-template-columns:44px 1fr 90px 80px 76px;gap:8px;
  padding:6px 10px;font-size:.6rem;color:var(--muted);
  letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--border);
}
.lb-row{
  display:grid;grid-template-columns:44px 1fr 90px 80px 76px;gap:8px;
  padding:9px 10px;border-radius:5px;font-size:.83rem;align-items:center;
  border:1px solid transparent;transition:border-color .12s;
}
.lb-row:hover{border-color:var(--border2);}
.lb-gold{background:rgba(234,179,8,.05);border-color:rgba(234,179,8,.14)!important;}
.lb-silver{background:rgba(148,163,184,.04);border-color:rgba(148,163,184,.1)!important;}
.lb-bronze{background:rgba(180,83,9,.04);border-color:rgba(180,83,9,.1)!important;}
.lb-rank{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;}
.lb-name{font-weight:600;color:#fff;}
.lb-score{font-weight:700;color:#fff;text-align:right;font-variant-numeric:tabular-nums;}
.lb-stage{color:var(--muted);font-size:.74rem;}
.lb-date{color:var(--dim);font-size:.69rem;}
.lb-empty{text-align:center;color:var(--muted);padding:28px;font-size:.84rem;}

/* ─── HUD CONTROLS ─── */
.hud-ctrl-btn{
  background:transparent;border:1px solid var(--border);border-radius:4px;
  padding:3px 8px;font-size:.7rem;color:var(--muted);
  cursor:pointer;transition:color .12s,border-color .12s;
  line-height:1.4;letter-spacing:.02em;
}
.hud-ctrl-btn:hover{color:var(--text);border-color:var(--border2);}

/* ─── DIFFICULTY ─── */
.diff-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:32px 36px;display:flex;flex-direction:column;gap:10px;
  width:410px;max-width:94vw;
}
.diff-title{font-size:1.15rem;font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:2px;}
.diff-sub{font-size:.72rem;color:var(--muted);margin-bottom:8px;line-height:1.55;}
.btn-diff{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:13px 16px;border-radius:6px;cursor:pointer;
  border:1px solid transparent;transition:all .12s;text-align:left;
  background:var(--surface2);
}
.btn-diff:hover,.btn-diff.selected{border-color:rgba(255,255,255,.12);}
.btn-diff .diff-name{font-size:.88rem;font-weight:800;color:#fff;letter-spacing:-.01em;}
.btn-diff .diff-desc{font-size:.71rem;color:var(--muted);margin-top:2px;}
.diff-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:100px;}
.btn-diff.easy .diff-name{color:#6dffb2;}
.btn-diff.easy .diff-badge{background:rgba(109,255,178,.09);color:#6dffb2;border:1px solid rgba(109,255,178,.2);}
.btn-diff.easy:hover,.btn-diff.easy.selected{border-color:rgba(109,255,178,.22);background:rgba(109,255,178,.03);}
.btn-diff.medium .diff-name{color:var(--accent);}
.btn-diff.medium .diff-badge{background:rgba(184,255,71,.09);color:var(--accent);border:1px solid rgba(184,255,71,.2);}
.btn-diff.medium:hover,.btn-diff.medium.selected{border-color:rgba(184,255,71,.22);background:rgba(184,255,71,.03);}
.btn-diff.hard .diff-name{color:var(--red);}
.btn-diff.hard .diff-badge{background:rgba(255,63,63,.08);color:var(--red);border:1px solid rgba(255,63,63,.2);}
.btn-diff.hard:hover,.btn-diff.hard.selected{border-color:rgba(255,63,63,.22);background:rgba(255,63,63,.03);}

/* ─── PAUSE ─── */
.pause-card{
  background:var(--surface);border:1px solid var(--border2);border-radius:8px;
  padding:36px;display:flex;flex-direction:column;gap:10px;
  width:300px;max-width:94vw;text-align:center;
}
.pause-title{font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:2px;}
.pause-stage{font-size:.65rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;min-height:16px;font-weight:700;}