.kit-launch{position:absolute;top:58%;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;background:#ffdb62;color:#52200e;border:3px solid #73091f;box-shadow:4px 5px 0 #53091d;padding:9px 14px;font:900 14px 'DotGothic16',sans-serif;cursor:pointer}.kit-launch>span{background:#bc0028;color:#fff;margin-right:5px;padding:0 4px}.kit-launch small{display:block;font-size:10px;margin-top:3px}.kit-launch:hover{background:#ffe899}.kit-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:23px 18px 18px;border:3px solid #73091f;box-shadow:5px 5px 0 #53091d;background:#fff5f1;color:#30232a;overflow:auto}.kit-dialog::backdrop{background:#180811cc}.kit-close{position:absolute;top:7px;right:7px;width:40px;height:40px;background:white;color:#a70027;border:2px solid #73091f;font-size:26px;cursor:pointer}.kit-eyebrow{font-size:10px;letter-spacing:2px;color:#a70027;margin:8px 40px 12px 0}.kit-dialog h2{font-size:24px;margin:0 0 8px}.kit-intro,.kit-rules,.kit-foot{font:12px/1.8 'Noto Sans TC',sans-serif}.kit-intro{margin-bottom:18px}.kit-list{display:grid;gap:8px}.kit-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;border:1px solid #d8a2b0;background:white;padding:7px}.kit-row img{width:46px;height:46px;object-fit:contain}.kit-row strong{font-size:13px}.kit-stepper{display:flex;align-items:center;gap:4px}.kit-stepper button{width:32px;height:36px;padding:0;border:1px solid #9e193b;background:#ffe8ed;color:#a70027;font-size:18px;cursor:pointer}.kit-stepper output{min-width:22px;text-align:center;font:700 14px 'Noto Sans TC',sans-serif}.kit-stepper button:disabled{opacity:.35;cursor:default}.kit-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 10px;background:#a70027;color:white;border:2px solid #660c23;padding:14px 4px}.kit-totals>div{text-align:center}.kit-totals strong{display:block;font:900 27px/1.3 'Noto Sans TC',sans-serif}.kit-totals span{font-size:10px}.kit-rules{font-size:11px;color:#76545f}.kit-apply{width:100%;font-size:13px}.kit-apply:disabled{background:#957e86;cursor:default;transform:none}.kit-reset{display:block;margin:16px auto 0;border:0;background:none;text-decoration:underline;color:#8b3450;font-size:12px;cursor:pointer;min-height:32px}.kit-foot{font-size:10px;text-align:center;margin-bottom:0}.kit-dialog :focus-visible,.kit-launch:focus-visible{outline:3px solid #e79900;outline-offset:3px}@media(max-width:350px){.kit-dialog{padding:22px 11px 14px}.kit-row{gap:5px;grid-template-columns:38px 1fr auto}.kit-row img{width:38px;height:42px}.kit-row strong{font-size:11px}}

.ryan-guide{position:fixed;left:max(0px,calc((100vw - 480px)/2 + 4px));bottom:calc(65px + env(safe-area-inset-bottom));z-index:14;width:158px;height:108px;padding:0;border:0;background:transparent;cursor:pointer;color:#4f1d0d;filter:drop-shadow(2px 3px 0 #0004)}.guide-portrait{position:absolute;left:0;bottom:0;width:82px;height:94px;overflow:hidden}.guide-portrait img{position:absolute;width:156px;height:156px;max-width:none;left:-37px;top:-7px;image-rendering:pixelated}.guide-speech{position:absolute;left:64px;top:5px;background:#ffdb71;border:2px solid #65142b;box-shadow:3px 3px 0 #65142b;padding:7px 9px;white-space:nowrap;font:700 12px 'DotGothic16',sans-serif}.guide-speech:after{content:'';position:absolute;left:9px;bottom:-8px;width:10px;height:10px;background:#ffdb71;border-left:2px solid #65142b;border-bottom:2px solid #65142b;transform:skewY(-35deg)}.guide-speech b{color:#bb0028}.ryan-guide:hover .guide-speech{background:#ffe8a0;transform:translateY(-2px)}.ryan-guide:focus-visible{outline:3px solid #f5b600;outline-offset:3px}@media(max-width:350px){.ryan-guide{width:140px}.guide-speech{left:57px;font-size:11px;padding:6px}}

/* Character helper is part of the bottom navigation, never above page content. */
.mobile-bar.anchor-bar{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:5px;padding-left:6px;padding-right:6px;align-items:stretch}.mobile-bar.anchor-bar>a{font-size:12px;padding:8px 2px}.anchor-bar .ryan-guide{position:relative;left:auto;bottom:auto;width:auto;height:48px;z-index:auto;filter:none;display:block;background:#ffdb71;border:2px solid #73091f;box-shadow:2px 3px 0 #321d0e;overflow:hidden}.anchor-bar .guide-portrait{left:-2px;bottom:0;width:39px;height:44px}.anchor-bar .guide-portrait img{width:83px;height:83px;left:-22px;top:-4px}.anchor-bar .guide-speech{position:absolute;left:36px;right:0;top:50%;transform:translateY(-50%);border:0;background:none;box-shadow:none;padding:0;white-space:normal;font-size:10px;line-height:1.5}.anchor-bar .guide-speech:after,.anchor-bar .guide-speech b{display:none}.anchor-bar .ryan-guide:hover .guide-speech{transform:translateY(-50%);background:none}.kit-launch{position:relative;top:auto;left:auto;transform:none;display:block;width:calc(100% - 40px);margin:14px 20px;min-height:52px}.kit-launch small{display:inline;margin-left:10px}.kit-dialog{margin:auto}
.anchor-bar .ryan-guide{overflow:visible;isolation:isolate}.anchor-bar .guide-portrait{left:-6px;bottom:0;width:62px;height:84px;overflow:hidden;pointer-events:none}.anchor-bar .guide-portrait img{width:137px;height:137px;left:-38px;top:-7px;image-rendering:pixelated}.anchor-bar .guide-speech{left:49px;font-size:10px;right:1px}.anchor-bar .ryan-guide:hover .guide-portrait{transform:translateY(-2px)}@media(max-width:350px){.anchor-bar .guide-portrait{left:-7px;width:54px;height:76px}.anchor-bar .guide-portrait img{width:124px;height:124px;left:-35px;top:-5px}.anchor-bar .guide-speech{left:41px;font-size:9px}}
.mobile-bar.anchor-bar>a{align-items:center;justify-content:center;text-align:center}.anchor-bar .guide-speech{display:flex;align-items:center;justify-content:center;text-align:center;left:36px;right:3px;min-height:32px}@media(max-width:350px){.anchor-bar .guide-speech{left:31px;right:1px}}

.mobile-bar.anchor-bar{grid-template-columns:1.15fr 1fr 1fr}

.kit-close{display:grid;place-items:center;box-sizing:border-box;padding:0;min-height:0;font-size:0;line-height:1}
.kit-close::before,.kit-close::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.kit-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.anchor-bar .guide-portrait{left:-10px;width:74px;height:101px}.anchor-bar .guide-portrait img{width:164px;height:164px;left:-45px;top:-8px}
.mobile-bar.anchor-bar>a{font-size:14px}.anchor-bar .guide-speech{font-size:12px}