/* Shared user layout only. Admin and print templates do not load this file. */
body.hj-chalk-theme{height:auto;min-height:100vh;min-width:1080px;background:#f5f1e7;background-image:none;display:flex;flex-direction:column;}
.hj-chalk-theme>.header{background-color:#fff;border-bottom:0;height:65px;}
.hj-chalk-theme .hj-board{position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;flex:1 0 auto;width:calc(100% - 40px);min-width:1040px;min-height:calc(100vh - 101px);margin:12px auto 24px;padding:0 14px;border-top:12px solid #b98b55;border-radius:3px;background-color:#214f43;background-image:url('../images/hj-chalk-texture-v50.svg'),radial-gradient(ellipse at 35% 15%,rgba(114,151,118,.12),transparent 65%);box-shadow:0 3px 6px #47371a26,inset 0 3px 7px #102b2955;}
.hj-chalk-theme .hj-board:before,.hj-chalk-theme .hj-board:after{content:"";position:absolute;top:-12px;bottom:0;width:14px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#b98b55 0,#c99e69 3px,#bc905b 6px,#c39864 9px);box-shadow:inset 1px 0 #e0b986,inset -1px 0 #8e683e;}
.hj-chalk-theme .hj-board:before{left:0;border-radius:3px 0 0 3px;}
.hj-chalk-theme .hj-board:after{right:0;border-radius:0 3px 3px 0;}
.hj-chalk-theme .hj-board>.main{flex:1 0 auto;padding:20px 0 25px;}
.hj-chalk-theme .hj-board>footer{box-sizing:border-box;width:100%;min-width:980px;flex:none;margin:0 0 6px;border-bottom:30px solid #bd935f;box-shadow:0 6px 0 #8d6643;}
.hj-chalk-theme .hj-board>.footer-home{--hj-footer-lift:0px;margin-top:0;}
.hj-chalk-theme .footer-home_inner.hj-figure-home form{transform:none;}
.hj-chalk-theme .footer-home_inner.hj-figure-home{height:220px;}
.hj-chalk-theme .home.hj-menu a{background:#fffdf6;box-shadow:0 4px 0 #153d32,0 6px 12px #0e2c3220;}
.hj-chalk-theme .home-profile-card.hj-name-card{position:relative;display:flex;gap:24px;align-items:center;justify-content:space-between;width:910px;margin:22px auto 12px;padding:22px 30px;background:#fffdf6;border:1px solid #ece8d9;border-radius:13px;box-shadow:0 4px 10px #0b2d3040;color:#30343a;}
.hj-name-card:before,.hj-name-card:after{content:"";position:absolute;top:-9px;width:45px;height:19px;background:#ecdbacdc;pointer-events:none;}
.hj-name-card:before{left:20px;transform:rotate(-19deg);}.hj-name-card:after{right:20px;transform:rotate(19deg);}
.hj-name-details{min-width:0;flex:1;text-align:left;}.hj-name-title{font-size:34px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;}.hj-name-honorific{font-size:23px;white-space:nowrap;}
.hj-name-meta{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:19px;font-weight:600;line-height:1.6;}.hj-name-meta span+span:before{content:"・";margin:0 5px;}
.hj-name-card .home-profile-edit{flex:none;font-size:20px;padding:12px 10px;}.hj-name-card .home-profile-edit svg{width:24px;height:24px;}
.hj-chalk-theme #hj-blackboard-date{position:static;display:block;visibility:visible;writing-mode:horizontal-tb;text-orientation:mixed;box-sizing:border-box;width:910px;max-width:910px;margin:0 auto 20px;text-align:right;font-size:27px;line-height:1.5;letter-spacing:.08em;color:#fffdf0;filter:none;-webkit-text-stroke:0;text-shadow:0 0 1px #fff8;font-family:HJChalk,"Yu Kyokasho","Yu Mincho",serif;}
@media print{body.hj-chalk-theme{background:#fff;min-width:0;}.hj-chalk-theme .hj-board{margin:0;width:100%;border:0;box-shadow:none;padding:0;}.hj-chalk-theme .hj-board:before,.hj-chalk-theme .hj-board:after{display:none;}}

/* Stage51: bounded chalkboard, compact name card and vertical chalk date. */
body.hj-chalk-theme{min-width:1160px;}
.hj-chalk-theme>.header{background-color:#f5f1e7;}
.hj-chalk-theme .hj-header .hj-header-inner{width:1120px;min-width:1120px;max-width:1120px;}
.hj-chalk-theme .hj-board{width:1120px;min-width:1120px;max-width:1120px;}
.hj-chalk-theme .hj-board .component{position:relative;}
.hj-chalk-theme .home-profile-card.hj-name-card{min-height:64px;margin:10px auto 12px;padding:12px 22px;gap:18px;}
.hj-name-card .hj-name-details{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;}
.hj-name-card .hj-name-title{font-size:26px;line-height:1.3;max-width:100%;}
.hj-name-card .hj-name-honorific{font-size:19px;}
.hj-name-card .hj-name-meta{margin-top:0;font-size:17px;line-height:1.5;}
.hj-name-card .home-profile-edit{font-size:18px;padding:7px 6px;}
.hj-name-card:before,.hj-name-card:after{width:36px;height:14px;top:-7px;}
.hj-chalk-theme #hj-blackboard-date{position:absolute;top:8px;right:-38px;width:38px;max-width:38px;margin:0;writing-mode:vertical-rl;text-orientation:mixed;text-align:left;white-space:nowrap;font-size:27px;line-height:1.4;letter-spacing:.08em;visibility:visible;display:block;color:#fffdf0;-webkit-text-stroke:.25px #fffdf0;text-shadow:0 0 .5px #fff8;}
@media print{body.hj-chalk-theme{min-width:0;}.hj-chalk-theme .hj-board{width:100%;min-width:0;max-width:none;}}

/* Stage52: compact header, soft clouds and home-only compact footer. */
.hj-chalk-theme>.header{height:58px;}
.hj-chalk-theme .hj-header .hj-header-inner{height:56px;box-sizing:border-box;padding:2px 10px;gap:24px;}
.hj-chalk-theme .hj-logo{flex:0 0 405px;}
.hj-chalk-theme .hj-logo img{display:block;width:405px;height:auto;}
.hj-chalk-theme .hj-skyline{height:52px;width:calc(100% - 429px);max-width:none;}
.hj-chalk-theme .hj-board{margin-top:4px;margin-bottom:8px;min-height:calc(100vh - 70px);}
/* The board, rather than the viewport, owns the footer position. */
.hj-chalk-theme .hj-board:has(>.footer-home){flex:0 0 auto;min-height:0;}
.hj-chalk-theme .hj-board>.footer-home{margin-top:0;--hj-footer-lift:0px;}
.hj-chalk-theme .footer-home_inner.hj-figure-home{height:90px;padding-bottom:20px;}
.hj-chalk-theme .footer-home_inner.hj-figure-home form{bottom:24px!important;transform:none;}
/* Three rounded lobes, drifting across the entire responsive skyline. */
.hj-chalk-theme .hj-cloud{width:27px;height:9px;border-radius:20px;background:#b0cc96;top:13px;opacity:.95;animation-name:hj-soft-cloud-drift;animation-duration:52s;}
.hj-chalk-theme .hj-cloud:before{width:15px;height:15px;left:4px;top:-8px;border-radius:50%;}
.hj-chalk-theme .hj-cloud:after{width:12px;height:12px;left:15px;top:-5px;border-radius:50%;}
.hj-chalk-theme .hj-cloud-two{top:19px;width:23px;height:8px;opacity:.75;animation-duration:68s;animation-delay:-35s;}
.hj-chalk-theme .hj-cloud-three{top:12px;width:29px;opacity:.85;animation-duration:59s;animation-delay:-43s;}
@keyframes hj-soft-cloud-drift{from{left:-36px;transform:translateY(0)}50%{transform:translateY(-2px)}to{left:calc(100% + 8px);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hj-chalk-theme .hj-cloud{animation:none;left:25%;}.hj-chalk-theme .hj-cloud-two{left:56%;}.hj-chalk-theme .hj-cloud-three{left:83%;}}
@media print{.hj-chalk-theme .hj-board{margin:0;min-height:0;}}

/* Stage53: quiet headings, full-height board and modestly dimensional chalk tools. */
.hj-chalk-theme .hj-board .content_heading{background:transparent;border:0;box-shadow:none;color:#fffdf3;text-shadow:0 1px 1px #122f3033;}
.hj-chalk-theme .hj-header .hj-header-inner{height:58px;padding:0 10px;align-items:flex-end;}
.hj-chalk-theme .hj-logo{align-self:center;}
.hj-chalk-theme .hj-skyline{height:58px;}
.hj-chalk-theme .hj-board,.hj-chalk-theme .hj-board:has(>.footer-home){margin-top:0;flex:1 0 auto;min-height:calc(100vh - 66px);}
.hj-chalk-theme .hj-board>footer{position:relative;}
/* Original characters remain on the right. Replace only the static tools on the left. */
.hj-chalk-theme .footer_inner:after,
.hj-chalk-theme .footer-signin_inner:after,
.hj-chalk-theme .footer-library_inner:after,
.hj-chalk-theme .footer-quiz_inner:after,
.hj-chalk-theme #footer-choice{clip-path:inset(0 0 0 470px);pointer-events:none;}
.hj-chalk-theme .footer-home_inner.hj-figure-home:after{background-image:none!important;}
.hj-chalk-theme .hj-board>footer:before{content:"";position:absolute;left:50%;bottom:-30px;width:980px;height:54px;transform:translateX(-50%);background:url('../images/hj-chalk-tools-v53.svg') left bottom/980px 54px no-repeat;z-index:101;pointer-events:none;}
@media print{.hj-chalk-theme .hj-board,.hj-chalk-theme .hj-board:has(>.footer-home){min-height:0;}}

/* Stage54: a compact, right-aligned Kurashiki silhouette. */
.hj-chalk-theme .hj-skyline{width:460px;max-width:460px;flex:0 0 460px;margin-left:auto;}
.hj-chalk-theme .hj-kurashiki-town{position:absolute;right:0;bottom:0;width:460px;height:auto;display:block;pointer-events:none;}

/* Stage55: history page only; keep chart sizes and other pages unchanged. */
.hj-chalk-theme .hj-board:has(.history-page)>.main{padding-bottom:8px;}
.hj-chalk-theme .hj-board .history-page{padding-bottom:8px;}
.hj-chalk-theme .history-dashboard>.history-panel:last-child{margin-bottom:8px;}
.hj-chalk-theme .hj-board:has(.history-page)>.footer-choice .footer-choice_inner{height:110px;padding-bottom:20px;}
.hj-chalk-theme .hj-board:has(.history-page)>.footer-choice .footer-choice_inner>a{bottom:16px;}

/* Stage56: approved town and a quiet chalk stroke beneath user headings. */
.hj-chalk-theme .hj-skyline{width:540px;max-width:540px;flex-basis:540px;}
.hj-chalk-theme .hj-kurashiki-town{width:540px;}
.hj-chalk-theme .hj-board .content_heading{box-sizing:border-box;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:.3em .65em .35em;background-color:transparent;background-image:url('../images/hj-heading-chalk-v60.svg');background-repeat:no-repeat;background-position:center bottom;background-size:100% 10px;}

/* Stage58: hide legacy yellow chalk and eraser; preserve figures and new tools. */
.hj-chalk-theme .footer_inner:after,
.hj-chalk-theme #footer-choice{clip-path:inset(0 0 0 700px);}

/* Stage61: one stable stage for two-choice questions, explanations and results.
   The Blade wrapper reserves the same height even while Vue loads the next item. */
.hj-chalk-theme .hj-board:has(.hj-quiz-choice)>.main{padding-top:32px;padding-bottom:8px;}
.hj-chalk-theme .hj-quiz-choice{height:466px;min-height:466px;}
.hj-chalk-theme .hj-quiz-choice>section.component{width:100%;height:466px;min-height:466px;}
.hj-chalk-theme .hj-quiz-choice>section.component>.content{height:466px;margin:0;}
.hj-chalk-theme .hj-quiz-choice .content>h1{height:100px;line-height:1;}
.hj-chalk-theme .hj-quiz-choice .content>h1>img{height:100px;width:auto;object-fit:contain;}
.hj-chalk-theme .hj-quiz-choice .choice{width:730px;height:346px;margin:20px auto 0;}
.hj-chalk-theme .hj-quiz-choice .choice>div{display:grid;grid-template-rows:278px 68px;width:330px;}
.hj-chalk-theme .hj-quiz-choice .choice h2{display:flex;align-items:center;justify-content:center;margin:0;min-height:0;}
.hj-chalk-theme .hj-quiz-choice .choice h2 img{width:250px;height:250px;object-fit:contain;}
.hj-chalk-theme .hj-quiz-choice .btn{height:48px;min-height:48px;box-sizing:border-box;margin:auto;font-size:24px;}
.hj-chalk-theme .hj-quiz-choice .btn img{max-height:28px;width:auto;}
.hj-chalk-theme .hj-quiz-choice .answer{box-sizing:border-box;height:390px;min-height:390px;padding:12px 24px;background-position:24px 12px;background-size:auto 342px;}
.hj-chalk-theme .hj-quiz-choice .answer>div{margin:82px 0 0 292px;text-align:left;}
.hj-chalk-theme .hj-quiz-choice .answer h2{margin:0;padding:12px 16px;font-size:26px;line-height:1.1;}
.hj-chalk-theme .hj-quiz-choice .answer p{height:210px;max-height:210px;margin-top:14px;padding-right:8px;font-size:22px;line-height:1.5;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.hj-chalk-theme .hj-quiz-choice .char{height:68px;margin:8px 0 0;}
.hj-chalk-theme .hj-quiz-choice .char .next{display:flex;align-items:center;justify-content:center;height:68px;padding:0;}
.hj-chalk-theme .hj-quiz-choice .char>img{top:0;bottom:auto;right:10px;height:170px;width:auto;pointer-events:none;}
.hj-chalk-theme .hj-quiz-choice .result{box-sizing:border-box;height:390px;padding:16px 24px 10px;text-align:center;}
.hj-chalk-theme .hj-quiz-choice .result h1{display:flex;align-items:center;justify-content:center;gap:20px;height:100px;font-size:90px;line-height:1;}
.hj-chalk-theme .hj-quiz-choice .result h1 img{width:90px;height:90px;margin:0;}
.hj-chalk-theme .hj-quiz-choice .result h1 span{font-size:44px;}
.hj-chalk-theme .hj-quiz-choice .result>div{height:260px;display:flex;align-items:center;justify-content:center;}
.hj-chalk-theme .hj-quiz-choice .result>div img{height:250px;width:auto;object-fit:contain;}
.hj-chalk-theme .hj-quiz-choice .again{height:68px;margin:8px 0 0;display:flex;align-items:center;justify-content:center;}
.hj-chalk-theme .hj-board:has(.hj-quiz-choice)>.footer-choice .footer-choice_inner{height:84px;padding-bottom:0;}
.hj-chalk-theme .hj-board:has(.hj-quiz-choice)>.footer-choice .footer-choice_inner>a{bottom:16px;}

/* Stage63: crisp native labels, centered independently of the arrow. */
.hj-chalk-theme .hj-quiz-choice .btn.hj-quiz-text-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 20px 0 36px;background-image:none;font-family:inherit;font-size:24px;line-height:1.2;}
.hj-chalk-theme .hj-quiz-choice .hj-quiz-text-button>div,
.hj-chalk-theme .hj-quiz-choice .hj-quiz-text-button>img{display:none;}
.hj-chalk-theme .hj-quiz-choice .hj-quiz-text-button:after{content:attr(data-hj-label);display:block;white-space:nowrap;}
.hj-chalk-theme .hj-quiz-choice .hj-quiz-text-button:before{content:"";position:absolute;left:20px;top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translateY(-50%) rotate(45deg);}

/* Stage67: chalk navigation feedback, scoped to the two footer controls. */
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]),
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]){display:inline-block;cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])>img,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])>img{display:block;transform-origin:center;transition:transform .18s ease,filter .18s ease;}
@media (hover:hover){
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover{opacity:1;}
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover>img,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover>img{transform:translateY(-3px) rotate(-1deg) scale(1.025);filter:drop-shadow(0 3px 4px rgba(255,207,224,.3));}
}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):active>img,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):active>img{transform:translateY(1px) scale(.97);filter:brightness(.95);transition-duration:.08s;}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):focus-visible,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):focus-visible{outline:2px solid #fff6d5;outline-offset:5px;border-radius:5px;}
@media (prefers-reduced-motion:reduce){
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])>img,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])>img{transition:none;}
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover>img,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover>img,
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):active>img,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):active>img{transform:none;filter:none;}
}

