@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/BarlowCondensed-Regular.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/BarlowCondensed-Bold.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/BarlowCondensed-ExtraBold.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/BarlowCondensed-Black.ttf') format('truetype')}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Caveat-Variable.ttf') format('truetype')}
:root{--ink:#141310;--paper:#eddfc7;--red:#d6442f;color:var(--ink);font-family:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #b7422b;outline-offset:5px}.arena{position:relative;min-height:720px;height:100svh;overflow:hidden;background:var(--red);isolation:isolate}.art{position:absolute;inset:0;background:url('assets/tug-background.png') center center/100% 100% no-repeat;z-index:-2}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.1;z-index:4;background:url("assets/grain.png")}header{position:absolute;top:1.8%;left:1.7%;right:1.7%;display:flex;align-items:center;gap:18px;color:var(--paper);font-size:12px;letter-spacing:4px}header .rule{height:1px;background:var(--paper);flex:1}#menu{background:none;border:0;width:30px;padding:0;margin-left:15px}#menu i{display:block;height:1px;background:var(--paper);margin:6px 0}.title{position:absolute;left:1.5%;top:4.2%;width:35%}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(96px,17.5vw,310px);font-weight:900;line-height:.9;letter-spacing:-.025em;margin:0;white-space:nowrap;transform:scaleX(.87);transform-origin:left center;width:115%}.round{display:flex;align-items:center;gap:14px;margin-top:13px}.round span{height:1px;flex:1;background:var(--ink)}.round p{font-size:clamp(12px,1.22vw,22px);letter-spacing:4px;white-space:nowrap;margin:0}.prize{position:absolute;left:39.7%;top:8.1%;width:28%;text-align:center;color:var(--paper)}.prize p{letter-spacing:7px;font-size:18px;margin:0 0 0}.prize strong{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(65px,10.4vw,185px);letter-spacing:-.03em;line-height:1;white-space:nowrap}.paper{background-color:var(--paper);background-image:url("assets/paper-grain.png");border:1px solid #7e6551;box-shadow:2px 3px 0 #14131044;clip-path:polygon(.5% 1%,99% 0,100% 98%,.1% 100%)}.current{position:absolute;left:72.6%;top:14%;width:13.3%;padding:2% 1%;text-align:center;transform:rotate(5deg)}.current p{font-size:12px;font-weight:bold;letter-spacing:3px;margin:0 0 8px}.current strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,3.8vw,65px);font-weight:600;white-space:nowrap}.timer{position:absolute;top:64%;left:45.6%;width:15%;text-align:center;padding:1% .5%}.timer time{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5.7vw,95px);line-height:1;letter-spacing:3px}.scribble{position:absolute;font-family:Caveat,cursive;font-size:clamp(20px,2vw,32px);line-height:1.15;letter-spacing:2px;margin:0;transform:rotate(-12deg)}.hold{left:20%;top:33%}.fair{right:2.5%;top:13%}.left-note{left:3.8%;top:70%;color:#c9bc9f;font-size:20px}.right-note{right:2.5%;top:70%;color:#c9bc9f;font-size:20px}.wallet{position:absolute;left:1.6%;bottom:7.2%;width:18.3%;height:6%;min-height:48px;background:#121310da;color:var(--paper);border:1px solid var(--paper);font-size:13px;letter-spacing:4px}.wallet:hover{background:var(--paper);color:var(--ink)}.bid{position:absolute;bottom:8.6%;left:24%;width:59%;height:9%;min-height:74px;display:flex;align-items:center;padding:6px 8px 6px 2.5%;gap:20px}.bid label{font-size:14px;font-weight:bold;letter-spacing:4px;white-space:nowrap}.amount-wrap{display:flex;align-items:center;border-bottom:1px solid #5d5140;flex:1;min-width:0}.amount-wrap input{width:100%;min-width:0;background:none;border:none;color:var(--ink);font-family:Caveat,cursive;font-size:clamp(32px,3.4vw,56px);padding:0 8px;outline-offset:0;-moz-appearance:textfield}.amount-wrap input::-webkit-inner-spin-button{appearance:none}.amount-wrap span{font:600 clamp(20px,2vw,36px) 'Barlow Condensed',sans-serif;letter-spacing:4px;margin-right:15px}.bid button{align-self:stretch;width:39%;border:1px solid #9c8468;background:transparent;font-size:clamp(18px,1.6vw,28px);letter-spacing:4px;white-space:nowrap}.bid button span{margin-left:18px;font-size:36px;vertical-align:middle}.bid button:hover{background:var(--ink);color:var(--paper)}.lock-note{position:absolute;bottom:3.8%;right:17%;font-size:12px;letter-spacing:4px;color:var(--paper)}.demo-label{position:absolute;bottom:1.5%;right:1.5%;border:0;background:none;color:var(--paper);font-size:10px;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}aside{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);z-index:10;background:var(--paper);padding:70px 35px;box-shadow:-20px 0 80px #0008}h2{font:700 60px/1 'Barlow Condensed',Impact,sans-serif;margin:15px 0 30px}.eyebrow{font-size:12px;letter-spacing:3px}aside>button[data-view]{width:100%;padding:24px 0;border:0;border-top:1px solid #8a755b;background:none;text-align:left;font-size:15px;letter-spacing:2px}aside>button span{float:right}#close-menu,#close-dialog{position:absolute;right:20px;top:12px;border:0;background:none;font-size:32px}dialog{background:var(--paper);color:var(--ink);width:min(560px,calc(100% - 32px));border:1px solid var(--ink);padding:35px;max-height:85svh}dialog::backdrop{background:#100d09aa;}dialog h2{font-size:48px}dialog p,dialog li{font-size:16px;line-height:1.6}dialog ul{padding-left:20px}dialog .primary{background:var(--ink);color:var(--paper);padding:17px 20px;width:100%;border:0;letter-spacing:2px;margin-top:20px}dialog .summary{padding:15px 0;border-top:1px solid #a68d71;display:flex;justify-content:space-between;font-size:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:var(--paper);border:1px solid var(--ink);padding:18px 25px;width:max-content;max-width:90%;font-size:16px}
@media(min-aspect-ratio:17/10){.arena{height:auto;min-height:100svh;aspect-ratio:3/2}}@media(max-width:700px){.arena{min-height:900px;height:100svh}.art{background-size:auto 75%;background-position:center 150px}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--red) 0%,transparent 32%,transparent 70%,#141310 93%)}header{top:20px;left:20px;right:20px;font-size:10px;letter-spacing:2px;gap:10px}.tagline{display:none}#menu{width:25px}.title{left:5%;top:75px;width:90%}h1{font-size:28vw;line-height:.85;transform:scaleX(.95);width:105%}.round p{font-size:12px;letter-spacing:3px}.round{margin-top:15px}.prize{top:225px;left:4%;width:55%}.prize p{font-size:12px;letter-spacing:4px}.prize strong{font-size:14vw}.current{top:240px;left:auto;right:5%;width:30%;padding:15px 6px}.current p{font-size:10px;letter-spacing:2px}.current strong{font-size:9vw}.fair,.hold,.left-note,.right-note{display:none}.timer{top:61%;left:35%;width:30%;padding:10px}.timer time{font-size:50px}.bid{left:5%;width:90%;bottom:125px;height:110px;padding:12px;gap:10px;flex-wrap:wrap}.bid label{font-size:12px;letter-spacing:2px;width:25%}.amount-wrap{width:65%}.amount-wrap input{font-size:36px}.bid button{width:100%;height:43px;font-size:18px;letter-spacing:3px}.bid button span{font-size:24px}.wallet{bottom:60px;left:5%;width:90%;height:48px;font-size:12px}.lock-note{bottom:25px;right:0;width:100%;text-align:center;letter-spacing:1.5px;font-size:10px}.demo-label{bottom:10px;font-size:9px;right:0;width:100%}.toast{bottom:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background .18s,color .18s}.current{animation:sway 7s ease-in-out infinite;transform-origin:50% 0}@keyframes sway{50%{transform:rotate(3deg)}}}

/* Condense display lettering to match the reference composition. */
@media(min-width:701px){h1{transform:scaleX(.55);width:180%}.prize strong{display:block;transform:scaleX(.69);transform-origin:left center;width:145%}.hold{top:33%;font-size:26px;line-height:.95}}
@media(max-width:700px){h1{transform:scaleX(.64);width:155%}.prize strong{display:block;font-size:13vw;letter-spacing:-.05em;transform:scaleX(.85);transform-origin:left center;width:118%}}
@media(min-width:701px){.current strong{font-size:3.4vw}}
@media(max-width:700px){h1{transform:scaleX(.85)}.current strong{font-size:8vw}.prize strong{letter-spacing:0}.toast{bottom:120px}}
html{scroll-behavior:smooth;scroll-padding-top:64px}h1,.prize strong{mask-image:url('assets/print-wear.png');mask-size:180px 180px;mask-repeat:repeat}h1{font-weight:900}.paper{clip-path:polygon(.4% 2%,12% .5%,28% 1.3%,44% 0,65% 1%,81% .4%,99.3% 1.5%,100% 28%,99.5% 53%,100% 78%,99.2% 98%,78% 99%,57% 98.5%,39% 100%,18% 98.8%,.3% 100%,0 71%,.5% 49%,0 20%)}.bid-preview{position:absolute;left:24%;width:59%;bottom:4.5%;display:flex;justify-content:space-between;gap:16px;color:var(--paper);font:12px/1.5 Georgia,serif;letter-spacing:1px}.bid-preview strong{font:600 20px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-left:8px}.lock-note{bottom:1.2%;right:17%;font-size:11px}.demo-label{bottom:1.2%;font-size:9px}.bid-preview.negative strong{color:#ffc599}.chapter-nav{position:sticky;top:0;z-index:8;background:#151410;color:var(--paper);display:flex;justify-content:center;gap:clamp(20px,5vw,90px);padding:22px 20px;border-bottom:1px solid #eddfc744}.chapter-nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:2px}.chapter-nav a:hover{color:#ed674a}.chronicle{background:var(--paper);background-image:url("assets/page-grain.png")}.section-wrap{padding:80px max(6vw,24px);border-bottom:1px solid #14131055}.section-wrap h2{font-size:clamp(42px,5vw,82px);line-height:1.02;letter-spacing:-1px;margin:15px 0 30px}.section-wrap p{font-size:17px;line-height:1.75;max-width:76ch}.section-wrap .eyebrow{font-size:12px;letter-spacing:3px;line-height:1.5}.section-wrap h3{font:600 32px/1.1 'Barlow Condensed',sans-serif;margin:15px 0}.participant{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding-top:55px;padding-bottom:55px}.participant h2{font-size:44px}.participant-stats{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:center}.participant-stats>div{border-top:1px solid #141310;padding-top:20px}.participant-stats>div:last-child{grid-column:1/-1}.participant-stats span{font-size:12px;letter-spacing:2px}.participant-stats strong{display:block;font:600 clamp(26px,3vw,40px)/1.2 'Barlow Condensed',sans-serif;margin:12px 0}.participant-stats strong small{font-size:17px}.participant-stats p{font-size:14px;margin:0}.section-wrap .small-note{font-size:13px;line-height:1.5;color:#65533f}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.sample-stamp{font-size:12px;letter-spacing:2px;border:1px solid #9a3d2b;color:#9a3d2b;padding:10px;transform:rotate(-5deg);white-space:nowrap}.activity-head,.activity-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #14131044}.activity-head{font-size:12px;letter-spacing:2px;border-top:2px solid var(--ink)}.activity-row{font-size:16px;align-items:center}.activity-row strong{font:600 30px 'Barlow Condensed',sans-serif}.activity-row.is-you{color:#a43220}.activity-row small{font-size:14px}.story-section{background:var(--red)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-grid h2{font-size:clamp(56px,7vw,112px)}.story-grid .intro{font-size:25px;line-height:1.45}.story-grid .handwritten{font:600 36px Caveat,cursive;transform:rotate(-4deg);margin:35px 0}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 40px;margin-top:45px}.rule-grid article{border-top:1px solid var(--ink);padding-top:20px}.rule-number{font:700 55px 'Barlow Condensed',sans-serif;color:#a43220}.round-ribbon{display:flex;justify-content:space-between;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 0;margin:35px 0;gap:25px}.round-ribbon span{font-size:16px}.round-ribbon b{font:700 40px 'Barlow Condensed',sans-serif;display:block}.funds-section{background:var(--ink);color:var(--paper)}.funds-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:35px 0}.funds-grid article{border-top:1px solid #eddfc777;padding-top:25px}.funds-grid h3{font-size:42px}.allocation{display:flex;gap:30px;justify-content:space-between;margin:30px 0}.allocation span{font-size:16px}.allocation b{display:block;font:700 75px 'Barlow Condensed',sans-serif;color:#ef6548}.economics-note{border-top:1px solid #eddfc777;padding:20px 0}.section-wrap details{border-top:1px solid #14131055;padding:24px 0}.section-wrap summary{cursor:pointer;font:600 26px/1.25 'Barlow Condensed',sans-serif;list-style:none;display:flex;justify-content:space-between;gap:20px}.section-wrap summary:after{content:'+';flex-shrink:0;font-size:30px}.section-wrap details[open] summary:after{content:'−'}.section-wrap details p{margin-bottom:0}.funds-section details{border-color:#eddfc777}footer.section-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:40px}.footer-mark{font:900 50px 'Barlow Condensed',sans-serif;color:inherit;text-decoration:none}footer p,footer span{font-size:12px!important;line-height:1.6;letter-spacing:2px}.participant-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.participant-actions button{padding:10px 14px;border:1px solid var(--ink);background:transparent;font-size:12px;letter-spacing:1px}.participant-actions button:hover{background:var(--ink);color:var(--paper)}.timer.urgent{background-color:#f5c582;outline:2px solid var(--ink)}.bid button:disabled{cursor:default;opacity:.6}.arena.pulling .art{animation:rope-pull .65s ease-in-out}.arena.pulling .timer{animation:tag-pull .8s ease-in-out}.arena.pulling .current{animation:tag-pull .8s ease-in-out}.activity-row.is-new{animation:ink-in .7s ease-out}@keyframes rope-pull{40%{transform:translateX(5px) scale(1.007)}70%{transform:translateX(-3px)}}@keyframes tag-pull{35%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}@keyframes ink-in{from{background:#d6442f33}to{background:transparent}}
@media(max-width:900px){.participant{gap:30px;grid-template-columns:1fr 1fr}.story-grid{gap:35px}.rule-grid{grid-template-columns:repeat(2,1fr)}.funds-grid{gap:35px}}
@media(max-width:700px){.arena{min-height:920px;height:100svh}.art{background-size:100% auto;background-position:center 310px}.art:after{background:linear-gradient(var(--red) 0%,transparent 36%,transparent 66%,#141310 77%)}.title{top:76px}.prize{top:230px}.current{top:230px}.timer{top:auto;bottom:315px;left:34%;width:32%;padding:9px}.timer time{font-size:48px}.bid{bottom:151px;height:110px}.bid-preview{left:5%;width:90%;bottom:105px;gap:8px;letter-spacing:0;font-size:10px}.bid-preview span{max-width:49%}.bid-preview strong{font-size:18px;margin:0;display:block}.wallet{bottom:48px}.lock-note{bottom:23px}.demo-label{bottom:8px}.chapter-nav{justify-content:flex-start;overflow-x:auto;gap:24px;padding:18px 20px}.chapter-nav a{white-space:nowrap;font-size:11px}.section-wrap{padding:45px 24px}.participant,.story-grid,.funds-grid{grid-template-columns:1fr;gap:25px}.participant-stats{gap:22px}.section-heading{align-items:flex-start}.section-heading h2{font-size:39px}.sample-stamp{font-size:9px;padding:7px}.rule-grid{grid-template-columns:1fr;gap:25px}.rule-grid article{display:grid;grid-template-columns:50px 1fr;gap:0 15px}.rule-grid article h3{margin:10px 0}.rule-grid article p{grid-column:2;margin:0}.rule-number{grid-row:1/3;font-size:45px}.round-ribbon{gap:15px}.round-ribbon b{font-size:30px}.round-ribbon span{font-size:12px}.section-wrap h2{font-size:46px}.story-grid h2{font-size:65px}.allocation b{font-size:65px}.activity-head,.activity-row{grid-template-columns:1.2fr .8fr .8fr;gap:10px}.activity-row{font-size:13px}.activity-row strong{font-size:25px}.activity-row small{font-size:12px}.section-wrap summary{font-size:24px}footer.section-wrap{align-items:flex-start;flex-wrap:wrap}.footer-mark{font-size:42px}footer span{width:100%}.toast{bottom:25px}.participant-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep scrolling on composited layers; all paper grain is pre-rendered. */
.chapter-nav{transform:translateZ(0)}
.current{will-change:transform}
.arena.offscreen .current{animation-play-state:paused;will-change:auto}
/* Match the narrow, lightly inked numerals of the original engraving. */
.current strong{display:block;position:relative;width:147%;left:-23.5%;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:4.5vw;line-height:1.15;transform:scaleX(.64);letter-spacing:0;white-space:nowrap}
.timer time{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:5.7vw;line-height:1.1;transform:scaleX(.7);letter-spacing:3px}
.current{top:14%;padding:2% .8% 2.3%;transform:rotate(5deg)}
.current p{margin:0 0 9px}
.timer{padding:1% .5% 1.2%}
@media(max-width:700px){.current{top:230px;padding:17px 6px 22px}.current strong{font-size:11vw}.timer time{font-size:58px}.timer{padding:12px 6px 15px}}

.current strong,.timer time{font-weight:400}
.current,.timer{background:none;border:0;clip-path:none;box-shadow:none;isolation:isolate}
.current:before,.timer:before{content:'';position:absolute;inset:-7% -4%;background:url('assets/aged-paper.png') center/100% 100% no-repeat;z-index:-1;pointer-events:none}
/* Paper signs swing from their rope attachment, each with its own rhythm. */
@media(prefers-reduced-motion:no-preference){
 .current{transform-origin:8% 0;animation:bid-sign-swing 6.8s ease-in-out infinite;will-change:transform}
 .timer{transform-origin:50% 0;animation:timer-sign-swing 8.3s ease-in-out infinite;animation-delay:-2.1s;will-change:transform}
 .arena.pulling .current{animation:bid-sign-tug 1.05s ease-in-out}
 .arena.pulling .timer{animation:timer-sign-tug 1.05s ease-in-out}
 .arena.offscreen .current,.arena.offscreen .timer{animation-play-state:paused;will-change:auto}
}
@keyframes bid-sign-swing{0%,100%{transform:rotate(4deg)}50%{transform:rotate(6.5deg)}}
@keyframes timer-sign-swing{0%,100%{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}}
@keyframes bid-sign-tug{0%,100%{transform:rotate(4deg)}28%{transform:rotate(9deg)}62%{transform:rotate(1deg)}82%{transform:rotate(5.5deg)}}
@keyframes timer-sign-tug{0%,100%{transform:rotate(-1deg)}28%{transform:rotate(3.2deg)}62%{transform:rotate(-2.2deg)}82%{transform:rotate(1deg)}}
/* Use the same handwritten numerals as the Your bid field. */
.current strong{font-family:Caveat,cursive;font-weight:400;font-size:4.4vw;transform:none;width:100%;left:0;letter-spacing:0;line-height:1.15}
.timer time{font-family:Caveat,cursive;font-weight:400;font-size:5.7vw;transform:none;letter-spacing:2px;line-height:1.1}
@media(max-width:700px){.current strong{font-size:10.2vw}.timer time{font-size:54px}}
.current strong{font-size:3.3vw}
@media(max-width:700px){.current strong{font-size:8vw}}
.current strong{font-size:3vw}
@media(max-width:700px){.current strong{font-size:6.8vw}.timer time{font-size:12vw}}

/* Foreground movement follows a smooth local deformation field. */
.art{background:none}.tug-scene{display:block;width:100%;height:100%;overflow:visible}
.arena.pulling .art{animation:none}
@media(max-width:700px){.tug-scene{position:absolute;left:0;top:310px;height:auto;aspect-ratio:3/2;width:100%}}

/* Auction essentials stay together, in the same engraving world. */
.arena{min-height:920px}.arena:before{content:'';position:absolute;inset:72% 0 0;background:linear-gradient(transparent,#141310ee 65%);z-index:-1;pointer-events:none}
.auction-dock{position:absolute;bottom:22px;left:2%;right:2%;color:var(--paper);z-index:5;max-width:1320px;margin:auto}
.mechanic-line{display:flex;justify-content:center;align-items:baseline;gap:18px;margin:0 0 15px;font:17px/1.4 Georgia,serif}.mechanic-line span{font-size:14px;color:#f5e7d1}
.entry-strip{display:flex;align-items:center;gap:30px;border-top:1px solid #eddfc777;padding:10px 0 14px}.entry-strip>div{display:flex;align-items:baseline;gap:10px}.entry-strip span{font-size:10px;letter-spacing:1px}.entry-strip strong{font:600 26px/1.2 'Barlow Condensed',sans-serif;white-space:nowrap}.entry-strip small{font-size:13px}.entry-strip p{margin:0 0 0 auto;font-size:12px;color:#eddfc7}
.bid-row{display:flex;gap:20px;align-items:stretch}.auction-dock .wallet{position:static;flex:0 0 22%;height:78px;min-height:0;width:auto;font-size:12px;letter-spacing:2px}.auction-dock .bid{position:static;flex:1;width:auto;height:78px;min-height:0;padding:6px 8px 6px 24px;margin:0;gap:15px}.auction-dock .bid button{width:41%;font-size:17px;letter-spacing:2px}.auction-dock .bid button span{font-size:30px;margin-left:10px}
.auction-dock .bid-preview{position:static;width:auto;margin:10px 0 0 24%;font-size:11px}.auction-dock .lock-note{position:static;width:auto;text-align:center;margin:10px 0 0;font-size:12px;letter-spacing:0;line-height:1.5}.demo-label{top:53px;right:2%;bottom:auto;border:1px solid #eddfc777;padding:7px 10px;background:#141310c9;font-size:9px}.fair{top:19%}
.live-section{padding-top:55px;padding-bottom:55px}.live-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;margin-top:30px}.next-prize{padding:30px;clip-path:none;background-color:#f3e6ce}.next-prize>strong{font:800 68px/1 'Barlow Condensed',sans-serif}.next-prize>strong small{font-size:28px}.queue-track{height:8px;background:#14131022;margin-top:25px}.queue-track span{display:block;height:100%;width:62%;background:var(--red)}.next-prize p{font-size:15px}.queue-caption{font:600 17px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px}.burn-counter{position:relative;overflow:hidden;border-top:2px solid var(--ink);padding:18px 0}.burn-counter>strong{font:800 clamp(48px,5vw,76px)/1 'Barlow Condensed',sans-serif;color:#aa3323}.burn-counter>p:not(.eyebrow){font-size:16px}.burn-mark{font:600 32px/1 Caveat,cursive;transform:rotate(-6deg);color:#a43220;padding:15px 0}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px}.record-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.record-heading h3{margin:10px 0 20px}.record-heading .sample-stamp{font-size:9px;padding:5px;transform:none}.record{border-top:1px solid #14131055;padding:18px 0}.record>span{font-size:10px;letter-spacing:1.5px}.record>strong{display:block;font:600 28px 'Barlow Condensed',sans-serif;margin-top:8px}.record>p{font-size:14px;margin:8px 0 0}.section-wrap{padding-top:60px;padding-bottom:60px}.allocation b{font-size:65px}
@media(min-width:701px) and (max-width:1100px){.entry-strip{gap:20px}.entry-strip>div{display:block}.entry-strip span{display:block}.auction-dock .bid label{letter-spacing:1px}.auction-dock .bid button{font-size:14px}.mechanic-line{gap:10px;font-size:15px}}
@media(max-width:700px){
 .arena{height:auto;min-height:0;padding-top:535px;padding-bottom:16px;aspect-ratio:auto}.arena:before{inset:450px 0 0;background:linear-gradient(transparent,#141310 150px)}.title{top:65px}.title h1{font-size:26vw}.round{margin-top:14px}.prize{top:188px}.current{top:188px}.tug-scene{top:265px}.timer{top:465px;bottom:auto;left:34%;width:32%}.demo-label{top:44px;right:20px;font-size:8px;padding:4px 6px;letter-spacing:1px}.auction-dock{position:relative;bottom:auto;left:auto;right:auto;margin:15px 20px 0}.mechanic-line{display:block;text-align:center;margin-bottom:12px;font-size:15px}.mechanic-line span{display:block;font-size:12px;margin-top:4px}.entry-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;padding:10px 0}.entry-strip>div{display:block}.entry-strip span{display:block;font-size:8px;letter-spacing:.7px}.entry-strip strong{font-size:24px}.entry-strip small{font-size:10px}.entry-strip p{grid-column:1/-1;font-size:10px;margin:0}.bid-row{display:flex;flex-direction:column;gap:10px}.auction-dock .wallet{flex:none;height:40px;width:100%;font-size:11px}.auction-dock .bid{flex:none;width:100%;height:103px;padding:10px;gap:8px}.auction-dock .bid label{font-size:11px;letter-spacing:1px;width:25%}.auction-dock .bid button{width:100%;height:39px;font-size:15px;letter-spacing:2px}.auction-dock .bid button span{font-size:23px}.auction-dock .bid-preview{margin:10px 0 0;font-size:9px;gap:12px}.auction-dock .bid-preview strong{font-size:19px}.auction-dock .lock-note{font-size:10px;line-height:1.5;text-align:left;margin:9px 0 0}.live-grid,.record-grid{grid-template-columns:1fr;gap:25px}.next-prize{padding:24px}.next-prize>strong{font-size:60px}.burn-counter>strong{font-size:54px}.live-section .section-heading{display:block}.live-section .sample-stamp{display:inline-block}.record-heading .sample-stamp{display:inline-block}.live-section .section-heading h2{margin-bottom:18px}.section-wrap{padding-top:40px;padding-bottom:40px}
}

.auction-dock .bid{color:var(--ink)}
@media(min-width:701px){.timer{top:59%}}
@media(max-width:700px){.demo-label{width:auto;left:20px;right:20px;text-align:center}.auction-dock .bid-preview{font-size:10px}}

/* Testnet integration preserves the engraving layout. */
button:disabled{opacity:.48;cursor:not-allowed}.connection-bar{background:#eee0c8;color:#141310;padding:20px max(20px,calc((100vw - 1200px)/2));font:15px/1.5 sans-serif;overflow-wrap:anywhere}.connection-bar p{margin:0 0 7px}.connection-bar a{color:#9c291e;margin-right:15px}.connection-bar button,#round-lookup button,#load-history,.participant-actions button,#claim-actions button{background:#141310;color:#f1e4cc;border:0;padding:12px 16px;margin:8px 8px 8px 0;cursor:pointer;font-weight:700;letter-spacing:1px}.connection-bar.is-error{background:#f1c7b9}#round-lookup{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#round-lookup label{width:100%}#lookup-id{padding:12px;width:140px;background:transparent;border:1px solid #14131088}#contract-links{font-size:12px}.test-summary{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #14131033}.test-summary strong{overflow-wrap:anywhere;text-align:right}#dialog-content a{overflow-wrap:anywhere;color:inherit}#dialog-content .primary{margin-top:20px}#amount{min-width:0}#tx-status a{overflow-wrap:anywhere}.prize strong{font-size:clamp(26px,3.5vw,60px)}@media(max-width:700px){.prize strong{font-size:30px}.test-summary{font-size:14px}.connection-bar{padding:16px 20px}.required-lock{font-size:22px!important}}

.activity-row a{overflow-wrap:anywhere;min-width:0}.burn-counter>strong{overflow-wrap:anywhere}.record-grid>article,.participant-stats>div{min-width:0}#burn-ledger .record strong{overflow-wrap:anywhere}.prize strong{overflow-wrap:anywhere}

/* A quiet ink underline replaces the amount field's focus rectangle. */
.amount-wrap input:focus,.amount-wrap input:focus-visible{outline:none;box-shadow:none}
.amount-wrap:focus-within{box-shadow:0 1px 0 var(--ink)}
.wallet-record{background:#e4d4b9 url('assets/page-grain.png')}
.wallet-record #stats-account{font-size:14px;margin:0 0 20px;overflow-wrap:anywhere}
.wallet-record a{color:inherit;text-underline-offset:3px}
.wallet-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;border-top:2px solid var(--ink)}
.wallet-stat{min-width:0;padding:25px 0;border-bottom:1px solid #14131055}
.wallet-stat span{display:block;font-size:10px;line-height:1.4;letter-spacing:1.5px}
.wallet-stat strong{display:block;font:600 clamp(27px,3vw,45px)/1.15 'Barlow Condensed',Impact,sans-serif;margin:13px 0 5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wallet-stat.is-result strong{color:#9b3423}
.wallet-record-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
#refresh-stats{flex-shrink:0;border:1px solid var(--ink);padding:12px 16px;background:transparent;color:var(--ink);font-size:11px;letter-spacing:1px}
#refresh-stats:hover:enabled{background:var(--ink);color:var(--paper)}
@media(max-width:1000px){.chapter-nav{gap:24px}.wallet-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wallet-record .section-heading{display:block}.wallet-record .sample-stamp{display:inline-block;margin-bottom:20px}.wallet-record-grid{gap:0 20px}.wallet-stat{padding:20px 0}.wallet-stat strong{font-size:32px}.wallet-stat span{font-size:9px;letter-spacing:1px}.wallet-record-foot{align-items:flex-start;flex-direction:column;gap:5px}}

/* The upcoming prize is the first content section below the arena. */
.next-prize-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start}
.next-prize-section>.section-heading{display:block;padding-top:12px}
.next-prize-section .sample-stamp{display:inline-block;margin:0 0 15px}
.next-prize-section .next-prize{min-width:0}
.burn-summary{grid-template-columns:1fr}
@media(max-width:900px){.next-prize-section{grid-template-columns:1fr;gap:15px}.next-prize-section>.section-heading{padding-top:0}.next-prize-section h2{margin-bottom:20px}}

/* Make the entry mechanic readable before the wallet controls. */
.auction-dock .mechanic-line{display:block;text-align:center;margin:0 0 8px;line-height:1.25}
.mechanic-line b{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.2vw,34px);font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.auction-dock .mechanic-line span{display:block;margin-top:7px;font-size:14px;line-height:1.4}
.burn-line{margin:0 0 16px;text-align:center;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--paper);text-wrap:balance}
.burn-line>span{padding:0 4px}
.burn-line a{display:inline-block;margin-left:12px;color:inherit;font-size:12px;text-underline-offset:3px}
@media(max-width:700px){.mechanic-line b{font-size:24px;line-height:1.25}.auction-dock .mechanic-line span{font-size:12px}.burn-line{font-size:12px;margin-bottom:12px}.burn-line a{font-size:11px;margin-left:8px}.burn-line>span{padding:0 1px}}
@media(min-width:701px){.timer{top:auto;bottom:350px}.timer time{font-size:clamp(40px,4.8vw,76px)}}

/* Full on-chain token balances fit narrow screens without widening the grid. */
@media(max-width:700px){.entry-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-strip>div{min-width:0}.entry-strip strong{font-size:clamp(16px,5vw,22px);white-space:normal;overflow-wrap:anywhere}.entry-strip .required-lock{font-size:clamp(16px,5vw,22px)!important}}

/* Long live balances must remain inside both participant columns. */
.participant-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-stats strong{overflow-wrap:anywhere}