/* Playable interpretation of the ivory-paper and carved-wood concept. */
.oanq-page{--font-playfair:"LDN Brand";--font-quicksand:Arial;--oq-scale:1;--oq-bg:#faf6ed;--oq-sheet:#fffaf2;--oq-line:#d9c5a6;--oq-red:#792836;--oq-ink:#44372d;--oq-muted:#82705d;--oq-wood:#a87345;--oq-grain:repeating-linear-gradient(4deg,#633a1614 0 1px,transparent 1px 5px,#eed0a51c 5px 6px,transparent 6px 11px)}
.dark .oanq-page{--oq-bg:#211c19;--oq-sheet:#2c2420;--oq-line:#785b40;--oq-red:#e8bb97;--oq-ink:#eee1cb;--oq-muted:#c1ac92;--oq-wood:#855b39}
.oanq-page #main-content.oanq-main{width:min(100%,1180px);margin:auto;padding:20px 36px 32px;color:var(--oq-ink);background:none}
.oanq-back{display:inline-block;font-size:12px;color:var(--oq-muted);text-decoration:none;margin-bottom:4px}
.oanq-back:hover{color:var(--oq-red)}
.oanq-intro{text-align:center;margin:0 auto 16px}
.oanq-intro .ritual-kicker{justify-content:center;font-size:10px;letter-spacing:.23em;color:var(--oq-muted);margin:0 0 7px}
.oanq-page .oanq-intro h1{font-family:"LDN Brand",Georgia,serif;font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.15;margin:0;color:var(--oq-red)}
.oanq-intro>p:not(.ritual-kicker){max-width:none;color:var(--oq-muted);font-family:"LDN Brand",Georgia,serif;font-size:16px;line-height:1.6;margin:10px 0 0}
.oanq-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.oanq-toolbar .ldn-seg{border-radius:30px;box-shadow:none;padding:3px;background:var(--oq-sheet);border-color:var(--oq-line)}
.oanq-toolbar .ldn-seg__btn{border-radius:24px;min-height:34px;padding:8px 16px}
.oanq-toolbar .ldn-seg__btn.is-on{background:#792836;color:#fff4df;box-shadow:none}
.oanq-speed{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--oq-muted)}
.oanq-speed .ldn-seg__btn{padding:7px 9px;font-size:11px}
.oanq-toolbar .ldn-icon{border:1px solid var(--oq-line);background:transparent;color:var(--oq-muted);width:38px;height:38px}
.sound-muted,[aria-pressed=true] .sound-waves{display:none}
[aria-pressed=true] .sound-muted{display:block}
.oanq-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:740px;margin:0 auto 12px}
.oanq-scorecard{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border:1px solid var(--oq-line);border-radius:6px;background:var(--oq-sheet);padding:10px 16px;transition:border-color .2s}
.oanq-scorecard.active{border-color:#a96565;box-shadow:inset 0 -2px #79283612}
.oanq-scorecard>div:first-child{display:flex;gap:10px;align-items:center;min-width:0}
.oanq-scorecard .ldn-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:0;background:none;box-shadow:none;color:var(--oq-red);border-radius:0}
.oanq-scorecard .ldn-name{font-size:14px;color:var(--oq-ink)}
.oanq-scorecard.active .ldn-name:after{content:"ĐANG CHƠI";display:inline-block;margin-left:8px;padding:3px 6px;vertical-align:middle;font:8px/1.3 Arial,sans-serif;letter-spacing:.04em;border-radius:20px;background:#792836;color:#fff5e6}
.oanq-scorecard .ldn-side{text-align:right}
.oanq-scorecard [id^=score-]{color:var(--oq-red);font-family:"LDN Brand",Georgia,serif;font-size:30px;line-height:1.1}
.oanq-scorecard [id^=pile-]{font-size:10px;line-height:1.4;color:var(--oq-muted);max-width:180px;margin-top:3px}
.oanq-scorecard .text-xs{font-size:10px;color:var(--oq-muted);margin-top:3px}
.oanq-page .oanq-status{font-family:"LDN Brand",Georgia,serif;font-size:16px;line-height:1.6;min-height:44px;text-align:center;color:var(--oq-red);padding:0 0 12px;max-width:850px;margin:auto}
/* Continuous rounded wooden slab, carved wells and fine dividing strips. */
.oanq-arena{position:relative;width:100%;margin:0 auto;padding:15px;border:3px solid #805330;border-radius:150px;background:var(--oq-grain),linear-gradient(110deg,#c59663,var(--oq-wood) 35%,#bd8955 66%,#925f37);box-shadow:inset 0 0 0 2px #e1b781,inset 0 0 0 6px #57331540,0 7px 0 #754a2d,0 22px 30px -13px #58351d66}
.oanq-board{display:grid;grid-template-columns:1.05fr repeat(5,minmax(0,1fr)) 1.05fr;grid-auto-rows:1fr;gap:9px;align-items:stretch;width:100%}
.oanq-pit{position:relative;min-width:0;min-height:100px;border:1px solid #e2b67d88;border-radius:17px;background:var(--oq-grain),radial-gradient(ellipse at 50% 80%,#ba8e5d90,#5c351edd),var(--oq-wood);box-shadow:inset 0 6px 10px #35200f66,inset 0 -2px 3px #f1d4a35c,0 1px 0 #63381780;transition:outline .15s,filter .15s}
.oanq-pit.own{cursor:pointer}
.oanq-pit.own:hover{filter:brightness(1.08)}
.oanq-pit.own:focus-visible{outline:3px solid #fff3d9;outline-offset:2px}
.oanq-pit.sel{outline:3px solid #fff3d9;outline-offset:2px;box-shadow:inset 0 6px 10px #35200f66,0 0 0 6px #792836}
.oanq-pit.quan{grid-row:1/span 2;display:flex;align-items:center;justify-content:center}
#pit-0{grid-column:1;border-radius:130px 8px 8px 130px}
#pit-6{grid-column:7;border-radius:8px 130px 130px 8px}
.oanq-pit.quan .qlabel{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;letter-spacing:.15em;color:#f0d3a6a6;pointer-events:none}
.oanq-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 4px;border-radius:5px;background:#fff3dd;color:#61432b;font-family:"LDN Brand",Georgia,serif;font-size:12px;border:1px solid #c7a776;box-shadow:0 2px 3px #36201320;white-space:nowrap}
.oanq-pit[data-cell="7"] .oanq-badge,.oanq-pit[data-cell="8"] .oanq-badge,.oanq-pit[data-cell="9"] .oanq-badge,.oanq-pit[data-cell="10"] .oanq-badge,.oanq-pit[data-cell="11"] .oanq-badge{top:auto;bottom:-12px}
.oanq-pit.quan .oanq-badge{top:auto;bottom:34px;font-size:10px}
/* Uneven pebble silhouettes and muted mineral colors, with stable positions. */
.oanq-stones{position:absolute;inset:4px;z-index:4;pointer-events:none}
.oanq-st{position:absolute;width:calc(var(--stone-size,26px)*var(--oq-scale));height:calc(var(--stone-size,26px)*var(--oq-scale)*.86);border-radius:53% 46% 48% 55%;transform:translate(-50%,-50%) rotate(var(--stone-angle,0deg));box-shadow:1px 4px 4px #2f1b1170,inset -3px -4px 5px #00000027,inset 2px 2px 4px #ffffff60}






.oanq-heap{max-width:70%;max-height:50%;position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#82543a;box-shadow:0 2px 4px #2f1b1166}
.oanq-heap b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff3dc}
.oanq-fly{position:absolute;inset:0;z-index:30;pointer-events:none}
.oanq-hand{position:absolute;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:8px;background:var(--oq-sheet);color:var(--oq-red);border:1px solid var(--oq-line);border-radius:20px;padding:6px 14px;font-size:12px;z-index:29;box-shadow:0 4px 10px #4c291f20}
.oanq-hand-label{font-style:normal}.oanq-hand.show{display:flex}.oanq-hand.p0{bottom:-14px}.oanq-hand.p1{top:-14px}
.oanq-direction-slot{display:flex;justify-content:center;align-items:center;min-height:62px;margin-top:14px;color:var(--oq-muted);font-size:12px}
.oanq-dir{display:flex;align-items:center;background:var(--oq-sheet);border:1px solid var(--oq-line);border-radius:7px;padding:4px;box-shadow:0 6px 18px #56301d09}
.oanq-dir button{min-width:140px;min-height:40px;padding:9px 20px;border:0;border-radius:3px;color:var(--oq-red);background:transparent;cursor:pointer;font-size:13px;font-weight:600}
.oanq-dir button+button{border-left:1px solid var(--oq-line)}
.oanq-dir button:hover{background:#7928360c}
.oanq-actions{display:flex;justify-content:center;gap:14px;margin-top:2px}
.oanq-actions .ldn-btn{min-width:150px;gap:9px;border-radius:6px}
.oanq-quick-guide{display:flex;justify-content:center;gap:42px;margin-top:26px;padding-top:18px;border-top:1px solid var(--oq-line);font-size:12px;color:var(--oq-muted)}
.oanq-quick-guide b{font-family:"LDN Brand",serif;font-size:24px;color:#af8750;font-weight:400;margin-right:10px}
.oanq-main #rules{margin-top:24px;width:100%;max-width:none}
.oanq-main>p:last-child{max-width:640px;margin:18px auto 0;font-size:10px;color:var(--oq-muted);line-height:1.8;text-align:center}
.oanq-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:16px;background:#24120e88;backdrop-filter:blur(3px)}
.oanq-modal .card{background:var(--oq-sheet);color:var(--oq-ink);border:1px solid var(--oq-line);border-radius:10px;max-width:420px;width:100%;padding:28px;text-align:center;box-shadow:0 20px 50px #0005}
.oanq-conf{position:fixed;top:-14px;z-index:160;border-radius:2px;pointer-events:none;animation:oanqconf linear forwards}
.oanq-arena.shake{animation:oanqshake .4s ease}.oanq-pit.pop{animation:oanqpop .3s ease}.oanq-scorecard.pulse{animation:oanqcard .5s ease}.oanq-st.land{animation:oanqland .22s ease}.oanq-pit.glow{outline:3px solid #f2d589;outline-offset:2px}
@keyframes oanqshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes oanqpop{0%,100%{transform:scale(1)}40%{transform:scale(1.04)}}
@keyframes oanqcard{0%,100%{transform:scale(1)}40%{transform:scale(1.025)}}
@keyframes oanqland{0%{opacity:.5;scale:1.3}100%{opacity:1;scale:1}}
@keyframes oanqconf{to{transform:translateY(105vh) rotate(720deg);opacity:.6}}
@media(max-width:767px){
.oanq-page{--oq-scale:.75}.oanq-page #main-content.oanq-main{padding:18px 20px 28px}.oanq-intro{margin-top:12px}.oanq-toolbar{gap:8px}.oanq-intro>p:not(.ritual-kicker){font-size:14px}.oanq-scoreboard{gap:12px}.oanq-scorecard{padding:10px;gap:7px}.oanq-scorecard>div:first-child{gap:6px}.oanq-scorecard.active .ldn-name:after{display:block;margin:4px 0 0;width:max-content}.oanq-scorecard [id^=pile-]{font-size:9px;max-width:110px}.oanq-scorecard [id^=score-]{font-size:27px}.oanq-scorecard .ldn-avatar{width:22px}.oanq-arena{padding:12px;border-width:2px}.oanq-board{gap:6px}.oanq-pit{min-height:88px;border-radius:10px}.oanq-quick-guide{gap:18px;font-size:11px}.oanq-quick-guide b{font-size:19px;margin-right:5px}}
@media(max-width:480px){
.oanq-page{--oq-scale:.51}.oanq-page #main-content.oanq-main{padding:16px 12px 24px}.oanq-page .oanq-intro h1{font-size:38px}.oanq-intro .ritual-kicker{font-size:9px;letter-spacing:.16em}.oanq-toolbar{gap:7px;margin-top:14px}.oanq-toolbar .ldn-seg__btn{font-size:12px;padding:7px 12px}.oanq-speed{order:3;width:100%;justify-content:center}.oanq-speed .ldn-seg__btn{font-size:10px;padding:5px 10px;min-height:28px}.oanq-toolbar .ldn-icon{width:34px;height:34px}.oanq-scoreboard{gap:8px;margin-top:16px}.oanq-scorecard{align-items:flex-start;padding:9px 7px}.oanq-scorecard .ldn-avatar{display:none}.oanq-scorecard .ldn-name{font-size:12px}.oanq-scorecard [id^=score-]{font-size:24px}.oanq-scorecard .text-xs{font-size:8px}.oanq-scorecard [id^=pile-]{max-width:68px;font-size:8px}.oanq-scorecard.active .ldn-name:after{font-size:7px;padding:2px 5px}.oanq-page .oanq-status{font-size:13px;min-height:50px;padding-bottom:14px}.oanq-arena{padding:9px 7px;border-radius:100px;border-width:2px}.oanq-board{grid-template-columns:.9fr repeat(5,minmax(0,1fr)) .9fr;gap:4px}.oanq-pit{min-height:76px;border-radius:8px}.oanq-pit.quan .qlabel{font-size:7px;letter-spacing:.02em;bottom:15px}.oanq-badge{font-size:10px;min-width:18px;height:18px;top:-10px;padding:0 2px}.oanq-pit.quan .oanq-badge{font-size:8px;bottom:32px}.oanq-direction-slot{margin-top:15px;min-height:58px}.oanq-dir button{min-width:126px;min-height:42px;padding:8px 12px}.oanq-actions{gap:10px}.oanq-actions .ldn-btn{min-width:132px;padding:11px 14px;font-size:12px}.oanq-quick-guide{gap:11px;align-items:flex-start;text-align:center;font-size:10px;line-height:1.6;margin-top:22px}.oanq-quick-guide span{flex:1}.oanq-quick-guide b{display:block;margin:0;font-size:22px}.oanq-hand{font-size:10px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){.oanq-page *,.oanq-conf{animation:none!important;transition:none!important}}

/* Reference artwork: live hit regions on the empty illustrated wooden board. */
body.oanq-page{--font-playfair:"Times New Roman";--font-quicksand:"Times New Roman";font-family:"Times New Roman",serif;background:#fbf8f1 url('/assets/images/o-an-quan/landscape.webp') center top/100% auto no-repeat!important}
.dark body.oanq-page{background:#211c19 url('/assets/images/o-an-quan/landscape.webp') center top/100% auto no-repeat!important;background-blend-mode:multiply}
.oanq-page main:before{display:none}
.oanq-page .ldn-header{background:#faf7f0c9;backdrop-filter:blur(3px)}
.oanq-page .ldn-header>.ldn-bar-inner{height:64px;max-width:1120px;padding-inline:30px}
.oanq-page .ldn-brand strong{font-family:"Times New Roman",serif;font-size:24px}
.oanq-page .ldn-brand img{content:url('/assets/images/o-an-quan/seal.svg');box-shadow:none;background:none;width:46px;height:46px}
.oanq-page .ldn-brand small{font-size:10px;letter-spacing:2px;font-family:"Times New Roman",serif}
.oanq-page .ldn-desktop-nav{gap:32px;margin-left:auto;margin-right:32px}
.oanq-page .ldn-desktop-nav>a,.oanq-page .ldn-nav-group summary{font-family:"Times New Roman",serif;font-size:16px;font-weight:400}
.oanq-page .ldn-desktop-nav>a[href='/tu-vi-2026'],.oanq-page .ldn-desktop-nav>a[href='/mon-an-tet'],.oanq-page .ldn-nav-group summary>svg{display:none}
.oanq-page #ldn-bar-theme-toggle{order:-1}
.oanq-page #main-content.oanq-main{width:min(80%,1152px);padding:24px 18px 30px}
.oanq-page .oanq-back{font-family:"Times New Roman",serif;font-size:16px;margin-left:20px;margin-bottom:0}
.oanq-page .oanq-intro{margin-top:-7px;margin-bottom:16px}
.oanq-page .oanq-intro .ritual-kicker{font-size:12px;letter-spacing:.26em;margin-bottom:0}
.oanq-page .oanq-intro h1{font-family:"Times New Roman",serif;font-size:clamp(44px,4.5vw,64px);line-height:1.08;margin:0;font-weight:700;color:#651922}
.oanq-flourish{display:flex;align-items:center;justify-content:center;gap:12px;color:#9f794b;font-size:18px;height:20px}
.oanq-flourish:before,.oanq-flourish:after{content:"";width:32px;height:1px;background:#c8a270}
.oanq-page .oanq-intro>p:not(.ritual-kicker){font-family:"Times New Roman",serif;font-size:22px;color:#5c4432;margin-top:4px}
.oanq-page .oanq-toolbar{margin-top:17px;gap:13px}
.oanq-page .oanq-toolbar>.ldn-seg{margin-right:42px;min-width:284px;justify-content:center}
.oanq-page .oanq-toolbar .ldn-seg__btn{font-family:"Times New Roman",serif;font-size:16px;min-height:37px;padding:8px 25px}
.oanq-page .oanq-toolbar .ldn-icon{width:44px;height:44px;color:#856c4a}
.oanq-page .oanq-scoreboard{max-width:660px;gap:44px;margin-top:16px;margin-bottom:15px}
.oanq-page .oanq-scorecard{background:#fffaf0a0;border:1px solid #b9925e9c;border-radius:8px;padding:14px 22px;min-height:72px;position:relative;box-shadow:none}
.oanq-page .oanq-scorecard.active{border-color:#b9925e9c}
.oanq-page .oanq-scorecard .ldn-name{font-family:"Times New Roman",serif;font-size:18px}
.oanq-page .oanq-scorecard .ldn-avatar{width:30px}
.oanq-page .oanq-scorecard .ldn-avatar svg{width:26px;height:26px}
.oanq-page .oanq-scorecard.active .ldn-name:after{font-family:"Times New Roman",serif;font-size:10px;letter-spacing:.05em;margin-left:12px;padding:5px 10px}
.oanq-page .oanq-scorecard [id^=score-]{font-family:"Times New Roman",serif;font-size:40px;font-weight:400;color:#4a2114}
.oanq-page .oanq-scorecard .text-xs,.oanq-page .oanq-scorecard [id^=pile-]{display:none}
.oanq-page #card-top:before{content:"";position:absolute;inset:8px;pointer-events:none;opacity:.18;background:url('/assets/images/o-an-quan/bamboo.svg') center/90px 100% no-repeat}
.oanq-page .oanq-status{font-family:"Times New Roman",serif;color:#5d241d;font-size:22px;font-weight:400;min-height:69px;padding:0 0 22px}
.oanq-page .oanq-arena{aspect-ratio:3.9;padding:0;border:0;border-radius:0;background:transparent url('/assets/images/o-an-quan/board.webp') center 44.7%/103.18% 140.11% no-repeat;box-shadow:0 18px 22px -17px #55351d80}
.oanq-page .oanq-board{position:absolute;inset:6.8% 3.3% 7.4% 3.3%;width:auto;grid-template-columns:1.5fr repeat(5,minmax(0,1fr)) 1.5fr;grid-template-rows:1fr 1fr;gap:4px}
.oanq-page .oanq-pit,.oanq-page .oanq-pit.quan{min-height:0;border:0;border-radius:16px;background:none;box-shadow:none;filter:none;outline:none}
.oanq-page #pit-0{border-radius:100% 0 0 100%}.oanq-page #pit-6{border-radius:0 100% 100% 0}
.oanq-page .oanq-pit.own:hover{background:#ffe8ab0d}
.oanq-page .oanq-pit.sel{outline:2px solid #fffaf2;outline-offset:-1px;box-shadow:0 0 0 3px #792836}
.oanq-page .oanq-pit:focus-visible{outline:2px solid #fff3d9;outline-offset:0}
.oanq-page .oanq-pit .qlabel{display:none}
.oanq-page .oanq-badge{font-family:"Times New Roman",serif;font-size:15px;top:-23px;height:25px;min-width:25px;border:0;border-radius:6px;background:#fff2d9;color:#493223;box-shadow:none}
.oanq-page .oanq-pit[data-cell="7"] .oanq-badge,.oanq-page .oanq-pit[data-cell="8"] .oanq-badge,.oanq-page .oanq-pit[data-cell="9"] .oanq-badge,.oanq-page .oanq-pit[data-cell="10"] .oanq-badge,.oanq-page .oanq-pit[data-cell="11"] .oanq-badge{top:auto;bottom:-23px}
.oanq-page .oanq-pit.quan .oanq-badge{top:auto;bottom:12%;font-size:14px}
.oanq-page .oanq-st{background-color:transparent;border-radius:0!important;width:calc(var(--stone-size,26px)*var(--oq-scale)*1.08);height:calc(var(--stone-size,26px)*var(--oq-scale)*1.0);box-shadow:none;filter:drop-shadow(1px 3px 2px #2b160d55)}
.oanq-page .oanq-st.gold{width:calc(var(--stone-size,39px)*var(--oq-scale)*1.35);height:calc(var(--stone-size,39px)*var(--oq-scale)*1.25)}
.oanq-page .oanq-stones{inset:8% 5%}
.oanq-page .oanq-direction-slot{margin-top:21px;min-height:54px}
.oanq-page .oanq-dir{border-color:#c4a2738c;background:#fffaf1b0;box-shadow:none;padding:4px;border-radius:10px}
.oanq-page .oanq-dir button{font-family:"Times New Roman",serif;font-size:16px;font-weight:400;min-width:150px;min-height:36px}
.oanq-page .oanq-dir button:disabled{opacity:.8;cursor:default}
.oanq-page .oanq-actions{margin-top:12px;gap:20px}
.oanq-page .oanq-actions .ldn-btn{font-family:"Times New Roman",serif;min-width:165px;min-height:48px;font-size:18px;font-weight:400;justify-content:center;border-radius:8px}
.oanq-page .oanq-actions svg{display:none}
.oanq-settings{text-align:center;font-size:11px;color:#9b805c;margin:10px 0 -13px;position:relative}
.oanq-settings summary{cursor:pointer;list-style:none;display:inline-block}
.oanq-settings summary:after{content:"⌄";margin-left:6px}.oanq-settings[open]{margin-bottom:0}
.oanq-settings .oanq-speed{justify-content:center;margin:8px}.oanq-settings .oanq-speed>span{display:none}
.oanq-page .oanq-quick-guide{margin-top:30px;padding-top:24px;gap:0;color:#4f3628;justify-content:space-between;font-family:"Times New Roman",serif}
.oanq-page .oanq-quick-guide>span{position:relative;flex:1;padding:0 22px 0 62px;font-size:17px;text-align:left;line-height:1.6}
.oanq-page .oanq-quick-guide>span+span{border-left:1px solid #c7a87780}
.oanq-page .oanq-quick-guide b{position:absolute;left:0;top:-4px;font-family:"Times New Roman",serif;font-size:42px;font-weight:400;color:#ad874c;margin:0}
.oanq-page .oanq-quick-guide>span+span b{left:20px}
.oanq-page .oanq-quick-guide>span+span{padding-left:82px}
.oanq-quick-guide small{display:block;font-size:13px;color:#786046;line-height:1.5}
.oanq-page .oanq-main>p:last-child{display:none}
.dark .oanq-page .ldn-header{background:#211c19db}.dark .oanq-page .oanq-intro h1,.dark .oanq-page .oanq-intro>p:not(.ritual-kicker),.dark .oanq-page .oanq-status,.dark .oanq-page .oanq-scorecard [id^=score-],.dark .oanq-page .oanq-quick-guide{color:#eddbc1}
.dark .oanq-page .oanq-scorecard,.dark .oanq-page .oanq-dir{background:#2d241dcc}.dark .oanq-page .oanq-quick-guide small{color:#c3aa8a}
@media(max-width:1099px){.oanq-page .ldn-desktop-nav{display:flex;gap:20px;margin-right:16px}.oanq-page #ldn-bar-menu-toggle{display:none}.oanq-page .ldn-header>.ldn-bar-inner{padding-inline:20px}}
@media(max-width:767px){
.oanq-page #main-content.oanq-main{width:100%;padding:20px 12px 30px}.oanq-page .ldn-header>.ldn-bar-inner{height:64px;padding-inline:14px}.oanq-page .ldn-desktop-nav{display:none}.oanq-page #ldn-bar-menu-toggle{display:flex}.oanq-page .ldn-brand strong{font-size:20px}.oanq-page .ldn-brand img{width:38px;height:38px}.oanq-page .oanq-back{font-size:13px;margin:0 0 14px 8px}.oanq-page .oanq-intro{margin-top:0}.oanq-page .oanq-intro h1{font-size:48px}.oanq-page .oanq-intro>p:not(.ritual-kicker){font-size:16px}.oanq-page .oanq-intro .ritual-kicker{font-size:9px}.oanq-page .oanq-toolbar{gap:10px;margin-top:17px}.oanq-page .oanq-toolbar>.ldn-seg{margin-right:2px;min-width:0}.oanq-page .oanq-toolbar .ldn-seg__btn{font-size:14px;padding:8px 17px}.oanq-page .oanq-toolbar .ldn-icon{width:36px;height:36px}.oanq-page .oanq-scoreboard{gap:14px;margin-top:14px}.oanq-page .oanq-scorecard{padding:12px 10px;min-height:68px}.oanq-page .oanq-scorecard .ldn-name{font-size:15px}.oanq-page .oanq-scorecard [id^=score-]{font-size:32px}.oanq-page .oanq-scorecard.active .ldn-name:after{display:block;font-size:8px;margin:3px 0 0;padding:3px 6px}.oanq-page .oanq-scorecard .ldn-avatar{display:none}.oanq-page .oanq-status{font-size:16px;min-height:52px;padding-bottom:20px}.oanq-page .oanq-arena{aspect-ratio:3.2}.oanq-page .oanq-board{gap:2px}.oanq-page .oanq-pit,.oanq-page .oanq-pit.quan{border-radius:7px}.oanq-page .oanq-badge{font-size:10px;min-width:17px;height:18px;top:-14px}.oanq-page .oanq-pit[data-cell="7"] .oanq-badge,.oanq-page .oanq-pit[data-cell="8"] .oanq-badge,.oanq-page .oanq-pit[data-cell="9"] .oanq-badge,.oanq-page .oanq-pit[data-cell="10"] .oanq-badge,.oanq-page .oanq-pit[data-cell="11"] .oanq-badge{bottom:-14px}.oanq-page .oanq-pit.quan .oanq-badge{font-size:10px;bottom:10%}.oanq-page .oanq-dir button{font-size:15px;min-width:128px}.oanq-page .oanq-actions .ldn-btn{font-size:16px;min-width:130px;min-height:43px}.oanq-page .oanq-quick-guide{margin-top:28px;padding-top:18px;gap:10px}.oanq-page .oanq-quick-guide>span,.oanq-page .oanq-quick-guide>span+span{padding:0;border:0;text-align:center;font-size:12px}.oanq-page .oanq-quick-guide b,.oanq-page .oanq-quick-guide>span+span b{position:static;display:block;font-size:28px}.oanq-quick-guide small{font-size:10px}body.oanq-page,.dark body.oanq-page{background-size:auto 930px!important;background-position:center 60px!important}}
.oanq-page .oanq-st.c2{background-image:url("/assets/images/o-an-quan/stones.webp");background-size:627.74566% 266.17647%;background-position:3.55969% 51.10619%;}
.oanq-page .oanq-st.c1{background-image:url("/assets/images/o-an-quan/stones.webp");background-size:620.57143% 251.38889%;background-position:26.89352% 50.91743%;}
.oanq-page .oanq-st.c0{background-image:url("/assets/images/o-an-quan/stones.webp");background-size:652.25225% 260.43165%;background-position:49.86406% 51.34529%;}
.oanq-page .oanq-st.c3{background-image:url("/assets/images/o-an-quan/stones.webp");background-size:644.51039% 258.57143%;background-position:72.31608% 51.35135%;}
.oanq-page .oanq-st.gold{background-image:url("/assets/images/o-an-quan/stones.webp");background-size:571.57895% 218.73112%;background-position:96.76339% 48.60051%;}

body.oanq-page :is(h1,h2,h3,.font-serif){--font-playfair:"Times New Roman"}

@media(min-width:768px){.oanq-page .oanq-quick-guide{margin-inline:70px}.oanq-page #btn-new{min-width:185px}}

@media(max-width:480px){.oanq-page{--oq-scale:.40}}
@media(max-width:359px){.oanq-page{--oq-scale:.33}}

.oanq-page .ldn-show-dark{display:block}.oanq-page .ldn-show-light{display:none}.dark .oanq-page .ldn-show-dark{display:none}.dark .oanq-page .ldn-show-light{display:block}