/* Stage68: animate the house and the logout arrow separately. */
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]),
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]){isolation:isolate;}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]){position:relative;}
/* The static image retains the lettering and underline; the moving fragment is an identical clipped layer. */
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])>img{clip-path:polygon(24% 0,100% 0,100% 100%,0 100%,0 82%,24% 76%);}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])>img{clip-path:polygon(0 0,100% 0,100% 52%,88% 52%,72% 62%,82% 100%,0 100%);}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])::after,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;transform-origin:center;}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])::after{background-image:url('../images/back2home.png');clip-path:polygon(0 0,24% 0,24% 76%,0 82%);transform-origin:12% 78%;}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])::after{background-image:url('../images/signout.png');clip-path:polygon(72% 62%,88% 52%,100% 52%,100% 100%,82% 100%);}
/* Cancel stage67's whole-image movement, including on pointer press. */
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover>img,
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):active>img,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover>img,
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):active>img{transform:none;filter:none;}
@keyframes hj-house-hop{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-3deg)}55%{transform:translateY(0) rotate(3deg)}75%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes hj-arrow-point{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-3px)}}
@media (hover:hover){
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover::after{animation:hj-house-hop .7s ease-in-out infinite;}
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover::after{animation:hj-arrow-point .8s ease-in-out infinite;}
}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):focus-visible::after{animation:hj-house-hop .7s ease-in-out infinite;}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):focus-visible::after{animation:hj-arrow-point .8s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){
 .hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])::after,
 .hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])::after{animation:none!important;}
}

