:root{--cover-bg:#f0e7d3;--cover-ink:#333;--chalk-bg:#3a4a42;--chalk:#eef0e7;--chalk-dim:#eef0e79e;--paper:var(--cover-bg);--ink:#14110f;--muted:#6b6259;--rule:#14110f;--accent:#1f6f5c;--wrong:#a63d40;--seal:#b03226;--flower:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='black'%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(45 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(90 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(135 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(225 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(270 50 50)'/%3E%3Cellipse cx='50' cy='26' rx='9.5' ry='19' transform='rotate(315 50 50)'/%3E%3Ccircle cx='50' cy='50' r='6.5'/%3E%3C/g%3E%3C/svg%3E");--serif:Georgia, "Songti SC", "SimSun", serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "PingFang SC", "Hiragino Sans GB", "Heiti SC", monospace;--cn-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--display:"Archivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overflow-y:scroll}::-webkit-scrollbar{background:0 0;width:12px;height:12px}::-webkit-scrollbar-track{box-shadow:none;background:0 0;border:none}::-webkit-scrollbar-track-piece{box-shadow:none;background:0 0;border:none}::-webkit-scrollbar-thumb{background:var(--muted);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--ink);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E");position:fixed;inset:0}#app{z-index:1;justify-content:center;min-height:100vh;display:flex;position:relative}.screen{flex-direction:column;justify-content:center;gap:20px;width:100%;max-width:480px;padding:40px 24px 64px;display:flex}.btn{font:inherit;border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:14px 18px;transition:background .15s,color .15s,opacity .15s}.btn:hover:not([disabled]){background:var(--ink);color:var(--paper)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover:not([disabled]){opacity:.85;background:var(--ink);color:var(--paper)}.btn--ghost{border-style:dashed}.btn--skip{color:var(--muted);border:none;padding:8px;text-decoration:underline}.btn--skip:hover{color:var(--ink);background:0 0}.screen--menu{--spine-w:clamp(62px, 8%, 130px);--meta-h:clamp(48px, 11vh, 96px);--mid-x:calc(50% + var(--spine-w) / 2);--pad-x:clamp(20px, 2.6vw, 46px);--corner-y:calc((var(--meta-h) - 12px) / 2);--veil:#f0e7d3db;--rules-h:var(--meta-h);align-items:stretch;gap:0;width:100%;max-width:none;padding:0}.board{grid-template-columns:var(--spine-w) minmax(0, 1fr) minmax(0, 1fr);grid-template-rows:var(--meta-h) minmax(0, 1fr) auto;background:var(--cover-bg);width:100%;min-height:100dvh;color:var(--cover-ink);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;display:grid;position:relative;overflow:hidden}.board img,.circle--2{-webkit-user-drag:none;cursor:pointer}.meta,.spine,.infoblock,.rules,.cover__edition{cursor:default}.scaffold{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.axis{background:var(--cover-ink);opacity:.55;position:absolute}.axis--y{width:1px;top:0;bottom:0}.axis--x{height:1px;left:0;right:0}.y-2{left:var(--mid-x)}.x-1{top:var(--meta-h)}.diag{top:50%;left:var(--mid-x);background:var(--cover-ink);opacity:.35;transform-origin:50%;width:150%;height:1px;position:absolute}.diag--1{transform:translate(-50%,-50%)rotate(32deg)}.diag--2{transform:translate(-50%,-50%)rotate(-32deg)}.circle{aspect-ratio:1;border:1px solid var(--cover-ink);opacity:.45;border-radius:50%;position:absolute}.circle--1{width:54%;top:50%;left:var(--mid-x);transform:translate(-50%,-50%)}.circle--2{pointer-events:auto;touch-action:none;width:10%;top:13%;left:15%}.node{background:var(--cover-ink);width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.n-2{top:var(--meta-h);left:var(--mid-x)}.n-5{top:50%;left:var(--mid-x)}.slips{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.slip{border:1px solid var(--cover-ink);background:var(--cover-bg);text-align:center;max-width:190px;color:var(--cover-ink);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #33333359}.slip__en{font-family:var(--serif);font-size:clamp(12px,1vw,16px);font-weight:700;line-height:1.2}.slip__zh{font-family:var(--cn-serif);letter-spacing:.1em;font-size:clamp(12px,1vw,16px);line-height:1.3}.spine{z-index:3;border-right:1px solid var(--cover-ink);background:repeating-linear-gradient(0deg, var(--cover-ink) 0 2px, var(--cover-bg) 2px 6px);flex-direction:column;grid-area:1/1/-1;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.spine__text{writing-mode:vertical-rl;text-orientation:mixed;border-top:1px solid var(--cover-ink);border-bottom:1px solid var(--cover-ink);background:var(--cover-bg);letter-spacing:3px;text-transform:uppercase;padding:12px 3px;font-size:11px;font-weight:700}.spine__node{background:var(--cover-ink);width:7px;height:7px;transform:rotate(45deg)}.meta{z-index:3;padding:0 var(--pad-x);border-bottom:1px solid var(--cover-ink);background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:2px;text-transform:uppercase;grid-area:1/2/auto/-1;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.meta__right{align-items:center;gap:12px;display:flex}.cover__badge{left:var(--pad-x);bottom:var(--corner-y);letter-spacing:.12em;border:1px solid;border-radius:999px;padding:3px 11px;font-size:10px;line-height:1.4;position:absolute}.langswitch{border:1px solid var(--cover-ink);cursor:pointer;display:flex}.langswitch__btn{color:var(--cover-ink);font-family:var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;padding:3px 9px;font-size:clamp(9px,.8vw,12px);font-weight:600;transition:background .18s,color .18s}.langswitch__btn+.langswitch__btn{border-left:1px solid var(--cover-ink)}.langswitch__btn--on{background:var(--cover-ink);color:var(--cover-bg)}@media (hover:hover){.langswitch__btn:not(.langswitch__btn--on):hover{background:#3333331a}}.langswitch__btn:focus-visible{outline:2px solid var(--cover-ink);outline-offset:2px}.titleblock{z-index:3;padding:4vh var(--pad-x) calc(var(--rules-h) + 6vh);pointer-events:none;flex-direction:column;grid-area:2/2/-1;justify-content:center;display:flex;position:relative}.titleblock:before{content:"";z-index:-1;height:var(--rules-h);background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;bottom:0;left:0;right:0}.titleblock:after{content:"";left:0;right:0;bottom:calc(var(--rules-h) - 1px);background:var(--cover-ink);height:1px;position:absolute}.titleblock__zh{font-family:var(--cn-serif);letter-spacing:.22em;white-space:nowrap;margin:0 0 .15em;font-size:clamp(20px,3.72vw,70px);font-weight:400;line-height:1.1}.titleblock__en{font-family:var(--display);letter-spacing:-.02em;color:var(--cover-bg);text-shadow:.025em .025em 0 var(--cover-ink), .05em .05em 0 var(--cover-ink), .075em .075em 0 var(--cover-ink), -.012em -.012em 0 var(--cover-ink), .012em -.012em 0 var(--cover-ink), -.012em .012em 0 var(--cover-ink), .012em .012em 0 var(--cover-ink);flex-direction:column;margin:0;font-size:clamp(34px,8.1vw,160px);font-weight:600;line-height:.96;display:flex}.titleblock__en span{white-space:nowrap;display:block}.infoblock{z-index:3;height:var(--rules-h);padding:0 var(--pad-x);border-top:1px solid var(--cover-ink);border-left:1px solid var(--cover-ink);background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);grid-area:3/3;align-items:center;gap:clamp(20px,2.5vw,44px);display:flex}.rules{flex:auto}.cover__edition{flex:none;margin-left:auto}.portrait{aspect-ratio:1;background:var(--cover-bg);flex:none;width:100%;max-width:320px;position:relative;overflow:hidden}.portrait__img{filter:grayscale()contrast(1.15);mix-blend-mode:multiply;width:100%;height:auto;position:absolute;inset:auto 0 -5%}.portrait__img--flip{transform:scaleX(-1)}.rules{align-items:center;gap:12px;margin:0;display:flex;position:relative}.rules__label{background:var(--cover-ink);color:var(--cover-bg);letter-spacing:2px;text-transform:uppercase;flex:none;padding:3px 8px;font-size:9px;font-weight:600;line-height:1.4}.rules__list{flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.rule{align-items:baseline;gap:9px;display:flex}.rule__no{letter-spacing:1px;opacity:.5;flex:none;font-size:9.5px;font-weight:700}.rule__text{font-size:clamp(11px,.9vw,13.5px);line-height:1.55}.cover__edition{justify-content:flex-end;align-items:baseline;gap:3px;margin:0;display:flex}.cover__edition-label{font-size:11px}.cover__edition-number{letter-spacing:-.02em;font-size:26px;font-weight:700}.actions{z-index:3;border-left:1px solid var(--cover-ink);background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);grid-area:2/3;grid-template-columns:1fr 1fr;display:grid}.mode{isolation:isolate;text-align:center;min-height:clamp(110px,20vh,200px);color:var(--cover-ink);font-family:var(--mono);letter-spacing:1px;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(14px,2.8vh,34px);padding:clamp(22px,3vh,38px) clamp(14px,1.9vw,34px);font-size:clamp(12px,1.15vw,17px);font-weight:700;transition:background-color .18s;display:flex;position:relative;overflow:hidden}.mode--hard{border-left:1px solid var(--cover-ink)}.mode:before{content:"";z-index:-1;background:var(--cover-ink);transition:transform .28s cubic-bezier(.19,1,.22,1);position:absolute;inset:0;transform:translateY(100%)}.mode:focus-visible{color:var(--cover-bg)}.mode:focus-visible:before{transform:translateY(0)}@media (hover:hover){.mode:hover{color:var(--cover-bg)}.mode:hover:before{transform:translateY(0)}}.mode:focus-visible{outline:2px solid var(--cover-ink);outline-offset:-6px}.mode__text{flex-direction:column;gap:6px;display:flex}.mode__name{font-family:var(--serif);letter-spacing:.02em;white-space:nowrap;font-size:clamp(13px,2.25vw,34px);font-weight:700;line-height:1.3}.mode__hint{letter-spacing:.04em;opacity:.72;font-size:clamp(10px,1vw,15px);font-weight:500;line-height:1.4}.mode__start{letter-spacing:.08em;white-space:nowrap;opacity:0;flex-direction:column;flex:none;align-items:center;gap:.15em;font-size:clamp(11px,.9vw,14px);font-weight:700;line-height:1.4;transition:opacity .22s,transform .28s cubic-bezier(.19,1,.22,1);display:flex;transform:translate(-10px)}.mode__manicule{letter-spacing:0;font-size:2.8em;line-height:.7}.mode:focus-visible .mode__start{opacity:1;transform:translate(0)}@media (hover:hover){.mode:hover .mode__start{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.mode,.mode:before{transition:none}}@media (width<=860px){.screen--menu{--mid-x:50%}.board{grid-template-rows:auto auto minmax(0,1fr) auto auto auto;grid-template-columns:1fr}.infoblock{display:contents}.rules{border-top:1px solid var(--cover-ink);grid-area:5/1;margin:0;padding:22px 16px 0}.cover__edition{grid-area:6/1;padding:16px 16px 18px}.x-1,.n-1,.n-2{top:22%}.spine{border-right:none;border-bottom:1px solid var(--cover-ink);background:repeating-linear-gradient(90deg, var(--cover-ink) 0 2px, var(--cover-bg) 2px 6px);flex-direction:row;grid-area:1/1;padding:7px 12px}.spine__text{writing-mode:horizontal-tb;border:1px solid var(--cover-ink);letter-spacing:2px;padding:3px 10px;font-size:9px}.meta{letter-spacing:1px;grid-area:2/1;padding:0 12px;font-size:9px}.meta__label{display:none}.langswitch__btn{letter-spacing:.08em;padding:2px 7px;font-size:9px}.titleblock{grid-area:3/1/4;padding:16px 16px 14px}.titleblock:before,.titleblock:after{display:none}.titleblock__zh{letter-spacing:.18em;font-size:clamp(24px,9.2vw,48px)}.titleblock__en{font-size:clamp(42px,17.2vw,92px)}.plate{flex:none;height:clamp(104px,13.5vh,150px);min-height:0}.rules{gap:2px;line-height:1.5}.cover__edition{margin-top:4px}.actions{border-left:none;border-top:1px solid var(--cover-ink);grid-area:4/1;grid-template-rows:auto auto;grid-template-columns:1fr}.cover__edition{margin-left:0}.mode{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(16px,4.5vw,24px);min-height:118px;padding:22px 18px}.portrait{width:clamp(85px,25.3vw,112px)}.mode__text{gap:7px}.mode__name{font-size:clamp(19px,5.4vw,26px)}.mode__hint{font-size:clamp(12px,3.5vw,16px)}.mode__start{display:none}.mode--hard{border-left:none;border-top:1px solid var(--cover-ink)}.scaffold{display:none}.cover__badge{align-self:flex-start;margin-top:clamp(16px,3vh,28px);position:static}}.screen--question,.screen--reveal,.screen--result{--quiz-w:820px;justify-content:flex-start;gap:0;width:100%;max-width:none;padding:0}.quizbar{border-bottom:1px solid var(--ink);min-height:clamp(46px,7vh,68px);font-family:var(--mono);justify-content:space-between;align-items:center;gap:clamp(12px,2vw,24px);padding:0 clamp(16px,3vw,40px);display:flex;position:relative}.quizbar__progress{letter-spacing:.12em;gap:8px;margin:0;font-size:clamp(11px,1.1vw,15px);font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.quizbar__total{color:var(--muted)}.boardwrap{justify-content:center;padding:clamp(20px,4vh,52px) clamp(16px,3vw,40px);display:flex}.chalkboard{width:100%;max-width:var(--quiz-w);border:clamp(3px, .45vw, 6px) solid var(--paper);background:var(--chalk-bg);color:var(--chalk);text-align:center;box-shadow:0 0 0 1px var(--ink), clamp(6px, .9vw, 12px) clamp(6px, .9vw, 12px) 0 var(--ink);padding:clamp(24px,3.4vw,50px) clamp(22px,3.4vw,52px) clamp(28px,4vw,56px);position:relative;overflow:hidden}.chalkboard:after{content:"";pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.chalkboard__term{font-family:var(--serif);margin:0;font-size:clamp(30px,5.2vw,72px);font-weight:700;line-height:1.15}.chalkboard__pinyin{font-family:var(--serif);letter-spacing:.06em;color:var(--chalk-dim);margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(14px,1.5vw,22px)}.chalkboard__origin{font-family:var(--serif);margin:clamp(6px,1vh,12px) 0 0;font-size:clamp(14px,1.4vw,20px)}.chalkboard .btn--ghost{border-color:var(--chalk-dim);width:auto;color:var(--chalk);margin-top:clamp(16px,2.4vh,26px);font-size:clamp(11px,1.05vw,14px);display:inline-block}.chalkboard .btn--ghost:hover:not([disabled]){background:var(--chalk);color:var(--chalk-bg)}.chalkboard .btn--ghost[disabled]{opacity:.38}.quizpad{flex-direction:column;flex:1;align-items:center;gap:clamp(14px,2vh,22px);padding:0 clamp(16px,3vw,40px) clamp(28px,5vh,56px);display:flex}.quizpad__actions{width:100%;max-width:var(--quiz-w);flex-direction:column;gap:clamp(10px,1.5vh,16px);display:flex}.quizpad__aux{width:100%;max-width:var(--quiz-w);flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.6vw,18px);display:flex}.optioncard{border:2px solid var(--ink);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:5px 5px 0 var(--ink);background:#faf7ef;align-items:stretch;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.optioncard__key{background:var(--ink);min-width:clamp(42px,4.6vw,62px);color:var(--paper);font-family:var(--mono);flex:none;place-items:center;font-size:clamp(13px,1.3vw,19px);font-weight:700;display:grid}.optioncard__text{font-family:var(--serif);padding:clamp(13px,1.9vh,20px) clamp(16px,1.8vw,24px);font-size:clamp(15px,1.5vw,21px);line-height:1.35}@media (hover:hover){.optioncard:hover{box-shadow:7px 7px 0 var(--ink);background:#fffdf7;transform:translate(-2px,-2px)}}.optioncard:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.optioncard:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.optioncard{transition:none}}.btn--link{color:var(--muted);letter-spacing:.02em;border:none;padding:4px 0;font-size:13px}.btn--link:hover:not([disabled]){color:var(--ink);background:0 0}.progress{color:var(--muted);letter-spacing:.08em;text-align:center;margin:0;font-size:13px}.term{font-family:var(--serif);text-align:center;margin:0;font-size:34px;line-height:1.25}.term__reading{text-align:center;font-family:var(--serif);color:var(--muted);margin:-10px 0 0;font-size:17px}.hints{flex-direction:column;gap:8px;display:flex}.hints:not(:empty){border-top:1px solid #eef0e73d;margin-top:clamp(14px,2.2vh,24px);padding-top:clamp(12px,2vh,20px)}.hint{font-family:var(--serif);color:var(--chalk-dim);margin:0;font-size:clamp(14px,1.4vw,19px)}.hint--2{font-style:italic}.options,.hard-area{width:100%;max-width:var(--quiz-w);flex-direction:column;gap:clamp(10px,1.5vh,16px);display:flex}.answer-input{font:inherit;font-family:var(--serif);border:2px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);background:#faf7ef;border-radius:0;padding:clamp(13px,1.9vh,20px) clamp(14px,1.6vw,20px);font-size:clamp(15px,1.5vw,21px)}.answer-input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.feedback{color:var(--wrong);text-align:center;margin:0;font-size:14px}.entry-card__plate{border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;margin:0;padding:clamp(9px,1.4vh,14px) clamp(16px,2vw,24px);font-size:clamp(11px,1.05vw,14px);font-weight:700}.reveal__status--correct{background:var(--accent)}.reveal__status--incorrect{background:var(--wrong)}.reveal__status--skipped{background:var(--muted)}.entry-card{width:100%;max-width:var(--quiz-w);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:var(--serif);text-align:center;background:#faf7ef;padding:0}.entry-card__body{padding:clamp(24px,3.4vw,50px) clamp(22px,3.4vw,52px) clamp(28px,4vw,56px)}.entry-card__term{margin:0;font-size:clamp(24px,3.6vw,48px);font-weight:700;line-height:1.15}.entry-card__pinyin{letter-spacing:.06em;color:var(--muted);margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(13px,1.4vw,20px)}.entry-card__origin{margin:clamp(6px,1vh,12px) 0 0;font-size:clamp(14px,1.4vw,20px)}.entry-card__rule{border:none;border-top:1px solid var(--rule);margin:clamp(20px,3vh,32px) 0}.entry-card__answer{margin:0;font-size:clamp(22px,3vw,40px);font-style:italic;line-height:1.3}.entry-card__note{max-width:46ch;color:var(--muted);margin:clamp(12px,2vh,20px) auto 0;font-size:clamp(14px,1.4vw,19px);font-style:italic;line-height:1.6}.certwrap{justify-content:center;padding:clamp(14px,2.4vh,28px) clamp(16px,3vw,40px) clamp(18px,2.5vh,30px);display:flex}.cert{--frame:clamp(9px, 1vw, 14px);--cert-paper:#fbf6e9;border:clamp(3px, .45vw, 5px) solid var(--seal);background:var(--cert-paper);width:100%;max-width:880px;box-shadow:clamp(6px, .9vw, 10px) clamp(6px, .9vw, 10px) 0 var(--ink);text-align:center;padding:clamp(30px,4.6vw,66px) clamp(26px,4vw,62px) clamp(24px,3vw,44px);position:relative;overflow:hidden}.cert:before{content:"";inset:var(--frame);border:1px solid var(--seal);pointer-events:none;position:absolute}.cert__corner{aspect-ratio:1;background:var(--seal);width:clamp(17px,2.1vw,30px);-webkit-mask:var(--flower) center / contain no-repeat;-webkit-mask:var(--flower) center / contain no-repeat;mask:var(--flower) center / contain no-repeat;pointer-events:none;position:absolute}.cert__corner--tl{top:var(--frame);left:var(--frame);transform:translate(-50%,-50%)}.cert__corner--tr{top:var(--frame);right:var(--frame);transform:translate(50%,-50%)}.cert__corner--bl{bottom:var(--frame);left:var(--frame);transform:translate(-50%,50%)}.cert__corner--br{bottom:var(--frame);right:var(--frame);transform:translate(50%,50%)}.cert__rays{aspect-ratio:1;opacity:.07;background:repeating-conic-gradient(from 0deg, var(--seal) 0deg 3.2deg, transparent 3.2deg 7.2deg);pointer-events:none;width:128%;animation:1.7s cubic-bezier(.16,1,.3,1) both rays-settle,100s linear 1.7s infinite rays-drift;position:absolute;top:clamp(54px,8.5vw,108px);left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 12%,#0000 56%);mask-image:radial-gradient(closest-side,#000 12%,#0000 56%)}@keyframes rays-settle{0%{opacity:0;transform:translate(-50%,-50%)rotate(-24deg)scale(.88)}to{opacity:.07;transform:translate(-50%,-50%)rotate(0)scale(1)}}@keyframes rays-drift{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cert__rays{animation:none}}.cert__head{border-bottom:1px solid var(--seal);padding-bottom:clamp(20px,2.8vh,28px);position:relative}.cert__head:before{content:"";aspect-ratio:1;background:var(--cert-paper);border-radius:50%;width:clamp(32px,3.8vw,52px);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.cert__head:after{content:"";aspect-ratio:1;background:var(--seal);width:clamp(21px,2.5vw,34px);-webkit-mask:var(--flower) center / contain no-repeat;-webkit-mask:var(--flower) center / contain no-repeat;mask:var(--flower) center / contain no-repeat;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.cert__kicker{font-family:var(--cn-serif);letter-spacing:.26em;text-indent:.26em;color:var(--seal);margin:0;font-size:clamp(36px,6.4vw,78px);font-weight:700;line-height:1.05;position:relative}.screen--result[data-lang=en] .cert__kicker{font-family:var(--serif);letter-spacing:.16em;text-indent:.16em;font-size:clamp(27px,4.8vw,62px)}.cert__kicker-alt{font-family:var(--mono);letter-spacing:.3em;text-indent:.3em;color:var(--muted);margin:clamp(9px,1.3vh,15px) 0 0;font-size:clamp(10px,1vw,13px);font-weight:700;position:relative}.screen--result[data-lang=en] .cert__kicker-alt{font-family:var(--cn-serif);letter-spacing:.2em;text-indent:.2em;font-size:clamp(12px,1.2vw,16px)}.cert__lead{font-family:var(--cn-serif);letter-spacing:.04em;color:var(--muted);margin:clamp(22px,3.2vh,34px) 0 0;font-size:clamp(13px,1.35vw,19px);position:relative}.cert__title{font-family:var(--cn-serif);margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(27px,4.6vw,60px);font-weight:700;line-height:1.2;position:relative}.screen--result[data-lang=en] .cert__title{font-family:var(--serif);font-size:clamp(24px,4vw,53px)}.cert__title-alt{font-family:var(--serif);color:var(--muted);margin:clamp(6px,1vh,12px) 0 0;font-size:clamp(14px,1.5vw,24px);font-style:italic;position:relative}.screen--result[data-lang=en] .cert__title-alt{font-family:var(--cn-serif);font-style:normal}.scoreline{text-align:center;flex-direction:column;align-items:center;gap:clamp(6px,.9vh,10px);padding:clamp(20px,3.2vh,38px) clamp(16px,3vw,40px) 0;display:flex}.scoreline__label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:clamp(9px,.95vw,12px);font-weight:700}.result__stats{font-family:var(--mono);letter-spacing:.02em;margin:0;font-size:clamp(15px,1.4vw,19px);font-weight:700}.cert__tail{font-family:var(--cn-serif);letter-spacing:.08em;color:var(--muted);margin:clamp(20px,3vh,30px) 0 0;font-size:clamp(13px,1.35vw,19px);position:relative}.cert__sign{text-align:right;margin-top:clamp(28px,4.2vh,50px);padding-right:clamp(80px,10.5vw,138px);position:relative}.cert__org{font-family:var(--cn-serif);margin:0;font-size:clamp(12px,1.25vw,18px)}.cert__date{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin:clamp(5px,.8vh,8px) 0 0;font-size:clamp(10px,1vw,13px)}.seal{aspect-ratio:1;border:clamp(2px, .3vw, 4px) solid var(--seal);width:clamp(70px,9vw,116px);color:var(--seal);font-family:var(--cn-serif);opacity:.88;mix-blend-mode:multiply;pointer-events:none;border-radius:50%;grid-template-columns:repeat(2,1fr);place-items:center;font-size:clamp(16px,2vw,28px);font-weight:700;line-height:1;display:grid;position:absolute;bottom:clamp(-14px,-1.4vh,-6px);right:0;transform:rotate(-9deg)}.certactions{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,18px);padding:0 clamp(16px,3vw,40px) clamp(28px,5vh,56px);display:flex}.certactions .btn--hard{min-width:clamp(176px,22vw,236px)}.certactions__minor{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.2vw,14px);display:flex}.certactions .btn--ghost{border-radius:0;padding:12px 16px;font-size:clamp(12px,1.15vw,15px)}.btn--hard{color:var(--ink);letter-spacing:.04em;box-shadow:5px 5px 0 var(--ink);background:#faf7ef;border-width:2px;border-radius:0;padding:clamp(14px,2vh,20px) 18px;font-size:clamp(14px,1.3vw,18px);transition:transform .12s,box-shadow .12s,background .12s}@media (hover:hover){.btn--hard:hover:not([disabled]){color:var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fffdf7;transform:translate(-2px,-2px)}}.btn--hard:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.btn--hard:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn--hard{transition:none}}