:root{--ink:#171610;--paper:#f4efe3;--yellow:#f3b83f;--red:#e65336;--green:#276b52;--line:#cfc6b3;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.shell{width:min(100% - 32px,980px);margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);font:700 12px/1 ui-monospace,monospace;letter-spacing:.12em}.topbar a{color:inherit;text-decoration:none;font-size:16px}.hero{padding:64px 0 42px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:40px}.kicker{grid-column:1/-1;margin:0;color:var(--red);font:800 11px/1 ui-monospace,monospace;letter-spacing:.18em}.hero h1{margin:16px 0 0;font-size:clamp(72px,12vw,142px);line-height:.79;letter-spacing:-.09em}.hero h1 em{color:var(--red);font-style:normal}.intro{margin:0 0 8px;font-size:16px;color:#5d594e}.clock-card{position:relative;min-height:610px;padding:74px max(30px,7vw);overflow:hidden;background:var(--yellow);border:2px solid var(--ink);border-radius:3px;box-shadow:9px 9px 0 var(--ink)}.clock-face{position:absolute;width:440px;height:440px;right:-118px;top:-88px;border:2px solid #17161047;border-radius:50%}.clock-face:before,.clock-face:after{content:"";position:absolute;background:#1716102e}.clock-face:before{width:1px;height:100%;left:50%}.clock-face:after{height:1px;width:100%;top:50%}.clock-face b{position:absolute;width:14px;height:14px;left:calc(50% - 7px);top:calc(50% - 7px);border-radius:50%;background:var(--red);z-index:3}.hand{position:absolute;left:50%;bottom:50%;width:3px;background:var(--ink);transform-origin:50% 100%;border-radius:5px}.hand.hour{height:80px}.hand.minute{height:135px}.hand.second{height:150px;width:1px;background:var(--red)}.tick{position:absolute;background:var(--ink)}.t1,.t3{width:2px;height:18px;left:calc(50% - 1px)}.t1{top:10px}.t3{bottom:10px}.t2,.t4{height:2px;width:18px;top:calc(50% - 1px)}.t2{right:10px}.t4{left:10px}.view{position:relative;z-index:4;width:min(100%,570px)}.label{margin:0 0 20px;font:800 12px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.view h2{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-.06em;margin:0 0 30px}.choices{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.choices button{padding:11px 18px;border:1px solid var(--ink);border-radius:99px;background:transparent;font:700 14px/1 inherit;cursor:pointer}.choices button.selected{color:var(--white);background:var(--ink)}button{font-family:inherit}.primary{width:min(100%,420px);display:flex;justify-content:space-between;padding:17px 20px;border:2px solid var(--ink);background:var(--red);color:white;font-size:16px;font-weight:800;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.appointment-time{font:900 clamp(64px,12vw,118px)/.95 ui-monospace,monospace;letter-spacing:-.08em}.date-line{font-weight:700;margin:12px 0 28px}.ticket{width:min(100%,430px);display:grid;grid-template-columns:1fr auto;gap:10px;padding:17px;border:1px dashed var(--ink);background:#fff6d055;margin-bottom:22px}.ticket span{font-size:13px}.ticket strong{font-family:ui-monospace,monospace}.instruction{font-size:16px;font-weight:700;max-width:410px}.countdown{margin:16px 0;color:#5c4b21;font:700 14px/1 ui-monospace,monospace}.text-button{display:block;margin:22px 0 0;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;font-weight:700;cursor:pointer}.score{display:flex;align-items:baseline;margin:-6px 0 0}.score strong{font:900 clamp(100px,20vw,180px)/.85 ui-monospace,monospace;letter-spacing:-.12em}.score span{font-size:24px;font-weight:800;margin-left:16px}.result-view h2{margin:26px 0 6px}.difference{font-size:18px;margin:0 0 24px}.result-grid{display:grid;grid-template-columns:1fr 1fr;width:min(100%,430px);border:1px solid var(--ink);margin-bottom:24px}.result-grid div{padding:13px 16px}.result-grid div+div{border-left:1px solid var(--ink)}.result-grid span,.result-grid strong{display:block}.result-grid span{font-size:11px}.result-grid strong{font:800 18px/1.5 ui-monospace,monospace}.rules{padding:88px 0}.rules ol{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}.rules li{display:grid;grid-template-columns:70px 190px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:baseline}.rules li>span{font:800 13px/1 ui-monospace,monospace;color:var(--red)}.rules strong{font-size:19px}.rules p{margin:0;color:#696457}.rules div{display:contents}footer{display:flex;justify-content:space-between;gap:30px;padding:30px 0 50px;border-top:1px solid var(--ink);font-size:13px;color:#696457}footer a{color:var(--ink);font-weight:800}[hidden]{display:none!important}@media(max-width:700px){.shell{width:min(100% - 20px,980px)}.topbar{height:58px}.hero{padding:42px 4px 30px;display:block}.hero h1{margin-bottom:28px}.clock-card{min-height:590px;padding:44px 24px;box-shadow:6px 6px 0 var(--ink)}.clock-face{width:260px;height:260px;right:-92px;top:-65px;opacity:.55}.hand.hour{height:48px}.hand.minute{height:78px}.hand.second{height:88px}.choices{max-width:290px}.choices button{padding:10px 14px}.rules{padding:70px 4px}.rules li{grid-template-columns:45px 1fr;gap:10px}.rules li div{display:block}.rules li p{margin-top:4px}.rules li>span{grid-row:1/3}footer{display:block}footer a{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}