/* Stage70: the entire home illustration hops together; no clipped house. */
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])>img{clip-path:none;transform-origin:50% 85%;}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])::after{content:none;animation:none;}
@keyframes hj-home-whole-hop{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6px) rotate(-1.5deg)}48%{transform:translateY(0) rotate(1deg)}70%{transform:translateY(-3px) rotate(-.5deg)}}
@media (hover:hover){.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):hover>img{animation:hj-home-whole-hop .75s ease-in-out infinite;}}
.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"]):focus-visible>img{animation:hj-home-whole-hop .75s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.hj-chalk-theme .hj-board footer a:has(>img[src$="/back2home.png"])>img{animation:none!important;}}

/* Stage74: illustrated book artwork; titles remain selectable, accessible HTML. */
.hj-chalk-theme .hj-board .libraryNav.hj-library-shelf{width:486px;padding-top:12px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul{box-sizing:border-box;position:relative;display:flex;align-items:flex-end;gap:10px;width:486px;padding:0 34px 0 44px;margin:0 0 35px;border:0;box-shadow:none;overflow:visible;isolation:isolate;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:last-child{padding-left:78px;margin-bottom:15px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul::after{content:"";position:absolute;z-index:-1;left:0;top:calc(100% - 2px);width:100%;height:20px;background:url('../images/hj-library-shelf-v74.svg') center top/100% 100% no-repeat;pointer-events:none;}
.hj-chalk-theme .hj-board .hj-library-shelf li{position:relative;flex:0 0 86px;list-style:none;}
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book{position:relative;box-sizing:border-box;display:block;width:86px;height:188px;margin:0;padding:0;border:0;border-radius:7px;background:none;box-shadow:none;color:var(--hj-book-ink);text-decoration:none;opacity:1;transform-origin:50% 100%;transition:transform .22s ease,filter .22s ease;filter:drop-shadow(2px 3px 2px rgba(8,32,26,.24));-webkit-tap-highlight-color:transparent;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:last-child a.hj-library-book{height:198px;}
.hj-chalk-theme .hj-board .hj-library-shelf .hj-book-art{position:absolute;inset:0;display:block;background-image:url('../images/hj-book-spines-v74.png');background-repeat:no-repeat;pointer-events:none;}
.hj-chalk-theme .hj-board .hj-library-shelf .hj-book-label{position:absolute;inset:40px 10px 23px;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:2px;pointer-events:none;}
.hj-chalk-theme .hj-board .hj-library-shelf .hj-book-title{display:block;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-family:"BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;font-size:20px;font-weight:700;line-height:1.13;letter-spacing:0;color:var(--hj-book-ink);text-shadow:0 1px 1px #fffdf3,1px 0 1px #fffdf3,-1px 0 1px #fffdf3;}
.hj-chalk-theme .hj-board .hj-library-shelf .hj-book-title:nth-child(2){margin-top:12px;}
.hj-chalk-theme .hj-board .hj-library-shelf .hj-book-title:only-child{align-self:center;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:last-child .hj-book-title{font-size:19px;}
.hj-chalk-theme .hj-board .hj-library-shelf li:nth-child(1){--hj-book-ink:#53391e;}
.hj-chalk-theme .hj-board .hj-library-shelf li:nth-child(2){--hj-book-ink:#692340;}
.hj-chalk-theme .hj-board .hj-library-shelf li:nth-child(3){--hj-book-ink:#253c71;}
.hj-chalk-theme .hj-board .hj-library-shelf li:nth-child(4){--hj-book-ink:#2f4d28;}
@media (hover:hover){
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:hover{margin:0;border:0;transform:translateY(-9px) rotate(-2deg);filter:drop-shadow(3px 8px 4px rgba(8,32,26,.3));}
}
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:focus-visible{outline:3px solid #fff6d5;outline-offset:4px;transform:translateY(-6px);}
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:active{margin:0;border:0;transform:translateY(-2px) scale(.97);filter:drop-shadow(1px 2px 2px rgba(8,32,26,.25));transition-duration:.07s;}
@media (prefers-reduced-motion:reduce){
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book{transition:none;}
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:hover,
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:focus-visible,
.hj-chalk-theme .hj-board .hj-library-shelf a.hj-library-book:active{transform:none;}
}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(1) li:nth-child(1) .hj-book-art{background-size:470.0925px 242.7642px;background-position:-42.2349px -26.3153px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(1) li:nth-child(2) .hj-book-art{background-size:470.0925px 242.7642px;background-position:-141.7011px -26.3153px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(1) li:nth-child(3) .hj-book-art{background-size:468.4255px 242.7642px;background-position:-240.3121px -26.3153px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(1) li:nth-child(4) .hj-book-art{background-size:470.0925px 242.7642px;background-position:-341.2456px -26.3153px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(2) li:nth-child(1) .hj-book-art{background-size:470.0925px 255.6772px;background-position:-42.2349px -27.7150px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(2) li:nth-child(2) .hj-book-art{background-size:470.0925px 255.6772px;background-position:-141.7011px -27.7150px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(2) li:nth-child(3) .hj-book-art{background-size:468.4255px 255.6772px;background-position:-240.3121px -27.7150px;}
.hj-chalk-theme .hj-board .hj-library-shelf ul:nth-child(2) li:nth-child(4) .hj-book-art{background-size:470.0925px 255.6772px;background-position:-341.2456px -27.7150px;}

/* Stage75: whole logout feedback and playful chalk-tray controls. */
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]){transform-origin:45% 60%;transition:transform .12s ease;}
@keyframes hj-logout-bob{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-1.5deg)}70%{transform:translateY(-1px) rotate(.8deg)}}
@media (hover:hover){.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):hover>img{animation:hj-logout-bob 1.05s ease-in-out infinite;}}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):focus-visible>img{animation:hj-logout-bob 1.05s ease-in-out infinite;}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):active{animation:none;transform:translateY(1px) scale(.97);}
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]):active>img{animation:none;}
.hj-chalk-theme .hj-board>footer.hj-tools-ready::before{content:none;}
.hj-chalk-theme .hj-tool-tray{position:absolute;left:50%;bottom:-30px;width:980px;height:54px;transform:translateX(-50%);z-index:110;pointer-events:none;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool{all:unset;box-sizing:border-box;position:absolute;display:block;top:18px;width:61px;height:32px;cursor:pointer;pointer-events:auto;border-radius:5px;-webkit-tap-highlight-color:transparent;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--pink{left:20px;--hj-tool-tint:#ffc5d9;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--blue{left:85px;--hj-tool-tint:#c7e6f6;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--white{left:212px;--hj-tool-tint:#fffde7;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--eraser{left:365px;top:0;width:90px;height:54px;--hj-tool-tint:#fffde7;}
.hj-chalk-theme .hj-tool-tray .hj-tool-art{position:absolute;left:0;top:8px;width:61px;height:20px;max-width:none;pointer-events:none;transform-origin:50% 65%;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--eraser .hj-tool-art{top:0;width:90px;height:50px;transform-origin:50% 90%;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool::before{content:"";position:absolute;top:23px;left:2px;width:58px;height:5px;border-radius:50%;background:#172c27;opacity:.18;pointer-events:none;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool--eraser::before{top:44px;left:3px;width:84px;height:6px;}
.hj-chalk-theme .hj-tool-tray .hj-play-tool:focus-visible{outline:2px solid #fff6d5;outline-offset:2px;}
@media(hover:hover){.hj-chalk-theme .hj-tool-tray .hj-play-tool:hover .hj-tool-art{filter:drop-shadow(0 0 2px var(--hj-tool-tint));}}
.hj-chalk-theme .hj-tool-tray .hj-tool-dust{position:absolute;width:4px;height:4px;left:43px;top:42px;border-radius:50%;background:#fff9df;opacity:0;pointer-events:none;}
@media(prefers-reduced-motion:reduce){
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"]),
.hj-chalk-theme .hj-board .footer-home form button:has(>img[src$="/signout.png"])>img{animation:none!important;transition:none;transform:none!important;}
}
@media print{.hj-chalk-theme .hj-tool-tray{display:none;}}