livvy-north{display:block;margin:22px 0;color:#333;font-size:13px}.north-options{border:0;padding:0;margin:0 0 22px}.north-options legend,.north-heading{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.north-choices{display:flex;flex-wrap:wrap;gap:9px}.north-choices button,.north-keyboard button,.north-symbols button{background:#fff;border:1px solid #dedbd6;border-radius:2px;min-height:44px;padding:10px;color:#333;cursor:pointer}.north-choices button[aria-pressed=true]{outline:2px solid #ab9058;outline-offset:2px}.north-choices button[data-option="0"],.north-choices button[data-option="1"]{border-radius:50%;width:43px;height:43px;padding:0;font-size:0;box-shadow:inset 0 0 0 3px #fff}.north-choices button[data-option="2"]{flex:1;min-height:84px;font-size:12px}.north-layout{display:block;margin:auto auto 7px;width:30px;height:30px;background:#242424;border-radius:3px}.north-layout svg{width:100%;height:100%;stroke:#aaa;fill:none}.north-heading{display:flex;justify-content:space-between}.north-heading span{letter-spacing:0;text-transform:none;color:#888}.north-stage{position:relative;background:#f4f0ea;height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden}.north-rope{position:absolute;width:100%;height:72px;border-radius:20px;background:repeating-linear-gradient(125deg,#a8bdc9 0 3px,#7f99aa 3px 5px,#b4c9d2 5px 7px);box-shadow:inset 0 6px 9px #ffffff77,inset 0 -5px 8px #0004}.north-plate{position:relative;width:158px;height:158px;border-radius:12px;background:linear-gradient(135deg,#373737,#090909);box-shadow:0 7px 15px #0003,inset 0 0 0 1px #777;display:grid;padding:12px;grid-template-columns:1fr 1fr;gap:0}.north-plate button{position:relative;background:transparent;color:#e5e1d7;border:0;min-width:0;font:300 25px Arial;cursor:pointer;border-radius:0}.north-plate button[aria-pressed=true]{outline:1px solid #c0a05b;outline-offset:-6px}.north-plate button svg{height:30px;width:30px;stroke:currentColor;fill:none;stroke-width:1.5}.north-plate[data-count="2"] button+button{border-left:1px solid #aaa}.north-plate[data-count="3"] button:first-child{grid-column:1/-1;border-bottom:1px solid #aaa}.north-plate[data-count="3"] button:last-child{border-left:1px solid #aaa}.north-plate[data-count="4"] button:nth-child(-n+2){border-bottom:1px solid #aaa}.north-plate[data-count="4"] button:nth-child(even){border-left:1px solid #aaa}.north-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.north-keyboard button{padding:5px;min-width:0}.north-keyboard button:last-child{grid-column:span 2;font-size:11px}.north-symbols{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.north-symbols button{padding:8px 3px;font-size:10px}.north-symbols svg{display:block;width:28px;height:28px;margin:0 auto 7px;fill:none;stroke:currentColor;stroke-width:1.5}.north-error{color:#a32121}livvy-north small{display:block;color:#82796e;font-size:10px}livvy-north button:focus-visible{outline:2px solid #a3884c;outline-offset:2px}
livvy-north .north-rope:empty,livvy-north .north-rope{display:block!important;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:76px;visibility:visible!important;opacity:1!important;z-index:0}livvy-north .north-rope:after{content:"";position:absolute;left:0;right:0;top:36px;height:4px;background:#0003;box-shadow:0 2px 2px #fff5}livvy-north .north-plate{z-index:1;flex-shrink:0}

livvy-north .north-plate[data-count="3"]{display:block;position:relative}
livvy-north .north-plate[data-count="3"]:after{content:"";position:absolute;inset:12px;pointer-events:none;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0V50L0 100M50 50L100 100' fill='none' stroke='%23a6a6a6' stroke-width='.7'/%3E%3C/svg%3E")}
livvy-north .north-plate[data-count="3"] button{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);display:flex;align-items:center;justify-content:center;border:0!important;outline:0!important;background:transparent!important;box-sizing:border-box;z-index:1}
livvy-north .north-plate[data-count="3"] button:first-child{clip-path:polygon(0 0,50% 0,50% 50%,0 100%);padding:0 55% 10% 0}
livvy-north .north-plate[data-count="3"] button:nth-child(2){clip-path:polygon(50% 0,100% 0,100% 100%,50% 50%);padding:0 0 10% 55%}
livvy-north .north-plate[data-count="3"] button:last-child{clip-path:polygon(0 100%,50% 50%,100% 100%);padding:60% 0 0}
livvy-north .north-plate[data-count="3"] button[aria-pressed="true"]{color:#d9bc75!important}
livvy-north .north-plate[data-count="3"] button:focus-visible{background:#ffffff15!important}