<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>2200Poker · Masters Kval.title><style> * { box-sizing: border-box; } body { margin: 0; padding: 24px 12px; background: #080b0a; color: #edf4ef; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .poker-card { --felt: #0d4a32; --felt-dark: #082f22; --gold: #d9ad4d; --red: #c84242; width: 600px; max-width: 100%; margin: 0 auto; overflow: hidden; border: 1px solid rgba(217, 173, 77, .55); border-radius: 20px; background: radial-gradient(circle at 15% 0%, rgba(255,255,255,.07), transparent 28%), linear-gradient(145deg, var(--felt), var(--felt-dark)); box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 0 90px rgba(0,0,0,.18); } .poker-card img { display: block; max-width: 100%; height: auto; } .hero { position: relative; background: #050706; } .hero > img { width: 100%; min-height: 145px; object-fit: cover; opacity: .82; } .hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(5,7,6,.92)); } .hero-copy { position: absolute; z-index: 1; right: 28px; bottom: 22px; left: 28px; } .eyebrow { display: inline-block; margin: 0 0 8px; padding: 5px 9px; border: 1px solid rgba(217,173,77,.28); border-radius: 7px; background: rgba(3,10,7,.48); color: var(--gold); font-size: 12px; font-weight: 800; letter-spacing: .18em; line-height: 1; text-transform: uppercase; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } h1, h2, h3, p { margin-top: 0; } h1 { margin-bottom: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 7vw, 46px); line-height: 1; letter-spacing: -.02em; text-shadow: 0 3px 18px #000; } h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-family: Georgia, "Times New Roman", serif; font-size: 23px; color: #fff; } h2::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, rgba(217,173,77,.8), transparent); } h3 { margin-bottom: 8px; color: var(--gold); font-size: 15px; letter-spacing: .05em; text-transform: uppercase; } .section { padding: 28px; border-top: 1px solid rgba(255,255,255,.09); } .intro { background: rgba(0,0,0,.13); } .event-meta { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-bottom: 16px; } .meta-card { padding: 14px; border: 1px solid rgba(217,173,77,.28); border-radius: 12px; background: rgba(3,18,13,.42); } .meta-label { display: block; margin-bottom: 3px; color: #9fb7aa; font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; } .meta-value { font-size: 15px; font-weight: 750; } .notice { margin: 16px 0; padding: 13px 15px; border-left: 3px solid var(--gold); border-radius: 0 10px 10px 0; background: rgba(217,173,77,.1); color: #fff6dc; font-size: 14px; } .notice strong { color: #f4cc70; } .notice-rule { display: flex; align-items: center; gap: 10px; } .notice-icon { width: 17px; height: 17px; flex: 0 0 17px; fill: var(--gold); filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); } .timeline { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; } .timeline li { display: grid; grid-template-columns: 68px 1fr; gap: 12px; padding: 10px 12px; border-radius: 9px; background: rgba(0,0,0,.18); } .timeline time { color: var(--gold); font-weight: 800; font-variant-numeric: tabular-nums; } .stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; } .stat { padding: 16px 10px; text-align: center; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(0,0,0,.18); } .stat strong { display: block; margin-bottom: 4px; color: var(--gold); font-size: 21px; } .stat span { color: #aec1b6; font-size: 12px; } .rules { margin: 0; padding: 0; list-style: none; counter-reset: rules; } .rules li { position: relative; margin: 0 0 18px; padding: 0 0 18px 40px; border-bottom: 1px solid rgba(255,255,255,.08); color: #dce9e1; line-height: 1.55; counter-increment: rules; } .rules li::before { content: counter(rules); position: absolute; top: 0; left: 0; display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(217,173,77,.5); border-radius: 50%; color: var(--gold); font-size: 11px; font-weight: 800; } .rules li { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .rules strong { color: #fff; } .rules p { margin: 8px 0 0; } .subrule { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: rgba(0,0,0,.17); color: #bcd0c4; } .chip-examples { display: grid; gap: 8px; margin-top: 14px; padding: 14px; border: 1px dashed rgba(217,173,77,.48); border-radius: 10px; background: rgba(0,0,0,.22); } .chip-examples strong { color: #f4d78f; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; } .chip-example { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 7px; background: rgba(255,255,255,.055); color: #edf4ef; font: 700 12px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; } .chip-example span { color: #f4d78f; text-align: right; } .payout { width: 100%; overflow: hidden; border: 1px solid rgba(217,173,77,.4); border-radius: 14px; background: rgba(0,0,0,.2); } .payout table { width: 100%; max-width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; } .payout caption { padding: 14px 16px; text-align: left; color: #f4d78f; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .payout th, .payout td { width: 14.2857%; height: clamp(36px, 9vw, 44px); padding: clamp(3px, 1.2vw, 7px); text-align: center; white-space: nowrap; border-top: 1px solid rgba(255,255,255,.08); border-right: 1px solid rgba(255,255,255,.065); font-size: clamp(9px, 2.2vw, 12px); } .payout thead th { padding-block: 11px; background: rgba(217,173,77,.14); color: #f4d78f; font-weight: 800; } .payout .range-head { background: rgba(217,173,77,.18); color: #f4d78f; } .payout tbody th { background: #153f2f; } .payout .position-number { display: inline-grid; width: clamp(22px, 6vw, 26px); height: clamp(22px, 6vw, 26px); place-items: center; border: 1px solid rgba(217,173,77,.5); border-radius: 50%; color: var(--gold); font-size: clamp(9px, 2.2vw, 11px); font-weight: 800; line-height: 1; } .payout tbody td { color: #dce9e1; font-weight: 700; } .payout .payout-row-alt td { background: rgba(255,255,255,.05); } .payout td:empty::after { content: "\2014"; color: rgba(220,233,225,.2); } .qualify { margin: 0; padding-left: 20px; color: #dce9e1; line-height: 1.55; } .qualify li { margin-bottom: 10px; padding-left: 5px; } .qualify li::marker { color: var(--gold); } .formula { margin-top: 16px; padding: 14px; overflow-wrap: anywhere; border: 1px dashed rgba(217,173,77,.48); border-radius: 10px; background: rgba(0,0,0,.22); color: #f4d78f; font: 700 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; } .fine-print { margin: 12px 0 0; color: #b7c9bf; font-size: 13px; line-height: 1.55; } .footer { padding: 17px 28px; text-align: center; border-top: 1px solid rgba(217,173,77,.25); background: rgba(0,0,0,.23); color: #9eb4a7; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; } @media (max-width: 520px) { body { padding: 0; } .poker-card { border-right: 0; border-left: 0; border-radius: 0; } .hero-copy, .section { right: 20px; left: 20px; padding-right: 20px; padding-left: 20px; } .event-meta, .stats { grid-template-columns: 1fr; } }style><article class="poker-card"><header class="hero"><img src="https://2200poker.clubcommander.com/images/uploads/2200poker/2012/02/634641144391076815_2200SkullChips3DBanner.jpg" alt="2200 Poker" />
<div class="hero-copy">
<p class="eyebrow"><span style="font-size: 11pt;">2200Poker præsentererspan>p>
<h1><span style="font-size: 24pt;">MASTERS KVALIFICERINGspan>h1>div>header><section class="section intro">
<div class="event-meta">
<div class="meta-card"><span class="meta-label">Stedspan><span class="meta-value">Glentekroen, Nørrebrospan>div>
<div class="meta-card"><span class="meta-label">Dag & tidspan><span class="meta-value">Hver tirsdag kl. 17:20span>div>
<div class="meta-card"><span class="meta-label">Senest registreringspan><span class="meta-value">På dagen kl. 16:50span>div>div>
<div class="notice notice-rule"><svg class="notice-icon" viewbox="0 0 512 512" role="img" aria-label="Advarsel"><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S485.2 480 470.8 480H41.2c-14.4 0-27.8-7.7-35-20.1s-7.1-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0-64 0 32 32 0 1 0 64 0z" />svg><strong>HUSK! -Vi låner stedet gratis, -så kør god stil, -køb noget at drikke, -og ryd op efter jer selv og endt game.strong>div>
<ul class="timeline">
<li><time><span style="font-weight: bold;">16:50span>time><span style="font-weight: bold;">Tilmelding deadlinespan>li>
<li><time><span style="font-weight: bold;">17:20span>time><span style="font-weight: bold;">Forventet game-start.span>li>
<li><time><span style="font-weight: bold;">20:00span>time><span style="font-weight: bold;">Ca. forventet game-end.span>li>
ul>
section>
<section class="section">
<h2>Billetprish2>
<div class="stats">
<div class="stat"><strong>100 DKK.strong>Aftenens puljediv>
<div class="stat"><strong>15 DKK.strong>Masters potdiv>
<div class="stat"><strong>10 DKK.strong>Royal Jackpotdiv>
<div class="stat"><strong>5 DKK.strong>Klub udgifterdiv>
div>
<div class="notice notice-rule"><svg class="notice-icon" viewbox="0 0 512 512" role="img" aria-label="Advarsel"><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S485.2 480 470.8 480H41.2c-14.4 0-27.8-7.7-35-20.1s-7.1-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0-64 0 32 32 0 1 0 64 0z" />svg><strong>Udbetaling af præmier sker onsdag den efterfølgende uge.strong>div>
section>
<section class="section">
<h2>Turneringenh2>
<div class="stats">
<div class="stat"><strong>3.000strong>Start stackdiv>
<div class